Hilfe bei HTML

[aZn-NiCoLe]

Hi :) Bin gerade dabei meinen Blog (ℓα∂у rιcecαĸe'Ñ• ωσÑâ„“∂) zu optimieren, und möchte meine Blogeinträge sortieren,
indem ich so eine Header-Leiste (s. Blog) mit den Kategorien mache.

Wenn ihr draufklickt, seht ihr 2 Header-Leisten- die erste ist von Blogger und nicht wichtig für das Problem. Aber die zweite.

Soweit habe ich schon mal meine Haupt- und Nebenkategorien.
Allerdings ist dazwischen so eine dämliche Lücke (s. Bild im Anhang bzw. Blog).

Frage #1: Wie kriege ich die weg?
Frage #2: Wie bekomme ich Unterkategorien (im Skript: "News", "Reviews", "Lifestyle" &co.) bei den Unterkategorien hin (s. Bild und Skript)? Habe versucht eine Liste unter der Liste zu machen, aber irgendwie ging das nicht.
Frage #3: Wie bekomme ich die Form von Header #1 (von Blogger) hin?

So sieht mein HTML Skript aus:
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='#'>Home</a>
</li>
<li>
<a href='#'>About me</a>
</li>
<li>
<a href='#'>Daily Life</a>
<ul>
<li><a href='#'>Drawings</a></li>
<li><a href='#'>Entries</a></li>
<li><a href='#'>Tutorials</a></li>
</ul>
</li>
<li>
<a href='#'>Travel</a>
<ul>
<li><a href='#'>America</a></li>
<li><a href='#'>Czech Republic</a></li>
<li><a href='#'>France</a></li>
</ul>
</li>
<li>
<a href='#'>Beauty&Lifestyle</a>
<ul>
<li><a href='#'>Beauty</a></li>
<ul>
<li><a href='#'>News</a></li>
<li><a href='#'>Reviews</a></li>
<li><a href='#'>Lifestyle</a></li>
<li><a href='#'>Shopping</a></li>
</ul>
</ul></li>
<li>
<a href='#'>Misc</a>
</li>
<li>
<a href='#'>Links</a>
</li>
</ul>
</div>

Bitte helft mir :roll: :-D

 

[ge_fabian]

ich hoffe mal verstanden zu haben O:

Frage#1: das muss in einer .css Datei sein, denn allein mit HTML kannst du das 'Design' nicht ändern.
Frage#2: ich weiß nicht genau was du meinst, aber eventuell:

[COLOR=#333333]<li> [/COLOR]
[COLOR=#333333]<a href='#'>Navi</a> [/COLOR]
[COLOR=#333333]<ul> [/COLOR]
[COLOR=#333333]<li><a href='#'>Subnavi</a></li> 
[/COLOR][COLOR=#333333]<ul> [/COLOR]
[COLOR=#333333]<li><a href='#'>Subsubnavi</a></li> [/COLOR]
[COLOR=#333333]<li><a href='#'>Subsubnavi</a></li> [/COLOR]
[COLOR=#333333]<li><a href='#'>Subsubnavi</a></li> [/COLOR]
[COLOR=#333333]</ul> [/COLOR]
[COLOR=#333333]<li><a href='#'>Subnavi</a></li> [/COLOR]
[COLOR=#333333]<li><a href='#'>Subnavi</a></li> [/COLOR]
[COLOR=#333333]</ul> [/COLOR]
[COLOR=#333333]</li> [/COLOR]
[COLOR=#333333]<li>[/COLOR]

Frage#3: das habe ich noch nicht verstanden O:

Also was genau willst du machen?

btw.. benutze, wenn du Quellcode postest bitte immer die entsprechenden Code Tags.