/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS - Top og center problem
Fra : SpookiePower


Dato : 16-04-07 12:58

Jeg er ny indenfor CSS og er løbet ind i et, sikkert,
simpelt problem.

Jeg har en overskrift jeg gerne vil have centreret
i midten af skærmen og så rykket 100 px ned fra toppen.
Det har jeg gjort på følgende måde -


..Overskrift {
   font-size: 80px;
   text-align: center;
   top:100px
}

Men det virker ikke. Teksten bliver centreret på skærmen,
men ikke rykket de 100px ned. Tilføjer jeg position:absolut;
så rykker den 100px ned, men holder sig så ude til venstre.

Hvordan klar jeg den ?


Resten ser således ud.

<body>
<p class="Overskrift">xxxxxxxxx<br />
<span class="Navn">xxxxxxxxx</span></p>
</body>

 
 
per christoffersen (16-04-2007)
Kommentar
Fra : per christoffersen


Dato : 16-04-07 14:26


"SpookiePower" <boxjunk2600@gmail.com> skrev i en meddelelse
news:462364a2$0$7603$157c6196@dreader2.cybercity.dk...
> Jeg er ny indenfor CSS og er løbet ind i et, sikkert,
> simpelt problem.
>
> Jeg har en overskrift jeg gerne vil have centreret
> i midten af skærmen og så rykket 100 px ned fra toppen.
> Det har jeg gjort på følgende måde -
>
>
> .Overskrift {
> font-size: 80px;
> text-align: center;
> top:100px
> }

Ret 'top' til 'margin-top'.

'Top' refererer til positionering (Position:relative el. absolute). Det
bruger du ikke i din style, og derfor giver det ikke nogen ændring.

'Margin-top' derimod lægger en margin uden på elementet, som netop får det
til at rykke sig ned. Det skulle fungere fint (hvis jeg ikke har overset
noget).

/Per



SpookiePower (16-04-2007)
Kommentar
Fra : SpookiePower


Dato : 16-04-07 17:04

per christoffersen wrote:

> Ret 'top' til 'margin-top'.
>
> 'Top' refererer til positionering (Position:relative el. absolute). Det
> bruger du ikke i din style, og derfor giver det ikke nogen ændring.
>
> 'Margin-top' derimod lægger en margin uden på elementet, som netop får det
> til at rykke sig ned. Det skulle fungere fint (hvis jeg ikke har overset
> noget).


Det var jo lige det der skulle til. Mange tak :)

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste