Beiträge von Zip

Und hier der Quelltext (aus design.css) der durch das ganze Experimentieren ziemlich "schmutzig" ist:

<style  type="text/css">  
<!--  
#navi  {        
  float:left;
  width:200px;
  height:600px;
  margin-top:1px;
  margin-bottom:10px;
  margin-left:20px;
  margin-right:10px;
  background-color:#FFFF99;
} 




#navi ul  {
  list-style:none;
  }
#navi li {
  background-color:silver;
  border-top:1px black solid;
  border-bottom:1px red solid;
  border-right:2px blue solid;
  border-left:25px orange solid;
  margin-top:10px;
  margin-right:5px;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:8px;
  padding-right:8px;
}




#navi li a:hover { text-decoration:none; border-left:15px orange solid;}
-->  
</style>




<div  id="navi"> 
   <ul> 
     <li><a  href="index.htm">Startseite</a></li> 
     <li><a  href="ueber-mich.htm">Über  mich</a></li> 
     <li><a  href="termine.htm">Termine</a></li> 
     <li><a  href="impressum.htm">Impressum</a></li> 
   </ul> 
</div>

Irgendwie krieg ich das mit dem Bild einfügen nicht richtig hin... Jedenfalls sollte nur der Rand Links dünner werden anstatt in den Rahmen einen weiteren kleineren Links einzufügen...

ja das hab ich gemeint ( <!-- m --><a class="postlink" href="http://www.html-seminar.de/steuerung_per_css.htm">http://www.html-seminar.de/steuerung_per_css.htm</a><!-- m --> ). ich musste mich bloß beeilen und hab die seite auch nich mehr auf die schnelle gefunden.

ich hab es erstmal so probiert:

#navi li a:hover { text-decoration:none; border-left:15px orange solid;}

vorher war der rand links bei 25 px. ansonsten entspricht alles dem dem beispiel auf der website...

das problem war dann bloß dass innerhalb des rahmens ein weiterer rahmen links von dem text erschien (mit eben 15px). an dem außenrand änderte sich aber nichts...

probiert habe ich mit opera, firefox und IE (bei dem allerdings garnichts passierte)

danke übrigens für die schnelle antwort :o

Hi@all,

Ich hab eine Navigation wie in dem Navigationsbeispiel gemacht, jetzt habe ich probiert beim Maus auf den Link zienehn den dicken, orangen Rand links dünner werden zu lassen. Das hat aber bis jetzt nicht wirklich funktioniert. Wie krieg ich das hin?

danke jetzt schon mal für die Hilfe (am besten mit Code-Beispiel)

P.S. ich weiß einem geschenkten Gaul schaut man nicht ins Maul aber da ich noch relativer neuling bin bitte möglichst leicht verständlich geschrieben posten. thx :oops: