• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

display:block bereitet mit probleme

Status
Für weitere Antworten geschlossen.

elpee

Neues Mitglied
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);
}
ich habe bereits compact, inline, run-in probiert.
danke im vorraus

elpee
 
Zuletzt bearbeitet:
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
 
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
matibaski schrieb:
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.
Hab dir ja gesagt, dass nach einem Blockelement immer ein Zeilenumbruch kommt, ausser du floatest.


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

elpee
 
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
 
okay, danke.
ich habe es jetzt anders, aber mit dem float gemacht..
wenn die website fertig ist werde ich sie hier sofort vorstellen!

elpee
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben