Publisher
Neues Mitglied
Hi leute
Ich habe auf einer meiner Websites die Navigationslinks mit display block versehen, damit man auch auf dem leeren Feld der selben Höhe des Links klicken kann. Aber über dem Link ist noch leerer Platz weil ich noch ein Padding für den oberen Abstand eingesetzt habe. Ich will aber dass man die ganze Listeneintragsfläche klicken kann. Habe schon probiert bei allen #navig .. regeln (vorallem li) display block einzugeben um zu testen wo der richtige Ort ist diese Eigenschaft einzufügen, aber überall wird der "erzeugte block" dicht zum Anchortext gelegt, und nicht um den Listeneintrag.
Wo soll ich den das display block einsetzen :?:
Wenn man mit der Maus über dem Link geht, hat es einen leichten :hover Effekt.
Momentane Situation:
(Kann sein das man das Bild momentan nicht sieht, server manchmal down)
Ich habe auf einer meiner Websites die Navigationslinks mit display block versehen, damit man auch auf dem leeren Feld der selben Höhe des Links klicken kann. Aber über dem Link ist noch leerer Platz weil ich noch ein Padding für den oberen Abstand eingesetzt habe. Ich will aber dass man die ganze Listeneintragsfläche klicken kann. Habe schon probiert bei allen #navig .. regeln (vorallem li) display block einzugeben um zu testen wo der richtige Ort ist diese Eigenschaft einzufügen, aber überall wird der "erzeugte block" dicht zum Anchortext gelegt, und nicht um den Listeneintrag.
Wo soll ich den das display block einsetzen :?:
Wenn man mit der Maus über dem Link geht, hat es einen leichten :hover Effekt.
Momentane Situation:
(Kann sein das man das Bild momentan nicht sieht, server manchmal down)
Code:
<ul id="navig">
<li><a href="../index.html" title="Metabolic Balance">metabolic balance®</a></li>
<li><a href="../ueber.html" title="Über die Gründer">Über uns</a></li>
<li><a href="../praxis.html" title="Informationen zur Praxis">Praxis</a></li>
<li><a href="../kontakt.php" title="Zum Kontaktformular">Kontakt</a></li>
<li><a href="../download.html" title="Zu den Downloads">Download</a></li>
<li><a href="../links.html" title="Zu den Links">Links</a></li>
<li><a href="../gb/gb.php" title="Zum Gästebuch">Gästebuch</a></li>
</ul>
Code:
#navig /* Navigations Spalte */
{
float:left;
padding-left:12px;
padding-top:130px;
width:150px;
font-size:14px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #27519D;
margin-bottom: 200px;
}
#navig a /* Navigation Links */
{
text-decoration:none;
color:#27519d;
display: block;
}
#navig a:hover /* Navigation Links Über-Effekt */
{ font-weight:bold;
background-color:#f8f8fa;
}
#navig a:visited /* Navigation Links, Besuchte Kategorien */
{ text-decoration:none;
color:#3978ea;
display:block;
}
#navig ul /* Die Unternavigationen' */
{
margin-bottom: 10px;
margin-left: 25px;
font-size: 12px;
color: #27519D;
}
#navig ul li /* Die Listeneinträge der Unternavigatioonen*/
{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style-type: disc;
}
#navig li /* Listeneinträge der Navigation */
{
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #27519D;
padding-top: 10px;
list-style-type: none;
}
