<a> mit fester breite in mozilla
andi_b
- css
0 Cheatah0 Tobias Kloth0 andi_b0 Thomas Luethi0 Cheatah0 andi_b
hey freaks,
habe mir ein css zurechtgebaut, wobei die navi links enthält (...echt?!). folgender css:
#naviagationMenu{
padding: 2px 0 3px 0;
background: #F6F6F6;
}
#naviagationMenu a{
width: 170px;
font:bold 14px arial, sans-serif;
color:black;
background:#9dc4d5;
text-align:center;
border:black solid 1px;
padding:2px;
text-decoration:none;
}
#naviagationMenu a:hover{
color:#ffffff;
background-color:#006699;
}
leider stellt der mozi die breiten nicht dar...
any hints?
danke, andi
Hi,
leider stellt der mozi die breiten nicht dar...
wieso sollte er auch? <a> ist per Default[1] ein Inline-Element, und width ist nur gültig für "all elements but non-replaced inline elements, table rows, and row groups".
Cheatah
[1] Sprich: Solange Du nichts dagegen tust.
Hallo andi,
#naviagationMenu a{
width: 170px;
[...]
leider stellt der mozi die breiten nicht dar...
was auch richtig ist - a hat als inline-Element keine Breite. Eine Breite kannst du einem inline-Element nur geben, wenn du es mit display:block; zu einem block-level-Element gemacht hast.
Grüße aus Nürnberg
Tobias
Eine Breite kannst du einem inline-Element nur geben, wenn du es mit display:block; zu einem block-level-Element gemacht hast.
dankeschön.
das ist zwar ganz nett so, aber ich möchte gern eine zeile... :/ hab jetzt schon li probiert, aber da will er di breite nicht festlegen. und bei div macht er mir ja auch nen zeilenumbruch.
andi
Hallo,
Eine Breite kannst du einem inline-Element nur geben, wenn du es mit display:block; zu einem block-level-Element gemacht hast.
das ist zwar ganz nett so, aber ich möchte gern eine zeile... :/
Es gibt (erst in CSS 2.1, nicht in 2.0)
display:inline-block;
und andere Spaesschen wie
display:table-cell;
u.s.w.
2.1 http://www.w3.org/TR/CSS21/visuren.html#display-prop
2.0 http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop
Wieweit die Browser das umsetzen, weiss ich nicht auswendig,
kannst Du ja selbst ausprobieren bzw. recherchieren...
http://www.pixy.cz/blogg/clanky/cssinlinebuttons/
http://www.quirksmode.org/css/contents.html
Gruesse,
Thomas
Hi,
das ist zwar ganz nett so, aber ich möchte gern eine zeile... :/
float, clear etc.
hab jetzt schon li probiert,
Im Prinzip das perfekte Element für eine unsortierte Liste von Links.
aber da will er di breite nicht festlegen. und bei div macht er mir ja auch nen zeilenumbruch.
Verwechsele nicht HTML mit CSS. Mit HTML und _nur_ mit HTML sagst Du, welcher Semantik die Elemente unterliegen. Mit CSS und _nur_ mit CSS sagst Du, wie sie dargestellt werden sollen. Dass ein Browser dem HTML ein Basis-CSS verpasst, ist kein Hindernis.
Cheatah
ihr seid so gut zu mir :)
vielen dank,
andi