• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Rahmen bei der Liste

Status
Für weitere Antworten geschlossen.

srogul4

Neues Mitglied
Hallo,

Ich habe als Menu eine Liste, die hat folgenden html-code:
Code:
        <td class="menu" width="190px">
    <br>
    <ul>
    <li><a href="">Menüpunkt1</a></li>
    <li><a href="">Menupunkt2</a></li>
    <li><a href="">Menupunkt3</a></li>
    <ul>
    <li><a href="">Menupunkt 3.1</a></li>
    <li><a href="">Menupunkt 3.2</a></li>
    </ul>
    <li><a href="">Menupunkt4</a></li>
    </ul>

Der CSS-Code dazu heisst so:
Code:
.menu {
    list-style-type: none;
    width: 190px;
    position: relative;
    padding: 0px;
    margin: 0px;
}
.menu ul {
    list-style-type: none;
    vertical-align: middle;
    border-bottom: 1px solid #9CAEC6;
    margin: 0px;
    color: #336699;
    vertical-align: middle;
    height: 22px;
}
.menu ul ul {
    list-style-type: none;
    border-bottom: none;
    background-color: #EAEFF3;
    padding: 3px 0px 0px 0px;
}
.menu li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    height: 22px;
    vertical-align: middle;
    background-color: #EAEFF3;
    padding: 3px 0px 0px 15px;
    border-top: 1px solid #9CAEC6;
}
.menu li li {
    height: 22px;
    padding: 3px 0px 0px 10px;
    position: relative;
    margin: 0px;
}
.menu li a {
    color: #336699;
    text-decoration: none;
    background-color: #EAEFF3;
}
.menu li a:hover {
    color: #336699;
    background-color: #000000
    font-weight: bold;
    }

Nun sieht das ganze so aus. Ich möchte aber die blauen Striche über dem Menupunkt 3.1 und 3.2 bis ganz nach links durchgezogen haben!
Wisst ihr wie man das macht? Danke!
 

Anhänge

  • Unbenannt.png
    Unbenannt.png
    2,6 KB · Aufrufe: 4
So funktionierts:
Code:
li{
  list-style-type: none;
  border-top: 1px solid #9CAEC6;
}
.indent{
  padding-left: 20px;
}
Code:
<ul>
<li>Punk 1</li>
<li>Punkt2</li>
<li class="indent">Punkt 2.1</li>
<li class="indent">Punkt 2.2</li>
<li class="indent">Punkt 2.3</li>
<li>Punk 3</li>
</ul>
 
Das kann ich leider nicht, da ich folgendes Szenario vor mir habe:
Code:
<div class="menu">
<?php show_menu() ?>
</div>
Das Menu wird dann jeweils dynamisch generiert und ich kann nur so von aussen darauf zugreifen.
Gibts keine Möglichkeit?
 
Du könntest einen Ausgabepuffer starten und in dem Menü alles entsprechend verändern bevor du es ausgibst.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben