Lista med marginal/padding?

HTML & CSS

2 svar · 443 visningar · startad av voldo83

Medlem sedan nov. 20082 inlägg
Trådstart#1

Hej å hå.

Håller på med en spellista och försöker få vilken genre och antal spelare att stå efter speltiteln på ett enkelt sätt, men lyckas inte riktigt.

Någon som har ett svar på problemet?

gamelist.JPG
Medlem sedan mars 20041 505 inlägg
#2

Det där ser ut som en tabell, inte en lista.
Visa koden i stället för en bild :)

Medlem sedan nov. 20082 inlägg
#3

Har löst det nu :)

Koden ser ut såhär:

<style type=text/css>  
body {background: g11line02.gif;}    
#meny{margin: 0; 	padding: 0; 	
width:100%; 	list-style-type: none; 	
font: 70% Verdana, Helvetica, sans-serif; 	
letter-spacing: 0.1em; 	
background: #000000; 	
border-bottom: 1px solid #996666;} 
#meny a{ 	display: block; 	
width: auto; 	height:100%; 	
padding-left: 0.25em; 	padding-top: 0.25em; 	
padding-bottom: 0.25em;	 	
text-decoration: none; 	border-top: 
1px solid #996666; 	border-right: 
1px solid #996666; 	border-left: 1px solid #996666;} 
#meny a:link{color: #00FF00;} #meny a:visited{color: #00FF00;} 
#meny a:hover{background: #00FF00; color: #000000;} 
#meny a#current{background: #FFCC66; color: #000000;} </style>

Samt:

<div id="menycontainer"> <ul id="meny">     
<li id="active"><a href="home.html" id="home" target="blank">
4 Wheel Thunder</a></li>

Men löste det genom att lägga dit:

a{
position: relative;
}

.genre{
position: absolute;
left: 504px;
}

.players{
position: absolute;
left: 687px;
}

i css:n

och sen blev det såhär:

<li id="active"><a href="home.html" id="home" target="blank">
4 Wheel Thunder    <span class="genre">   Racing     </span>    
<span class="players">      1-2       </span>     </a></li>
273 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)