[gelöst] Genesis Starter Theme: Height-Attribut bei den Primary-Links wird ignoriert
Eingetragen von dercheffe (87)am 21.08.2010 - 16:43 Uhr in
Hallo zusammen,
danke erst mal für dieses tolle Portal, es hat mir als Drupal-Newbie schon sehr geholfen.
Einleitung
Ich entwickle derzeit mein eigenes Theme auf Basis des Genesis-Starter-Themes und bin bisher super damit klar gekommen.
Meine Primary-Menüleiste hat als Hintergrund-Bild ein Bild mit einer Höhe von 50 px (über das ID-Element #primary), das per background-repeat: repeat-x; in der Breite gekachelt wird.
Das funktioniert auch noch prima.
Mein Problem:
Jetzt soll ein Link (also das "li"- bzw. das "a"-element) wenn er gehovert wird ein anderes Hintergrundbild bekommen.
Dieses Bild hat auch eine Höhe von 50 px. Das Bild wird momentan zwar beim Hover-Zustand angezeigt, aber es ist nicht komplett sichtbar, da mein height: 50px; Attribut bei den Links total ignoriert wird. Per Firebug konnte ich auch bisher nichts rausfinden.
Hier nochmal mein Code:
/**
* Primary Links Positioning
*/
/* FLOAT PRIMARY RIGHT */
/* #primary .primary-inner {float: right;} */
/* ALIGN PRIMARY CENTER */
/* #primary .primary-inner {display: table; margin: 0 auto; text-align: center;} */
/**
* Primary Links Style
* Example styles to get you started.
*/
#primary {
padding-top: 0.4em;
background-image: url(../images/bg_nav_prim.png);
background-repeat: repeat-x;
vertical-align: middle;
height: 50px;
}
#nav .primary-links {}
/* Modify the margin to set tab spacings. */
#nav .primary-links li {
display: inline;
padding: 0 0.2em;
margin: 0 0.2em;
}
#nav .primary-links li a {
height: 50px;
font-size: 1.5em;
list-style-type: none;
text-decoration: none;
margin: 0;
color: #392A01;
letter-spacing: 0.1em;
font-variant: small-caps;
}
/* Set pseudo class styles. */
#nav .primary-links li a:hover {
background-image: url(../images/bg_nav_prim_inv.png);
}
#nav .primary-links li a:focus {}
#nav .primary-links li a:active {}
#nav .primary-links li a:visited {}
/* Primary first and last classes. */
#nav .primary-links li.first {}
#nav .primary-links li.last {}
/* Active trail classes. */
#nav .primary-links li.active {}
#nav .primary-links li.active-trail {}
#nav .primary-links li.active-trail a {}Bin für jeden Tipp dankbar.
Ein weiterhin so sonniges WE.
Lg Phil
- Anmelden oder Registrieren um Kommentare zu schreiben
Das ist ja eher ein
am 21.08.2010 - 16:55 Uhr
Das ist ja eher ein CSS-Problem, als ein Drupal-Problem. Du umgehst es, indem du deinen #nav .primary-links li a ein passendes padding verpasst, bis sie die richtige Größe haben :)
Danke
am 22.08.2010 - 09:14 Uhr
Danke für den Tipp, er funktioniert :) ! Dachte nur, da die Liste und Links von Haus aus die "richtige" Größe haben, müsste das beim hovern vererbt werden.