webForumDet fria alternativet

Lista med marginal/padding?

HTML & CSSur HTML, XHTML & CSS

2 svar · 439 visningar · startad av voldo83

voldo83Medlem sedan nov. 20082 inlägg
#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
TroxyMedlem 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 :)

voldo83Medlem 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>
129 ms totalt · 3 externa anrop · v20260731065814-full.a2ca460b
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)