LINKS ABSTAND

[Nicole]

Hallo erst mal ;-),
Ich stelle Links häufig in 3d als Button  dar.

A:ACTIVE, A:LINK, A:VISITED {
border:2px outset;
background-color:blue;width:70px;
margin:0px;padding:0px;
}

Problem dabei:
Die Links sollen nebeneinander ohne Abstand
zu sehen sein.

Das geht aber nur, wenn ich bereits im HTML QUELLTEXT
die Links nebeneinander schreibe. (ist aber blöd, so
lange zeilen im Quelltext und bei nicht CSS Browsern
wird dann jeder Linktext zusammenhängend)

Untereinander (wie Beispiel) gibts dieses blöde leerzeichen.
Das muss man doch mit CSS unterbeinden können, oder ?

Beispiel:
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>

Gruss Nikki

[Thomas J.S.]

Hallo,

Untereinander (wie Beispiel) gibts dieses blöde leerzeichen.
Das muss man doch mit CSS unterbeinden können, oder ?

Wenn du deine Links in einem <div>, <p> etc. stellst, kannst du mit  { white-space:nowrap; } versuchen. Aber damit ist nicht gesagt, dass jede Browser diese Unterstützen wird.

Grüße
Thomas

[Nicole]

Hallo Thomas,

Wenn du deine Links in einem <div>, <p> etc. stellst, kannst du mit  { white-space:nowrap; } versuchen. Aber damit ist nicht gesagt, dass jede Browser diese Unterstützen wird.

danke für deine Hilfe, aber leider...
Mein IE 5.5 zeigt immer noch leerzeichen.

Gruss Nikki

[at]

Hallo.

Die Links sollen nebeneinander ohne Abstand
zu sehen sein.

Kennst du "display: inline;"?

Beispiel:
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>

Für diese Art der Anwendung ist die Verwendung von <ul>/<li> sinnvoll. Diesen Elementen kannst du dann die genannte CSS-Eigenschaft zuweisen.
MfG, at

[Nicole]

Die Links sollen nebeneinander ohne Abstand
zu sehen sein.

Kennst du "display: inline;"?

Für diese Art der Anwendung ist die Verwendung von <ul>/<li> sinnvoll. Diesen Elementen kannst du dann die genannte CSS-Eigenschaft zuweisen.

Hallo At,

nicht ganz was ich suche.
Die Links sollen nebeneinander, nicht eingerückt und
auch nicht als Liste, erscheinen.

Hier bringt mir inlene leider nichts.

Gruss Nikki

[at]

Hallo.

Die Links sollen nebeneinander, nicht eingerückt und
auch nicht als Liste, erscheinen.

Hier bringt mir inlene leider nichts.

Du irrst. http://www.mezzoblue.com/zengarden/alldesigns/ ist ein Beispiel und hält einige weitere parat.
MfG, at

[MudGuard]

Hi,

A:ACTIVE, A:LINK, A:VISITED {
border:2px outset;
background-color:blue;
width:70px;

width ist für non-replaced-Inline Elemente (wie z.B. a) nicht definiert.
(IE 5.5 hat hier den Fehler, daß er width trotzdem interpretiert. In richtigen Browsern ist das aber nicht der Fall, d.h. alle Deine Links sind nur so breit wie nötig)
Du mußt erstmal ein display:block setzen.
Und dann noch ein float:left um die Zeilenumbrüche zu verhindern.

margin:0px;padding:0px;
}

Das geht aber nur, wenn ich bereits im HTML QUELLTEXT
die Links nebeneinander schreibe. (ist aber blöd, so
lange zeilen im Quelltext und bei nicht CSS Browsern
wird dann jeder Linktext zusammenhängend)

Es gibt z.B. die Möglichkeit, auch innerhalb der _tags_ an geeigneten Stellen Whitespace (also auch einen Zeilenumbruch) einzufügen.

Untereinander (wie Beispiel) gibts dieses blöde leerzeichen.
Das muss man doch mit CSS unterbeinden können, oder ?

s.o.

Beispiel:
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>
<a href="start.html"HOME</a>

Da fehlen doch 4 >

cu,
Andreas