CaleMedlem sedan mars 200490 inlägg försöker ställa bredden på "rutorna" runt länkarna..
jag får det endast att fungera om jag ställer länkarna på varandra o då med display:block men inte när de är på rad.. (lägger jag till display:block så hamnar de på varandra automatiskt)
hur gör man?
#menu a:link, #menu a:visited {
color: #000000;
text-decoration: none;
background-color: #cc9;
padding: 2px 5px 2px 5px;
width: 100px;
}
#menu a:hover, #menu a:active {
background-color: #ddb;
color: #000000;
}
-------------------------------------------
<div id="menu">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
icaaqMedlem sedan okt. 20005 273 inlägg Använd display: block; och float: left; :)
mv icaaq
CaleMedlem sedan mars 200490 inlägg det funkar ju faktiskt, fast då läggs ju allt till vänster, eller till höger med float:right..
jag vill ha det centrerat..
kanske är bäst att visa sidan som det ligger på.
http://www.bergsland.se/experiment/
icaaqMedlem sedan okt. 20005 273 inlägg Jag skulle strukturerat upp länkarna i en ul
[red]
<div id="menu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
[/red]
CSS
[red]
#menu ul
{
width: 400px;
margin: 0 auto;
list-style-type: none;
}
#menu li
{
float: left;
}
#menu a:link, #menu a:visited {
color: #000000;
text-decoration: none;
background-color: #ddb;
padding: 2px 5px 2px 5px;
width: 60px;
display: block;
}
#menu a:hover, #menu a:active {
background-color: #cc9;
color: #000000;
}
[/red]
otestad kod men jag tror du fattar....
mv icaaq
CaleMedlem sedan mars 200490 inlägg ahh, nu funkar det..
ska försöka lista ut varför det funkar också :)
tack för hjälpen :e