/ 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
centrering / højrestilling i css
Fra : Thomas


Dato : 22-01-07 08:59

Hvordan laver man centrering / højrestilling i css?

Hvis jeg har noget lignende følgende i min html :
<div class="TopNav">
<span class="TopNavLeft">left</span>
<span class="TopNavCenter">Center</span>
<span class="TopNavRight">Right</span>
</div>

hvordan skal css så skrives, for at få dem placeret venstre, center
og højre, på samme linje?

syntes jeg har prøvet med text-align etc. men uden held..

/ Thomas


 
 
Jørn Andersen (22-01-2007)
Kommentar
Fra : Jørn Andersen


Dato : 22-01-07 22:46

On 21 Jan 2007 23:59:07 -0800, "Thomas" <tmorch@gmail.com> wrote:

>Hvordan laver man centrering / højrestilling i css?
>
>Hvis jeg har noget lignende følgende i min html :
><div class="TopNav">
> <span class="TopNavLeft">left</span>
> <span class="TopNavCenter">Center</span>
> <span class="TopNavRight">Right</span>
></div>
>
>hvordan skal css så skrives, for at få dem placeret venstre, center
>og højre, på samme linje?

>syntes jeg har prøvet med text-align etc. men uden held..

Det kan du i princippet ikke. <span> er et inline-element og
text-align kan kun bruges på block-elementer.

Det du i stedet kan gøre er fx at float'e 3 block-elementer og så
text-align'e dem hver især. Det forudsætter, at du giver dem en bredde
- fx:

<div class="TopNav">
<p class="TopNavLeft">left</p>
<p class="TopNavCenter">Center</p>
<p class="TopNavRight">Right</p>
</div>


Og CSS:
..TopNav {
margin:0;
padding:0;
}
p.TopNavLeft {
width:25%;
text-align:left;
float:left;
}
p.TopNavCenter {
width:50%;
text-align:center;
float:left;
}
p.TopNavRight {
width:25%;
text-align:right;
float:left;
}

Good luck!

--
Jørn Andersen,
Brønshøj

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste