Probleme mit Zeilenhöhe bei 2. zeiligen Menüeinträgen

[julchen]

Hallo,
ich hab das Problem, dass es in meinem Menü Links gibt, die über 2 Zeilen gehen. Nun ist der Abstand der 2 zeiligen Links zueinander aber zu groß. Die Links sind mit font 11px/30px formatiert, damit ich einen Hover Effekt über die gesamte Höhe der Zeile bekomme und nicht nur in der Zeile der Links.

Wie kann ich die 2 zeiligen Einträge vom Zeilenabstand näher zusammen bringen?

http://www.assedo.de/login/johann/architekt/architekt.html

Gruss
Julchen

 

[Maik]

Hi,

die Antwort liegt hier doch klar auf der Hand: indem du den zweiten Wert für die Zeilenhöhe verringerst.

mfg Maik

 

[julchen]

Hallo,
nein, wenn ich den Wert von 30px verringere dann werden die anderen Zeilen auch schmäler. Die Höhe der Zeile soll so bleiben, nur bei 2 zeilen soll der Text dichter beisammen stehen.

Gruss
Julchen

 

[connexo]

Da die Angabe der 30px aber nunmal den Zeilenabstand definiert, musst Du Dir da was anderes ausdenken...

Normal löst man so etwas so, dass man die Höhe der Links über das CSS für die entsprechenden a-Tags steuert. Es empfiehlt sich hier, über das padding zu gehen.

Also etwa mit:

div#menu_left ul li a,
div#menu_left ul li a:visited {
padding: 10px 20px;
}

div#menu ul li a:hover {
/* Hier deine hover-Styles */
}

 

[julchen]

Hallo,
hm, könnte ich mal versuchen. Danke für den Tipp.

LG
Julchen

 

[Maik]

Hi,

ich kann mich da connexos Alternativ-Vorschlag nur anschließen, wenn du es nicht über die Zeilenhöhe regeln möchtest

#menu_left ul li a{
width:160px;
padding:8px 20px;
margin:0;
color:#444;
text-decoration:none;
display:block;
}

mfg Maik

 

[julchen]

Hallo,
danke schon mal, ich versuche es!

Gruss
Julchen