Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Menü probleme“

L

lea11011989

Guest

Hallo,

habe ein Style im CSS für mein Menü erstellt. Habe aber jetzt folgendes Problem. Wie bekomme ich es hin damit ich in der zweiten Ebene als Aufzählungszeichen ein anderes Bild bekomme wie in der ersten Ebene?!


Code:
/* menu */
ul.menu {
  float:left;
  width:164px;
  background: url(../img/dots.gif) 0 top repeat-x;
  padding-top:1px;

}
ul.menu ul {
  float:left;
  width:164px;
    background: url(../img/dots.gif) 0 top repeat-x;


}
ul.menu li {
  float:left;
  width:164px;
  background: url(../img/dots.gif) 0 bottom repeat-x;
  padding-bottom:1px;

}
/* Menupunkt stylen */
ul.menu li a {
float: left;
width:148 px;
padding: 4px 0 4px 16px;
background: url(../img/arrow_menu.gif) 0 6px no-repeat;
text-decoration:none; 
font-weight:bold;
color:#7a7a7a;
}
ul.menu li:active > a {
text-decoration:underline !important;
}
ul.menu li:hover > a {
text-decoration:underline !important;
}

ul.menu li:hover > ul {
text-decoration: none;
}
/* ab zweite Ebene */
ul.menu li li:hover > ul {
text-decoration:none;
}
ul.menu li li a {
padding: 3px 0 3px 29px;

text-decoration: none;
}
/* Farben der einzelnen Ebenen (werden vererbt)*/
ul.menu a {


}
ul.menu ul a {
font-weight:normal;

}
ul.menu ul ul a{


}
ul.menu ul ul ul a{


}
 
Zuletzt bearbeitet von einem Moderator:

Silvio

Aktives Mitglied

AW: Menü probleme

Interessant wäre noch deine html, da müsste eine ul in der ul sein.
Die Kreise bekommst du auch über "list-style-type:disc;" und dann einfärben.
Haben Deine beiden uls ids bekommen?
 
L

lea11011989

Guest

AW: Menü probleme

Hinter dem ganzen Steckt Joomla. Irgendwo in den Standartdatein steht das mit dem ul...
Und wo kann ich die list-style-type:disc hinbringen damit er mir das in der zweiten Ebene darstellt?
Hier aber der generierte Code:
 

Gack81

Noch nicht viel geschrieben

AW: Menü probleme

Guten Morgen


also ich würde es mal mit list-style den li´s eine eigene class geben damit du das Streuern kannst
wäre gut auch mal dein HTML Quelltext dazu zusehen damit man sich ein besseres Bild machen kann;)


Ich denke das du mit einer Listen Verschachtelung besser fahren würdest habe ich jetzt nicht wahrnehmen können durch die CSS.


Gruß
und frohes schaffen ;)

edit: ist ja verschachtelt lach sorry ;)
 
L

lea11011989

Guest

AW: Menü probleme

Das einzige was in meinem Code bezüglich dem Menü steht ist folgendes.
PHP:
<div id="menu">
         <?php  mosLoadModules ( 'left', -1); ?>
                </div>
 

fexx

Aktives Mitglied

AW: Menü probleme

du musst den list type für das 2te menü definieren:

Code:
ul.menu li ul li {
    list-style-type:disc;
}

und den hintergrund von der ersten ebene in der zweiten ebene wieder "wegnehmen"
Code:
ul.menu li ul li a { background: none; }
 
L

lea11011989

Guest

AW: Menü probleme

Und wie bekomme ich es jetzt noch hin das die Punkte nach rechts verschoben sind? Sie hängen nämlich jetzt an der linken Seite.. Habe es mit padding probiert aber will nicht :(
 
Zuletzt bearbeitet von einem Moderator:
L

lea11011989

Guest

AW: Menü probleme

Wie bekomme ich es hin ohne das list-style-type? Wenn ich z.B. ein weitere Background für die zweite Ebene nutze?
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.853
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben