webForumDet fria alternativet

Lista med marginal/padding?

HTML & CSS

2 svar · 439 visningar · startad av voldo83

Medlem sedan nov. 20082 inlägg
Frågan#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>
256 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)