display:block bereitet mit probleme

html.de-Forum HTML, XHTML & CSS
1

hi,
ich bin die website ( anhang beim bild hier ist die maus gerade auf news, daher ist dort anders .klar.) cheyenne designs am machen.
in der navigation stosse ich auf das problem; die hover effekt mit css klappen, aber es ist ein zeilenumbruch! ist das zu verhindern?
meine css datei ist so:
[html]a#news{
display:block;
width:79px;
height:29px;
background-image:url(img/navi/news.png);
}
a:hover#news{
background-image:url(img/navi/news2.png);
}[/html]ich habe bereits compact, inline, run-in probiert.
danke im vorraus

elpee

2

Falsch!

a#news:hover { /* Der Saft */ } MfG, matibaski

edit:
Es ist auch normal:
display: Anzeigeart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Es steht, dass nach einem Block-element immer ein Zeilenumbruch stattfinden wird.

3

leider klappts immer nich nicht!
mit a#news:hver habe ich verändert, aber es klappt irgnedwie nicht…
es ist bei allen attributen gleich , also wie bei dem bild…

elpee

4

Hab dir ja gesagt, dass nach einem Blockelement immer ein Zeilenumbruch kommt, ausser du floatest.

MfG, matibaski

5

ja okay…
ich habe auch verstanden jetz das block einen zeilenumbruch erfordert…
aber es klappt auch nicht mit inline.
was ist floaten genauer?

elpee

6

Wenn du zwei Container nebeneinander haben willst, dann gibst du bei beiden ein float an. float:left; oder float:right;

Und wenn ein weiteres Element unten sein soll, also nicht mehr gefloatet, dann gib clear:left;, clear:right; oder clear:both; an.

MfG, matibaski

7

okay, danke.
ich habe es jetzt anders, aber mit dem float gemacht…
wenn die website fertig ist werde ich sie hier sofort vorstellen!

elpee