Gå til innhold

tekst i midten..hvordan gjøre det enklest?

fleur

Anbefalte innlegg

fleur

fleur

Skrevet
Skrevet

Skal ha en helt blank side med en linje tekst i midten. Mener i midten midten. Såvidt jeg har skjønt finnes det ingen css-kode for å få tekst i absolutt midt så må jeg over på tabeller? Vil at denne teksten skal komme i midten uansett oppløsning på brukerens skjerm. Forslag?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
fleur

fleur

Skrevet
  • Forfatter
Skrevet

hm skulle ikke dette fungert da? For det gjør det ikke

 

<p class="infoside">Denne siden fungerer foreløpig best i IE 6.0 eller Opera<br />

Vent litt så vil du automatisk videresendes. Blir du ikke det, så trykk

på linken nedenfor</p>

 

p.infoside

{

background-color: #D3E6F8;

font-family: verdana, sans;

font-size: x-small;

margin: 0 auto;

}

Lenke til kommentar
fleur

fleur

Skrevet
  • Forfatter
Skrevet

Dette er hele koden:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>blabla</title>

<link rel="stylesheet" type="text/css" href="blabla.css" />

</head>

 

<body>

<p class="infoside">Denne siden fungerer foreløpig best i IE 6.0 eller Opera<br />

Vent litt så vil du automatisk videresendes. Blir du ikke det, så trykk

på linken nedenfor</p>

 

</body>

</html>

 

css:

p.infoside

{

background-color: #D3E6F8;

font-family: verdana, sans;

font-size: x-small;

margin: 0 auto;

}

 

Kan gjerne bruke position: absolute, men hva setter jeg evt. høyden og vidden til? Vil jo at bredden og høyden skal fylle brukerens skjerm helt uansett oppløsning. Samme med teksten, vil at den skal være midt på uansett.

 

Et annet problem er at den lager marginer på venstre side og toppen fordi jeg også har følgende kode i css'et:

 

p

{

margin-left: 15px;

margin-top: 20px;

margin-right: 15px;

}

 

Trodde da p.infoside overstyrer p helt.

Lenke til kommentar
fleur

fleur

Skrevet
  • Forfatter
Skrevet

nei det fungerte ikke spesielt bra. Teksten kommer på midten av linja, men den kommer i toppen av sida, ikke på midten av siden. Og bakgrunnsfargen er kun rundt teksten og nesten ut til kantene. Det er ikke farge overalt. Hvordan får jeg til så det kommer farge overalt uansett oppløsning?

Lenke til kommentar
joffar

joffar

Skrevet
Skrevet (endret)

Skriv inn

body {

background-color: #D3E6F8;

font-family: verdana, sans;

font-size: x-small;

margin: 0 auto;

}

#center{

width:100%

position:center;

}

p {

width:300px;

text-align: center;

}

 

HTML:

<body><div id='center'>

<p>Denne siden fungerer foreløpig best i IE 6.0 eller Opera

Vent litt så vil du automatisk videresendes. Blir du ikke det, så trykk

på linken nedenfor</p>

 

</div>

etc

 

Tror det skal virke, but as someone else said... I'm at work and cant test it....

Endret av joffar
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...