button größe wird nicht erkannt

[julee]

Hallo - was mach ich hier falsch?

<div class="menue"> ist eine Leiste an der Seite wo mehrere Buttons drin liegen, ueberuns ist nur einer von 5
<p>
<a href="seite2.htm" class="ueberuns">h</a>
</p>
</div>

Und dazu mein externes css-script:

.ueberuns
{
width:73px;
height:50px;
margin-left:auto;
margin-right:auto;
background-image:url(../buttons/ueberuns.png);
background-repeat:no-repeat;
}
.ueberuns:hover
{
background-image:url(../buttons/ueberunsover.png);
}

Wenn ich mir im Dreamweaver das ganze ansehe ist der button nicht da. Damit ich überhaupt weiß ob mein script angenommen wird, habe ich das h reingeschrieben! Wenn ich mir das ganze jetzt im browser anschaue dann wird deutlich, dass der button hinter dem h liegt aber eben nur so viel angezeigt wird, wie mein h groß ist . warum erkennt er meine angegebene width und height nicht?

Wer kann mir helfen?

julee

 

[mschoening]

Hi,
einfach noch in deine .ueberuns class folgendes reinschreiben:

display:block;

dann sollte es gehen!

 

[drok]

Wie wäres wenn du einfach

<div class="menue"> [I][SIZE=1]ist eine Leiste an der Seite wo mehrere Buttons drin liegen, ueberuns ist nur einer von 5
 [/SIZE][/I]<p>
<a href="seite2.htm" class="ueberuns"><img src="../buttons/ueberuns.png" class=".." ...></a>
</p>
</div>

machst ?
Also das Bild einfach direkt im html-file anzeigen lassen.

edit:
stimmt, "display:block" sollte eigentlich auch funzen

 

[julee]

ha wie geil - danke schön! werd mal suchen was des überhaupt heißt - fürs nächste mal, aber erstmal funktioniert es super!

 

[julee]

Wie wäres wenn du einfach

<div class="menue"> [I][SIZE=1]ist eine Leiste an der Seite wo mehrere Buttons drin liegen, ueberuns ist nur einer von 5
 [/SIZE][/I]<p>
<a href="seite2.htm" class="ueberuns"><img src="../buttons/ueberuns.png" class=".." ...></a>
</p>
</div>

machst ?
Also das Bild einfach direkt im html-file anzeigen lassen.

Das geht nicht, weil er dann das Bild einfach nur drüber gelegt hat! das andere war ja schon in class definiert!

Aber so wie m.schoening es vorgeschlagen hat, funktionierts! Trotzdem danke auch Dir!

 

[drok]

Das geht nicht, weil er dann das Bild einfach nur drüber gelegt hat! das andere war ja schon in class definiert!

Ja das muss dann ja natürlich auch raus Aber gut das es nun ja funzt

 

[mschoening]

Hi julee,
das <a> ist ein inline Element (http://de.selfhtml.org/html/referenz/elemente.htm#inline_elemente) und du hast mit dem display:block daraus ein block Element (http://de.selfhtml.org/html/referenz/elemente.htm#block_elemente) gemacht.

 

[MrNase]

Also, wenn du eine Liste haben willst mit verschiedenen Buttons dann solltest du dafür nicht <p /> nehmen sondern <li /> weil ersteres eigentlich auf einen Text-Absatz hinzielt während zweiteres eine Liste erstellt.

Die Struktur wäre dann ungefähr so:

<ul class="menue">
<li><a href="seite2.htm" class="ueberuns">ueberuns</a></li>
</ul>

Wobei <li /> immer von <ul /> (ungeordnete Liste, nur Listenpunkte) oder <ol /> (geordnete Liste, mit Zahlen davor) umschlossen wird.

Wenn du so eine Struktur hast dann lege ich dir folgendes ans Herz: http://css.maxdesign.com.au/listamatic/horizontal01.htm

Da sind echt ne Menge Beispiele aufgeführt und wenn ich mich nicht irre dann ist mindestens ein Beispiel genau das richtige für dich.