• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Problem mit Listennavigation (IE/FF)

dft

New member
Hallo, ich hab ein Problem bei einer Listen-Navigation.
Sieht folgendermaßen aus:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Dokumenttitel</title> 
<style type="text/css">
*{padding:0;margin:0;border:0;}

li{
  font-family:Arial;
  list-style-type:none;
}
a{
  border: 4px solid gray;
  text-align:center;
  text-decoration:none;
  color:#006699;
  display:block;
}
a.first{border-bottom-width:2px;}
a.middle{
  border-top-width:2px;
  border-bottom-width:2px;
}
a.last{border-top-width:2px;}

li a:hover{background-color:gray;}
li a:active{background-color:gray;}
</style> </head> <body>
<ul>
<li><a href="#" class="first">punkt1</a></li>
<li><a href="#" class="middle">punkt2</a></li>
<li><a href="#" class="last">längerer punkt blablalbal</a></li>
</ul>
</body> 
</html>

Das Problem ist, dass im IE zwischen den Elementen Abstände sind die ich nicht wegbekomme.Im FF sind keine Abstände da.
Ein zweites Problem ist das :active... Im IE funzt es, im FF nicht :( *haarerauf*
 
Zuletzt bearbeitet:
hab den 1.post mal angepasst...
leider bringt das Hinzufügen von "px" keine Änderung :(

edit: es liegt anscheinend am display:block des a-Tags.. wenn ich das weglasse sind sie Abstände weg, aber leider auch das Design kaputt
 
Zuletzt bearbeitet:
dft schrieb:
edit: es liegt anscheinend am display:block des a-Tags.. wenn ich das weglasse sind sie Abstände weg, aber leider auch das Design kaputt
Und was passiert, wenn Du explizit eine Höhe zuweist?
Code:
a{
  border: 4px solid gray;
  text-align:center;
  text-decoration:none;
  color:#006699;
  display:block;
  height:20px; /*beispielsweise*/
}
Ich kann jetzt leider nur raten, weil ich keinen IE zu Testen zur Verfügung habe...
 
Das sieht schon besser aus :)
Leider bleibt immer noch ein Abstand von geschätzt 1px zwischen den Elementen, sieht zwar immer noch nicht toll aus aber besser als vorher...
Danke für deine Hilfe :)
 
Keine Ursache...
...hat Dich ja nicht ganz zum Ziel gebracht.
Aber vielleicht hast Du nun einen Ansatzpunkt, um das Problem zu killen.
 
Zurück
Oben