Wieder einmal Text rechts neben Bild. – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 15:12:44 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501272#m1501272 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501272#m1501272 <p>Hi Leute.</p> <p>Dachte mich kann so ein bissel einfaches HTML und CSS nicht schocken aber ich komme hier seit zwei Stunden nicht weiter. Auch alle Tipps im Netz wollten nicht.</p> <p>Und zwar wollte ich auf einer HZML Seite eine Übersicht für eine Galerie machen.</p> <p>Quasi</p> <p>Bild -- Text<br> Bild -- Text</p> <p>Das der Text rechts daneben vorbei läuft passt. Nur ist es so das nun das Bild im gleichen Abstand wie der Text vom linken Rand verrutscht</p> <p>Quasi<br> -- Bild -- Text<br> -- Bild -- Text</p> <p>Wie kann ich es machen im HTML oder CSS das das Bild am linken Rand kleben bleibt und nur der Text im Abstand von 20px am Bild vorbei geht??</p> <p>Gruß Oli</p> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 15:16:57 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501280#m1501280 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501280#m1501280 <p>@@oli:</p> <p>nuqneH</p> <blockquote> <p>Das der Text rechts daneben vorbei läuft passt. Nur ist es so das nun das Bild im gleichen Abstand wie der Text vom linken Rand verrutscht</p> </blockquote> <p>Und was hast du getan, damit das so ist?</p> <p>Die Tips für Fragende in der Forums-Charta sind auch für dich wertvoll.</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 15:19:42 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501279#m1501279 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501279#m1501279 <p>Om nah hoo pez nyeetz, oli!</p> <blockquote> <p>Quasi</p> <p>Bild -- Text Bild -- Text</p> <p>Das der Text rechts daneben vorbei läuft passt.</p> </blockquote> <p>Ich vermute, du hast float verwendet.</p> <blockquote> <p>Nur ist es so das nun das Bild im gleichen Abstand wie der Text vom linken Rand verrutscht</p> </blockquote> <blockquote> <p>Wie kann ich es machen im HTML oder CSS das das Bild am linken Rand kleben bleibt und nur der Text im Abstand von 20px am Bild vorbei geht??</p> </blockquote> <p>Such dir die Eigenschaft, die für den Abstand verantwortlich ist und eleminiere sie bzw. setze sie auf einen für dich günstigen Wert. Es handelt sich wahrscheinlich um ein margin oder ein padding.</p> <p>Mehr lässt sich mangels online-Beispiel nicht sagen.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 15:39:53 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501273#m1501273 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501273#m1501273 <p>Komischerweise ist es bei hspace="20" und auf bei float so..</p> <p>Ich habs ma hochgeladen für euch</p> <p>http://www.cocktail-z.de/pics.html</p> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 16:41:57 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501274#m1501274 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501274#m1501274 <p>Hi,</p> <blockquote> <p>Komischerweise ist es bei hspace="20" und auf bei float so..</p> </blockquote> <p>Du gibst also an, dass du einen horizontalen Abstand haben willst - und wunderst dich dann, dass du einen bekommst ...?</p> <blockquote> <p>http://www.cocktail-z.de/pics.html</p> </blockquote> <p>Erst mal solltest du die <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cocktail-z.de%2Fpics.html" rel="nofollow noopener noreferrer">Fehler im HTML</a> ausbessern (und <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cocktail-z.de%2Fpics.html" rel="nofollow noopener noreferrer">den im CSS</a>), wenn du browserübergreifend verlässliche Ergebnisse bekommen willst.</p> <p>Und dann solltest du dir generell angewöhnen, CSS konsequenter zu verwenden.<br> Also keine veralteten Darstellungsattribute wie das erwähnte hspace verwenden, BR-Elemente nicht zum Erzeugen von Abständen missbrauchen und Tabellen nicht zu Layoutzwecken.<br> Und auch dafür sorgen, dass das Dokument eine vernünftige Struktur bekommt, in dem du bspw. Überschriftenelemente sinnvoll einsetzt.</p> <p>MfG ChrisB</p> <div class="signature">-- <br> RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? </div> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 19:38:52 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501277#m1501277 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501277#m1501277 <p>das hilft mir jetzt auch nicht weiter.. :(</p> Wieder einmal Text rechts neben Bild. Fri, 25 Mar 11 09:32:35 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501275#m1501275 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501275#m1501275 <p>Hi</p> <blockquote> <p>Du gibst also an, dass du einen horizontalen Abstand haben willst - und wunderst dich dann, dass du einen bekommst ...?</p> </blockquote> <p>Ich möchte je das das Bild am linken Rand bleibt und nur der Text im Abstand von 20 pix rechst vorbei geht.</p> <blockquote> <p>Erst mal solltest du die <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cocktail-z.de%2Fpics.html" rel="nofollow noopener noreferrer">Fehler im HTML</a> ausbessern (und <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cocktail-z.de%2Fpics.html" rel="nofollow noopener noreferrer">den im CSS</a>), wenn du browserübergreifend verlässliche Ergebnisse bekommen willst.</p> </blockquote> <p>Diese "Fehler" habe damit nichts zu tun. Funktioniert auch nicht wenn ich eine neue Seite erstelle ohne Fehler :)</p> <blockquote> <p>Und dann solltest du dir generell angewöhnen, CSS konsequenter zu verwenden.<br> Also keine veralteten Darstellungsattribute wie das erwähnte hspace verwenden, BR-Elemente nicht zum Erzeugen von Abständen missbrauchen und Tabellen nicht zu Layoutzwecken.</p> </blockquote> <p>Das hat dreamweaver so gemacht und sollte ja auch funktionieren laut selfhtml. Das float hatte ich dann per Hand probiert, ging aber auch nicht oder ich bin zu blöd dafür.</p> <p>Hast du einen CSS Tipp für mich?</p> <p>Gruß Oli</p> Wieder einmal Text rechts neben Bild. Fri, 25 Mar 11 09:59:56 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501276#m1501276 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501276#m1501276 <p>@@Oli:</p> <p>nuqneH</p> <blockquote> <blockquote> <p>Du gibst also an, dass du einen horizontalen Abstand haben willst - und wunderst dich dann, dass du einen bekommst ...?</p> </blockquote> <p>Ich möchte je das das Bild am linken Rand bleibt und nur der Text im Abstand von 20 pix rechst vorbei geht.</p> </blockquote> <p>Eliminiere @hspace, gib sämtliche Darstellung per CSS im Stylesheet an, hier insb. <a href="http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=Abst%C3%A4nde" rel="nofollow noopener noreferrer">http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=Abstände</a>.</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 20:30:42 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501278#m1501278 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501278#m1501278 <p>Om nah hoo pez nyeetz, Oli!</p> <blockquote> <p>das hilft mir jetzt auch nicht weiter.. :(</p> </blockquote> <p>Doch, genau das hilft dir weiter.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Wieder einmal Text rechts neben Bild. Thu, 24 Mar 11 16:00:31 Z https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501281#m1501281 https://forum.selfhtml.org/self/2011/mar/24/wieder-einmal-text-rechts-neben-bild/1501281#m1501281 <p>Komischerweise ist es bei hspace="20" und auf bei float so..</p> <p>Ich habs ma hochgeladen für euch</p> <p>http://www.cocktail-z.de/pics.html</p>