<a> mit fester breite in mozilla

[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

[Cheatah]

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.

[Tobias Kloth]

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

[andi_b]

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

[Thomas Luethi]

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

[Cheatah]

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

[andi_b]

ihr seid so gut zu mir :)

vielen dank,
andi