webForumDet fria alternativet

Problem med <li>

3 svar · 362 visningar · startad av Grebban

GrebbanMedlem sedan juli 200415 inlägg
#1

Har lite problem med <li>. Kolla bifogad bild för att förstå mer.

Så som rubrikerna under "Kommentarer" beter sig så ska rubrikerna under "Senaste" också göra.
"Senaste" har <li> taggar men det har inte "Kommentarer".

Varför beter sig <li> taggen så och hoppar in ? Hur ska jag fixa till det så att mina "Senaste" rubriker är i samma linje som "kommentarer"? Jag måste ju använda mig av <li> för jag ska ha en bildicon på varje <li>.

Någon som vet?

HTML:

<h4>Senaste</h4>
            <h5><ul><li><a href="http://www.grebban.com/index.php?id=12">Observera att sidan INTE &auml;r klar!</a></li>

<li><a href="http://www.grebban.com/index.php?id=11">Snart kommer den upp</a></li>
<li><a href="http://www.grebban.com/index.php?id=10">3 nya foton och l&auml;nkar</a></li>
<li><a href="http://www.grebban.com/index.php?id=5">Version 3.0!</a></li></ul></h5>
            <br />
         <h4>Kommentarer</h4>
            <h5>
            <a href="/index.php?id=5#c000014">freddan (Version 3.0!)</a><p>Riktigt najs vart den :)</p>

<a href="/index.php?id=11#c000013">Eric (Snart kommer den upp)</a><p>eeee</p>
<a href="/index.php?id=11#c000012">kalle (Snart kommer den upp)</a><p>gogogo! funkar gravatar?</p>
<a href="/index.php?id=10#c000011">klas (3 nya foton och l&auml;nkar)</a><p>gf</p>
<a href="/index.php?id=10#c000010">klas (3 nya foton och l&auml;nkar)</a><p>h</p></h5>

CSS:

h5{
	margin: 0 20px 2px 12px;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #93B713;
}
#sidebar{
	padding: 15px 0 0 0;
	float: right;
 	width: 214px; 
}
#sidebar p, #sidebar .favicon{
	margin: 0 20px 8px 12px;
	font-size: 75%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #C4C4C4;
}
#sidebar p:hover{
	color: #A5CC17;
}

Tack för hjälpen!

sidebar.gif
aasahMedlem sedan mars 20034 471 inlägg
#2

Säkert en urdum fråga, men varför har du li-taggar under senaste? Kan du inte ta bort dom då? :q

Alltså, jag menar, finns det inget sett att ha samma typ av element i Senaste som i kommentarer?

silfverMedlem sedan apr. 200312 679 inlägg
#3

Du kan inte ha ett annat block-element i en header. Alltså, ingen ul i h5.

m_soderlundMedlem sedan sep. 20026 425 inlägg
#4

Ah. Du får ju använda dig av padding i li-elementet:

li { padding-left: 20px;

Då bör texten hamna mer till höger.

Jag skrev en artikel om detta för ett tag sedan: Att göra attraktivare listor. ;)

/r plus att man precis som silver skriver inte kan ha ett block-levelelement i ett annat.

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