platzhalter zwischen bildern in einer tabellenzelle

[henning]

hallo,

ich möchte in einer tabellenzelle bilder in einer reihe präsentieren. die bilder sollen nahtlos aneinander gefügt sein! wie kann ich den zwischenabstand zwischen den bildern, der scheinbar voreingestellt ist, unterdrücken? wär nett wenn mir jemand weiterhelfen würde!

für genauere vorstellung: http://www.eibenweg.com/international/henning/eng/cumbria.htm
(obere und untere bilder-leiste)

danke, henning

[Orlando]

Hi Henning,

ich möchte in einer tabellenzelle bilder in einer reihe präsentieren. die bilder sollen nahtlos aneinander gefügt sein! wie kann ich den zwischenabstand zwischen den bildern, der scheinbar voreingestellt ist, unterdrücken?

img {
 margin:0;
}

Eventuell musst du der Tabelle eine ID (oder Klasse) verpassen, damit sich das nicht auf alle Bilder auswirkt.

<table id="bilder" ... >

#bilder img {
  margin:0;
}

http://selfhtml.teamone.de/css/formate/zentrale.htm
 http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm

LG Roland

[MudGuard]

Hi,

für genauere vorstellung: http://www.eibenweg.com/international/henning/eng/cumbria.htm
(obere und untere bilder-leiste)

Das hat nichts mit CSS zu tun.
Du hast zwischen den einzelnen a-Elementen whitespace stehen. Dieser wird (wie immer bei whitespace zwischen inline-Elementen) als ein Leerzeichen dargestellt.
Woher sollte der Browser denn auch wissen, ob der Whitespace dargestellt werden soll oder nicht? Wenn Du keinen Whitespace haben willst, mach keinen.
Als Whitespace gelten: Leerzeichen, Tabulator, Zeilenvorschub, Wagenrücklauf, Seitenvorschub und Nullbreitenleerzeichen.

Entferne den Whitespace und der Abstand wird weg sein.

cu,
Andreas

[henning]

Hi,

für genauere vorstellung: http://www.eibenweg.com/international/henning/eng/cumbria.htm
(obere und untere bilder-leiste)
Das hat nichts mit CSS zu tun.
Du hast zwischen den einzelnen a-Elementen whitespace stehen. Dieser wird (wie immer bei whitespace zwischen inline-Elementen) als ein Leerzeichen dargestellt.

Das a-tag ist aber doch nötig um die bilder zu verlinken!? wie soll ich sonst die bilder vergrößern lassen können?

henning

[MudGuard]

Hi,

Du hast zwischen den einzelnen a-Elementen whitespace stehen. Dieser wird (wie immer bei whitespace zwischen inline-Elementen) als ein Leerzeichen dargestellt.

Das a-tag ist aber doch nötig um die bilder zu verlinken!? wie soll ich sonst die bilder vergrößern lassen können?

Das a-Element sollst Du ja auch drin lassen. Hab ich auch nichts von geschrieben, daß Du die a-Elemente entfernen sollst.
Ich sprach nur vom Whitespace.

cu,
Andreas

[henning]

Hi,

Du hast zwischen den einzelnen a-Elementen whitespace stehen. Dieser wird (wie immer bei whitespace zwischen inline-Elementen) als ein Leerzeichen dargestellt.

Das a-tag ist aber doch nötig um die bilder zu verlinken!? wie soll ich sonst die bilder vergrößern lassen können?

Das a-Element sollst Du ja auch drin lassen. Hab ich auch nichts von geschrieben, daß Du die a-Elemente entfernen sollst.
Ich sprach nur vom Whitespace.

ja, gut! aber wo habe ich dann bitte im folgenden text whitespaces???
  </tr><tr>
   <td colspan="3" align="center" valign="bottom">
  <a href="../graphics/Travel/Cumbria/LargeHTM/campsitesetup.htm" onClick="MM_openBrWindow(this.href,'Cumbria','width=512,height=384'); return false;">
   <img src="../graphics/Travel/Cumbria/campsitesetup.gif" width="100" height="75" border="0"></a>
  <a href="../graphics/Travel/Cumbria/LargeHTM/cumbrianstream.htm" onClick="MM_openBrWindow(this.href,'Cumbria','width=512,height=384'); return false;">
   <img src="../graphics/Travel/Cumbria/cumbrianstream.gif" width="100" height="75" border="0"></a>
    </td>
  </tr><tr>

ich finde da keine whitespace-verursachende tags! welches ist es?

thnx, henning

[MudGuard]

Hi,

ja, gut! aber wo habe ich dann bitte im folgenden text whitespaces???
  </tr><tr>
   <td colspan="3" align="center" valign="bottom">

hier

<a href="../graphics/Travel/Cumbria/LargeHTM/campsitesetup.htm" onClick="MM_openBrWindow(this.href,'Cumbria','width=512,height=384'); return false;">

und hier

<img src="../graphics/Travel/Cumbria/campsitesetup.gif" width="100" height="75" border="0"></a>

und hier

<a href="../graphics/Travel/Cumbria/LargeHTM/cumbrianstream.htm" onClick="MM_openBrWindow(this.href,'Cumbria','width=512,height=384'); return false;">

und hier

<img src="../graphics/Travel/Cumbria/cumbrianstream.gif" width="100" height="75" border="0"></a>

und hier

</td>
ich finde da keine whitespace-verursachende tags! welches ist es?

Wer redet denn von whitespace-verursachenden tags?
Abgesehen davon, lerne mal den Unterschied zwischen tag und element...

Es ist von whitespace die Rede. Welche Zeichen das sind, hab ich Dir schon geschrieben.

cu,
Andreas

[henning]

Wer redet denn von whitespace-verursachenden tags?
Abgesehen davon, lerne mal den Unterschied zwischen tag und element...

Es ist von whitespace die Rede. Welche Zeichen das sind, hab ich Dir schon geschrieben.

alles klar, JETZT weiß ich was du meinst! trotzdem leuchtet mir das noch nicht ganz ein!! ich soll also in meinem quelltext ALLE (!) bilder plus dazugehörige verlinkungen usw., usw. in EINE ZEILE schreiben?!? also soll es normal sein im quelltext evtl. zeilen mit einigen tausend zeichen zu haben?!? abgesehen davon dachte ich dass der browser ausschließlich den quellTEXT interpretiert, nicht auch die strukturierenden maßnahmen. gibt's keine möglichkeit einen nicht-interpretierten zeilenumbruch im quelltext einzufügen, um diesen wieder etwas übersichtlicher zu gestalten?

und übrigens, dann erklär mir doch mal den unterschied zwischen tags und elementen! ;)

cya,
henning

[MudGuard]

Hi,

alles klar, JETZT weiß ich was du meinst!

Na endlich!

trotzdem leuchtet mir das noch nicht ganz ein!! ich soll also in meinem quelltext ALLE (!) bilder plus dazugehörige verlinkungen usw., usw. in EINE ZEILE schreiben?!?

Wieso? Es gibt Stellen, an denen Whitespace stehen darf, ohne daß er in der Ausgabe auftaucht. Z.B. innerhalb eines tags (aber auch da nicht an allen Stellen).

Woher sollte ein Browser wissen, wenn Du z.B.
<a href="bla">text1</a><a href="bla">text2</a>
schreibst, ob Du als Ausgabe text1text2 oder text1 text2 haben willst?
Das kann er nur daran erkennen, ob Du
<a href="bla">text1</a><a href="bla">text2</a>
oder
<a href="bla">text1</a> <a href="bla">text2</a>
schreibst. (Hier der Einfachheit halber 1 Leerzeichen als Whitespace.

also soll es normal sein im quelltext evtl. zeilen mit einigen tausend zeichen zu haben?!? abgesehen davon dachte ich dass der browser ausschließlich den quellTEXT interpretiert, nicht auch die strukturierenden maßnahmen.

Whitespace ist aber entscheidend, Beispiel siehe oben.

gibt's keine möglichkeit einen nicht-interpretierten zeilenumbruch im quelltext einzufügen, um diesen wieder etwas übersichtlicher zu gestalten?

Klar, innerhalb von tags:
<a href="bla">text1</a><a
href="bla">text2</a>

und übrigens, dann erklär mir doch mal den unterschied zwischen tags und elementen! ;)

a, p, td, table usw. sind Elemente.
<a href="bla">, <p>, <td> usw. sind tags.
Tags gibt es in 2 Varianten: öffnende und schließende tags:

<p> ist öffnendes Tag, </p> ist schließendes Tag des p-Elements.

Ein Element besteht in fast allen Fällen aus öffnendem Tag, Inhalt und schließendem Tag.

Ausnahmen sind EMPTY-Elemente wie z.B. img, die nur aus dem öffnenden Tag bestehen (bei XHTML müssen diese aber noch durch ein / vor dem > markiert werden).

cu,
Andreas

[henning]

andreas,

wow, danke für die sehr ausführliche antwort! eben war ich ja schon etwas angegriffen durch deine manchmal etwas altkluge art in vorhergehenden antworten (nichts für ungut!), aber das mag vielleicht ja auch an meiner etwas längeren leitung gelegen haben. aber es kann nun mal nicht jeder schon als html-profi geboren werden!

jedenfalls hat sich dieses forum letztendlich mal wieder als sehr hilfreich herausgestellt, auch wenn's ein langer weg war.leute wie du bilden dafür die basis, was ich zu schätzen weiß. danke bei der lösung meines problems! is klar jetzt...

cya,
henning