line height vs text-size
Eingetragen von Biloubill (2)am 26.09.2010 - 13:37 Uhr in
Hallo,
ich bin gebeten worden ein CMS-Design zu entwerfen, habe noch nie etwas mit Drupal zu tun gehabt.
Hoffe ihr könnt mir ein wenig Mut geben:
Die Primary Links stelle ich, auf wunsch, mittels Buttons dar. Damit gar keine Schrift mehr auftaucht färbe ich die Links in der Farbe des Background. Allerdings gibt es nun Probleme bei der Formatierung:
#sidebar-right
{
margin: -20px 0 0 670px; /*Navi Bar*/
font-size:34px;
/*line-height: 25pt;*/
}
Im IE und Chrom sieht es wie gewollt aus. In Mozilla zerhackstückt.
Wenn ich die auskommentierte Zeile wieder einfüge ist der gegenteilige Fall eingetreten, IE und Chrome zeigen es falsch an, Mozilla wie gewollt.
Ich wüsste nicht wie man es sonst löst.
Der Link: http://www.twentyneedles.de
Ich hoffe sehr auf eure Hilfe,
Danke, Jerome.
- Anmelden oder Registrieren um Kommentare zu schreiben
...
am 27.09.2010 - 00:41 Uhr
#sidebar-right ul {position:relative;right:50px;}#sidebar-right a {display:block;text-indent:-9999px;width:120px;height:34px;background-repeat:no-repeat;}
#sidebar-right li {list-style:none;}
.menu-118 {background-image:url(kontakt.jpg);}
.menu-137 {background-image:url(start.jpg);}
.menu-157 {background-image:url(impressum.jpg);}
.menu-139 {background-image:url(archiv.jpg);}
.menu-156 {background-image:url(menu_icon_156.jpg);}
.menu-158 {background-image:url(aktuelles.jpg);}
Bildpfade müssen noch angepasst werden.
Es gibt auch einige Module,
am 27.09.2010 - 08:34 Uhr
Es gibt auch einige Module, dir Dir das abnehmen könnten. z.B.: -> http://drupal.org/project/menu_icons und auch die dort angeführten "Related Projects" könnten einen Blick wert sein!
Vielen Dank intervisual, das
am 27.09.2010 - 23:04 Uhr
Vielen Dank intervisual, das hat super geklappt.
Könnt ich dich noch fragen, ob in dieser Form wie du sie mir gezeigt hast, noch zwischen aktiviertem und nicht aktiviertem Link unterschieden wird?
Oder wäre das noch hinzufügbar wie z.B. #sidebar-right li hover und #sidebar-right li link ?
Das Addon Menu Icon habe ich bereits installiert, werde mir mal ein paar Projekte anschauen.
Danke für eure Hilfe!
Drupal fügt zu jedem Element
am 28.09.2010 - 01:31 Uhr
Drupal fügt zu jedem Element deiner Navigation Klassen hinzu.
<ul class="menu"><li class="leaf first active-trail"><a class="menu_icon menu-137 active" title="Willkommen" href="/node/5">a</a></li>
<li class="leaf"><a class="menu_icon menu-158" title="Aktuelles" href="/node/23">a</a></li>
<li class="leaf"><a class="menu_icon menu-139" title="Shows" href="/node/7">a</a></li>
<li class="leaf"><a class="menu_icon menu-156" title="Ausbildung" href="/node/20">^</a></li>
<li class="leaf"><a class="menu_icon menu-118" title="" href="/contact">^</a></li>
<li class="leaf last"><a class="menu_icon menu-157" title="Impressum" href="/node/21">Impressum</a></li>
</ul>
In deinem Fall musst du einfach an aktiven Elementen das Hintergrundild tauschen.
.menu-137.active {background-image:url(start-active.jpg);}.menu-158.active {background-image:url(aktuelles-active.jpg);}
Mir liegt da noch einiges schwer im Magen wenn ich mir die Seite so ansehe aber wenn ich anfangen würde das zu korrigieren hätte ich die ganze Nacht zu tun. Ich würde dir raten dich etwas genauer mit HTML und CSS zu befassen.