#215678 md5_ [Gast]11.06.2010, 15:15:47 |
HTML/CSS Formatierung von Listen? (web.design) |
Hallo,
<ul id=\"Navigation_Gesamt_ul\">
<li class=\"Oberpunkte_li\">
<a href=\"#\">Liste 1
<ul class=\"Unterpunkte_ul\">
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</li>
</ul>
</li>
<li class=\"Oberpunkte_li\">
<a href=\"#\">Liste 2
<ul class=\"Unterpunkte_ul\">
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</li>
</ul>
</li>
</ul>
.Oberpunkte_li {
display:inline;
}
.Unterpunkte_li {
display:block
}
|
#215690 schnakeMarburg, 11.06.2010, 17:20:31 @ md5_ |
HTML/CSS Formatierung von Listen? |
hi <ul id=\"Navigation_Gesamt_ul\">
<li class=\"Oberpunkte_li floatleft\">
<a href=\"#\">Liste 1</a>
<ul class=\"Unterpunkte_ul\">
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</a></li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</a></li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</a></li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</a></li>
</ul>
</li>
<li class=\"Oberpunkte_li floatright\">
<a href=\"#\">Liste 2</a>
<ul class=\"Unterpunkte_ul\">
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</a></li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</a></li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</a></li>
<li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</a></li>
</ul>
</li>
</ul>
-- |
#215701 MudGuard![]() München, 11.06.2010, 18:53:42 @ schnake |
HTML/CSS Formatierung von Listen? |
> hi <ul id=\"Navigation_Gesamt_ul\">
> <li class=\"Oberpunkte_li floatleft\">
> <a href=\"#\">Liste 1</a>
> <ul class=\"Unterpunkte_ul\">
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</a></li>
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</a></li>
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</a></li>
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</a></li>
> </ul>
> </li>
> <li class=\"Oberpunkte_li floatright\">
> <a href=\"#\">Liste 2</a>
> <ul class=\"Unterpunkte_ul\">
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 1</a></li>
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 2</a></li>
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 3</a></li>
> <li class=\"Unterpunkte_li\"><a href=\"#\">Punkt 4</a></li>
> </ul>
> </li>
> </ul>
|
#215703 schnakeMarburg, 11.06.2010, 19:06:20 @ MudGuard |
HTML/CSS Formatierung von Listen? |
> Da sind einige überflüssige class-Angaben. -- |
#215722 md5_ [Gast]11.06.2010, 21:40:03 @ schnake |
vielen Dank! |
Funktioniert einwandfrei. |
#215940 md5_ [Gast]12.06.2010, 13:22:31 @ md5_ |
weitere Fragen... |
Meine Liste sieht derzeit so aus: <div style=\"align:center;\">
<ul id=\"Navi\">
<li>
<a href=\"\">Liste 1
</li>
<li>
<a href=\"\">Liste 2
</li>
<li>
<a href=\"\">Liste 3
<ul>
<li><a href=\"\">Punkt 1</li>
</ul>
<ul>
<li><a href=\"\">Punkt 2</li>
</ul>
<ul>
<li><a href=\"\">Punkt 3</li>
</ul>
<ul>
<li><a href=\"\">Punkt 4</li>
</ul>
</li>
</ul>
</div>
<div align=\"center\">
verwende, funktioniert es - ist halt nicht W3-konform.. |
#215949 schnakeMarburg, 12.06.2010, 14:26:55 @ md5_ |
weitere Fragen... |
huhu <a href=\"\">blablbablubb</a>
#Navi > li {display:inline-table;}
#Navi {text-align:center;}
-- |
#215997 md5_ [Gast]12.06.2010, 18:54:49 @ schnake |
danke, noch etwas... |
ich kann zwar definieren, wie viel platz zwischen dem Text und der Umrandung sein soll (padding). |
#216009 schnakeMarburg, 12.06.2010, 19:31:54 @ md5_ |
danke, noch etwas... |
> ich kann zwar definieren, wie viel platz zwischen dem Text und der -- |