<span> - Breite

[haiyyu]

Hi.
Ich möchte einem Span Tag eine bestimmte Breite in Pixeln geben.
Dazu benutze ich folgenden Code:
In der style.css

#navi {
 width: 160px;
}

Und in der HTML Datei

<span id="navi">LOL</span>

Jedoch klappt das nicht.. Wisst ihr wie ich das machen kann?

 

[_Thor_]

<span> ist ein inline-element, denen kann man keine Breite geben, dafür musst du sie erst zum Blockelement machen

span {display: block;}

oder

span {display: inlien-block;}

geht auch, dann kannst du ihm auch eine Breite geben.

 

[prm]

span ist ein Inline-Element.
Deine Konstruktion ist etwas seltsam, denn für Spans benutzt man normalerweise keinen eindeutigen ID.

Versuch's mal so:

.navi {
 width: 160px;
 background: red;
 display: block;
}

<span class="navi">LOL</span>

Ob das aber im Zusammenhang mit deinem restlichen Quelltext Sinn macht, kann aufgrund des Codeschnipsels nicht beurteilt werden.
Wenn mit navi das menue gemeint ist, dann benutze besser gleich einen div:

#navi {
 width: 160px;
 background: red;
  }

<div id="navi">LOL</div>

oder bei Listennavie eben

<ul id=...

Edit:
Heute ist wohl nicht mein Tag. Schon zum zweiten Mal zu spät :-(

 

[haiyyu]

Danke
Mit DIV's hab ichs schon veruscht, nur sind dann zwei Menü Items untereinander und nicht nebeneinander obwohl ich kein <br/> dazwischen hab'...
Wieso das? oO

 

[_Thor_]

Du schreibst halt zu viel, oder tippst zu langsam ;)

10 finger typing tutor - Google-Suche

 

[prm]

@ Thor: Danke für die Tipps, aber das tue ich mir nicht mehr an. ;-)

@haiyyu:
Ich habe den Verdacht, dass du da eine Navi bastelst, wie man sie besser nicht machen sollte.
Sieh dir mal diese Beispiele an, das ist sicher etwas dabei, zumindest vom Code-Prinzip her: Listamatic: one list, many options - Using CSS and a simple list to create radically different list options