Abstand zwischen zwei Links

[Markus]

Hallo!

Bin HTML-Einsteiger und habe eine Frage:

Wie erreiche ich es, daß in einer einzelnen Tabellenzeile
zwei nebeneinander gesetzte Links ein wenig Abstand voneinander haben?

Also konkret:

Nicht

LinkALinkB

Sondern

LinkA   LinkB

Besten Dank und Grüße,
Markus

[nag]

Hallo!

HI

Wie erreiche ich es, daß in einer einzelnen Tabellenzeile
zwei nebeneinander gesetzte Links ein wenig Abstand voneinander haben?

<table border="1" width="200px">
  <tr>
     <td>
      <a href="#"> link A </a>
      <a href="#" style="margin-left:20px"> link B </a>
     </td>
  </tr>
</table>

nachlesbar unter
http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm#margin

mfg NAG

[Markus]

Hi!

Danke für die Info - leider funktioniert es nicht.

Ich habe alle Möglichkeiten, die für so einen Fall in Selfhtml angeboten werden ausprobiert. Es läßt sich einfach kein Abstand erzeugen (Übrigens auch nicht wenn ich Dein Beispiel anzeigen lasse).

Hier meine Original-Tabelle:

<table style="width:550px;"cellpadding="1" cellspacing="1" border="0">

<tr>
<td width=71%; bgcolor="#FFEFCE">

<a href="http://$$$.de" style="left:2px;" target=_blank>$$$</a>
<a href="http://www.$$$.de" style="margin-left:100px;" target=_blank>$$$</a>

</td>

<td bgcolor="#FFEFCE" valign="top" >
<p style="text-align:center;" id="Uhr" class="Uhr"> </p>
</td>

</tr>
</table>

Danke und Grüße,
Markus

[rlo]

Hi Markus,

ist eigentlich ganz einfach. um einen bestimmten Absatnd zu erzwingen erstellst du dir eine Grafik mit der Größe 1x1 Pixel, diese speicherst du als transparentes Gif ab und fügst sie in deine Tabelle zwischen die beiden Links ein. Mit Width und height kannst du den Abstand Horizontal und Vertikal bestimmen. Ich habe das Besipiel unten eingetragen.

Hi!

Danke für die Info - leider funktioniert es nicht.

Ich habe alle Möglichkeiten, die für so einen Fall in Selfhtml angeboten werden ausprobiert. Es läßt sich einfach kein Abstand erzeugen (Übrigens auch nicht wenn ich Dein Beispiel anzeigen lasse).

Hier meine Original-Tabelle:

<table style="width:550px;"cellpadding="1" cellspacing="1" border="0">

<tr>
<td width=71%; bgcolor="#FFEFCE">

<a href="http://$$$.de" style="left:2px;" target=_blank>$$$</a>

img border="0" src="space.gif" width="20" height="1">

<a href="http://www.$$$.de" style="margin-left:100px;" target=_blank>$$$</a>

</td>

<td bgcolor="#FFEFCE" valign="top" >
<p style="text-align:center;" id="Uhr" class="Uhr"> </p>
</td>

</tr>
</table>

Danke und Grüße,
Markus

[Ingo]

Hi,

um einen bestimmten Absatnd zu erzwingen erstellst du dir eine Grafik mit der Größe 1x1 Pixel,

dies ist ja wohl die schlechteste Lösung überhaupt. Als wenn es nicht schon genug BlindGifs gäbe... wenn _hier_ jemand fragt, sollte man ihm doch eher zukunfstweisende Möglichkeiten mit CSS aufzeigen wie auch bereits gemacht.
Und die einfachste Lösung wäre im übigen   (sofern kein pixelgenauer Abstand gebraucht wird).

freundliche Grüße
Ingo

[Markus]

Danke zunächst an alle für Eure Tipps!

... ich sehe, hier sind Profis unterwegs, d.h. ich werde in nächster Zeit wohl öfters was posten.

@Tobias:

Habe Deine Vorschläge soweit umgesetzt, allerdings ohne Erfolg.
Ich nutze im Moment IE5.0 und beabsichtige eigenlich auch eine Kompatibilität zu dieser Version, da ja vermutlich nocht nicht jeder die neueste VErsion installiert hat.

Ich überlege jetzt, ob ich einfach mehrere Spalten anlege und so die links "trenne".

Grüße,
Markus

[rlo]

Hi Ingo,

Ich stimme dir eigentlich zu. Bitte vergiss nicht das nicht alle Brwoser die CSS Syntax exakt umsetzen. Es gibt teilweise erhebliche Abweichungen. Ich hatte bisher immer wieder das Problem und konnte mir mit dem GIF sehr gut helfen, so dass alle Brwoser den selben Abstand anzeigen.
Ich denke, der MArkus wird sich die Lösung nehmen die ihm am besten hilft.

Roland

[Michael Jendryschik]

Hallo,

ist eigentlich ganz einfach. um einen bestimmten Absatnd zu erzwingen erstellst du dir eine Grafik mit der Größe 1x1 Pixel, diese speicherst du als transparentes Gif ab und fügst sie in deine Tabelle zwischen die beiden Links ein.

Sogar David Siegel hat vor längerer Zeit eingesehen, dass diese Vorgehensweise Unsinn ist.

Gruß,

MI

[Tobias Kloth]

Hallo Markus,

Es läßt sich einfach kein Abstand erzeugen (Übrigens auch nicht wenn ich Dein Beispiel anzeigen lasse).

Bei mir (Opera7, Mozilla1.3.1, IE6) funktioniert es. Welchen Browser hast du denn?

cellpadding="1" cellspacing="1" border="0">

das kannst du doch nun wirklich auch mit css machen..

<td width=71%; bgcolor="#FFEFCE">

was ist den das für eine Konstruktion? (entweder width="71%" oder (besser) style="width:71%;")

<a href="http://$$$.de" style="left:2px;" target=_blank>$$$</a>

für was ist den das left:2px;? lass es mal weg, vielleicht funktioniert es dann

<a href="http://www.$$$.de" style="margin-left:100px;" target=_blank>$$$</a>

das funktioniert bei mir wunderbar (btw: um _blank gehören Anführungszeichen)

Grüße aus Nürnberg
Tobias

[Michael Jendryschik]

Hallo,

<table style="width:550px;"cellpadding="1" cellspacing="1" border="0">

Verstehe ich nicht. Verwende entweder ausschließlich CSS oder schreibe alles in HTML.

<tr>
<td width=71%; bgcolor="#FFEFCE">

http://validator.w3.org ist dein Freund.

<a href="http://$$$.de" style="left:2px;" target=_blank>$$$</a>

Mit 'left:2px' möchtest du was erreichen?

Gruß,

MI