kann man einen hover untergliedern?

[hela]

Hallo,

das a-Element ist ein Inline-Element und wenn es Breiten- und Höhenwerte erhalten soll, dann sollte es als Block definiert werden. Also:

    a.menu {
       display: block;
       width: 150px;
       height: 20px;
       ...
    }

@Samonis:
Wie groß ist dein Bild "dot.gif" eigentlich? Warum definierst du unterschiedliche Klassen ("index", "gallery"), wenn sie alle die gleichen Eigenschaften haben? Und was soll

... backgroundimage immer links neben der navi ein bild ...

bedeuten? Ein Hintergrundbild der Navigation neben der Navigation?

 

[Samonis]

WARUM! Kann ich nicht den link meiner hp hier reinsetzen? er schnibbelt mir immer das de weg!
jo wie gesagt auf der [bitte umschreiben]http://www.samonis punkt de punkt vu [/bitte umschreiben]kann man es sehen wie ichs möchte. allerdings nur im ff. der ie macht da ja mein problem

 

[Leola13]

Hai,

vielleicht hilft dir ja dieser link weiter.

10.2 Margin and padding
Standard HTML lists have a certain amount of left-indentation. The amount varies on each browser. Some browsers use padding (Mozilla, Netscape, Safari) and others use margins (Internet Explorer, Opera) to set the amount of indentation. To remove this left-indentation consistently across all browsers, the best method is to set both padding and margins to "0" for the <ul>.


15.1 Margin and padding
To style the <h3> inside the #more <div>, we will use a descendant selector that combines ID and type selectors. We will set the margin-top to "0" to overcome Internet Explorer and Opera's incorrect rendering of top margins

Ciao Stefan

PS : de.vu sind hier nicht erlaubt.

 

[German]

kann man es sehen wie ichs möchte. allerdings nur im ff. der ie macht da ja mein problem

Setz die class mit dem hover in den <a>-Tag, dann klappts auch mit dem IE.

 

[hela]

Hallo Samonis,

noch mal: Wenn dein Navigationsblock so aussieht

  <div class="navi">
  <a href="#" title="Hauptseite">&nbsp;&nbsp;&nbsp;Index</a>
  <a href="#" title="Fotos">&nbsp;&nbsp;&nbsp;Gallery</a>
  <a href="#" title="About me">&nbsp;&nbsp;&nbsp;About me</a>
  <a href="#" title="Links">&nbsp;&nbsp;&nbsp;Links</a>
  <a href="#" title="Kontakt">&nbsp;&nbsp;&nbsp;Kontact</a>
  </div>

dann solltest du das die a-Elemente als Block deklarieren. Ansonsten sind sie Inline-Elemente und stehen wie Text alle in einer Zeile.

In den Styles müsste dann beispielsweise folgendes stehen:

  html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
  	   margin: 0;
  	   padding: 0;
  	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  .navi {
  	position: absolute;
  	top: 85px;
  	left: 183px;
  	font-size: 12px;
  	font-weight: bold;
  }
  .navi a {
  	display: block;
  	margin: 0;
  	border: 0;
  	padding: 2px;
  	color: #333;
  }
  .navi a:link, .navi a:visited {
  	text-decoration: none;
  }
  
  .navi a:hover, .navi a:active {
  	background-image: url(../images/dot.gif);
  	background-repeat: no-repeat;
  	background-position: 0px 5px;
  	color: #f60;
  }