webForumDet fria alternativet

bredd på <a>, strul

4 svar · 253 visningar · startad av Cale

CaleMedlem sedan mars 200490 inlägg
#1

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
#2

Använd display: block; och float: left; :)

mv icaaq

CaleMedlem sedan mars 200490 inlägg
#3

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
#4

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
#5

ahh, nu funkar det..
ska försöka lista ut varför det funkar också :)

tack för hjälpen :e

133 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)