Leerzeichen in html ohne Unterstreichung?

[Detritus]

Guten Abend,

eins vorweg ich bin was html&Co angeht ein absoluter Neuling und drücke mich daher evtl. nicht unbedingt "Programmierer" verständlich aus.

Und bevor jemand schreit, ich habe erstmal gegoogelt bevor ich hier gepostet habe, dass hat mir allerdings nur bedingt weitergeholfen.

[FONT=verdana, arial, helvetica]ich stehe vor dem Problem, dass ich für eine Homepage in der linken vertikalen Navileiste (für die Links) eigentlich ein paar Leerzeichen bräuchte allerdings ohne Unterstreichung.

Zum besseren Verständnis, momentan sieht es so aus:

• Service
• Aktuelle
Angebote
• Was gibt es
Neues?

wobei im Browser alle Wörter/Links unterstrichen sind.

Wenn ich jetzt mit * * für Leerzeichen arbeite, dann sieht es zwar schon fast wie gewünscht so aus:

• Service
• Aktuelle
__Angebote
• Was gibt es
__Neues?

nur stört dabei die rübergezogene Unterstreichung die Optik extrem. Gibt es ne Möglichkeit Leerzeichen bzw. einen bündigen Zeilenumbruch hinzubekommen, ohne dass die Leerzeichen unterstrichen sind?

<br> und <p> habe ich auch entsprechend schon versucht, nur hat es nicht wirklich weitergeholfen.

Jemand nen Tip?

Gruß
Det
[/FONT]

 

[Endos]

hast du keine Liste gemacht?
Da ist das nämlich automatisch schon so...

<ul>
    <li><a href="">Service</a></li>
    <li><a href="">Aktuelle<br />Angebote</a></li>
    <li><a href="">Was gibt es<br />Neues?</a></li>
</ul>

 

[Detritus]

Problem dabei ist wenn ich mit *ul* *li* *br* und *a* arbeite, dass der Bursche mir dann den ganzen Satz soweit nach rechts verrückt, dass es mit dem Framerahmen kollidiert und ich wieder das Problem habe das ich die Breite nicht ändern kann.

Gibt es denn eine Möglichkeit bei *ul* vorzugeben wie weit es eingrückt wird?
Die &nbsp Variante geht auch nicht, weil dann zwar die gewünschten Leerzeichen da sind, aber sind diese leider eben unterstrichen was wie oben dargestellt auch wieder blöd ausschaut.

 

[prostel]

Für sowas wirst du wohl CSS benötigen.
Hier ein kleines Beispiel:

<style>
  li { margin-left:-10px; }
</style>
<ul>
  <li>BLA</li>
  <li>TEST</li>
  <li>WUSCH</li>
</ul>

Damit sagst du allen li, das sie 10px näher an den Browserrand links gehen
sollen.

 

[Detritus]

Super, danke damit hat es jetzt geklappt.