Beim Dropdownmenu werden alle links unterstrichen
Eingetragen von loosemybrain (24)
am 19.03.2012 - 14:31 Uhr in
am 19.03.2012 - 14:31 Uhr in
Hallo Leute,
Ich habe ein komplett neues Dropdownmenu erstellt und mit CSS bearbeitet. so weit ist alles ganz schön, jedoch wenn mein Untermenü aufgeht werden alle Links unterstrichen beziehungsweise mit einer anderen Farbe unterlegt. Hat vielleicht jemand eine Ahnung woran das liegen könnte???
- Anmelden oder Registrieren um Kommentare zu schreiben
An Deinem CSS!. Im Menü sind
am 19.03.2012 - 14:41 Uhr
An Deinem CSS! Im Menü sind a-Tags vorhanden, und soweit nichts anderes definiert ist, werden Links in einer speziellen Farbe und mit Unterstrich dargestellt. Wenn Du das im Menü anders haben möchtest, solltest Du das entsprechend im CSS eintragen. Firefox mit dem Plugin Firebug kann Dir dabei helfen. Sieh Dir dazu auf der Seite von Thoor (thoor.de) das entsprechende Tutorial an.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Ja soweit war mir das klar
am 19.03.2012 - 15:56 Uhr
Ja soweit war mir das klar hab firebug auch drauf n a-Tag hab ich auch geschrieben den display auf block ne Farbe und zum testen die text-decoration auf underline. Nur mit welchem Befehl kann ich denn nur ein Unterpunkt ansteuern
aber danke für deine schnelle
am 19.03.2012 - 16:05 Uhr
aber danke für deine schnelle Antwort =)
lg
Sam
loosemybrain schriebJa
am 19.03.2012 - 16:40 Uhr
Ja soweit war mir das klar hab firebug auch drauf n a-Tag hab ich auch geschrieben den display auf block ne Farbe und zum testen die text-decoration auf underline. Nur mit welchem Befehl kann ich denn nur ein Unterpunkt ansteuern
Das kommt auf das Menü an, welches du verwendest. Beim Nice-Menu und beim Superfish-Menu (und wahrscheinlich überwiegend bei anderen Menü auch) wird die Baumstruktur des Menüs durch die Kombination von ul-Tags und li-Tag (ul= unordered List, li = Listitem). Bei einem Unterpunkt kommt dann in der Regel ein
<ul><li>
hinzu.lieben Gruß
Berthold Lausch
Drupal Video-Tutorials
warum werden alle links ausgewählt???
am 19.03.2012 - 16:45 Uhr
UL#nice-menu-1
{
margin: 0;
padding: 0px;
list-style: none;
position: relative;
left: 2px;
top: -1px;
}
UL#nice-menu-1>LI
{
background-image: url(../bilder/nav_grau.png);
background-repeat: repeat-x;
padding: 0px 30px 4px 9px;
margin: -1px 0px -1px -2px;
height: 35px;
background-color: transparent;
border-right: 0px solid #000000;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
UL#nice-menu-1>LI:hover
{
background-image: url(../bilder/nav_weiss.png);
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
}
UL#nice-menu-1>LI>A
{
font-family: Consolas;
font-size: 15px;
display: block;
padding-top: 14px;
padding-bottom: 4px;
padding-left: 14px;
padding-right: 17px;
text-decoration: none;
color: #bd0000;
}
UL#nice-menu-1>LI:hover>A
{
color: #0900bd;
}
UL#nice-menu-1>LI>SPAN
{
display: none;
width: 160px;
position: absolute;
top: 40px;
left: 0px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
background-color: #dedede;
border-radius: 5px;
}
UL#nice-menu-1>LI>SPAN>A
{
display: block;
color: #000;
padding-top: 15px;
}
UL#nice-menu-1>LI:hover>SPAN
{
display: block;
}
UL#nice-menu-1>LI.active-trail>A
{
color: #473eff;
}
need somebody to help!!! =)
Hallo Berthold, Ich hatte dir
am 19.03.2012 - 16:50 Uhr
Hallo Berthold,
Ich hatte dir schon bei YouTube geschrieben, da ich sorgfältig deine tutorials verfolge... aber bei deinem tutorial für das nice_menu funktioniert es gleich???
Einfach zum verrückt werden.
loosemybrain schrieb Hallo
am 19.03.2012 - 17:10 Uhr
Hallo Berthold,
Ich hatte dir schon bei YouTube geschrieben, da ich sorgfältig deine tutorials verfolge... aber bei deinem tutorial für das nice_menu funktioniert es gleich???
Einfach zum verrückt werden.
Was funktioniert da gleich ?
in dem oberen css-Code hast du es ja auch nur für eine Ebene macht und nicht für eine zweite.
Für die zweite Ebene mußt du nur ein UL>LI dazwischen setzen, dann ist auch die zweite Ebene fertig.
Gruß
Berthold Lausch
Drupal Video-Tutorials
wo soll ich die hinsetzen???
am 19.03.2012 - 17:55 Uhr
wo soll ich die hinsetzen??? vor dem SPAN???
man fühl ich mich dumm =)
am 19.03.2012 - 18:01 Uhr
man fühl ich mich dumm =)
wenn es in der obersten Ebene
am 19.03.2012 - 18:22 Uhr
wenn es in der obersten Ebene heißt
UL#nice-menu-1>LI:hover>A
dann heißt es doch in der zweiten Ebene:
UL#nice-menu-1>LI>UL>LI:hover>A
Die Struktur ist wirklich sehr einfach zu durchschauen.
Drupal Video-Tutorials
klappt trotzdem nicht....!!!
am 20.03.2012 - 02:01 Uhr
klappt trotzdem nicht....!!! kann es damit zusammen hängen weil ich ein span eingesetzt habe
loosemybrain schrieb klappt
am 20.03.2012 - 02:09 Uhr
klappt trotzdem nicht....!!! kann es damit zusammen hängen weil ich ein span eingesetzt habe
CSS ist nicht mit der Stange im Nebel stochern, da gibt es ganz eindeutige Regeln, wie zu verfahren ist.
Es hilft halt nichts, man muss die Sprache schon verstehen, sonst kann man nichts formulieren. Ich kann das auch nicht ändern.
Drupal Video-Tutorials