oli: Wieder einmal Text rechts neben Bild.

Hi Leute.

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.

Und zwar wollte ich auf einer HZML Seite eine Übersicht für eine Galerie machen.

Quasi

Bild -- Text
Bild -- Text

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

Quasi
-- Bild -- Text
-- Bild -- Text

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??

Gruß Oli

  1. @@oli:

    nuqneH

    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

    Und was hast du getan, damit das so ist?

    Die Tips für Fragende in der Forums-Charta sind auch für dich wertvoll.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. Komischerweise ist es bei hspace="20" und auf bei float so..

      Ich habs ma hochgeladen für euch

      http://www.cocktail-z.de/pics.html

  2. Om nah hoo pez nyeetz, oli!

    Quasi

    Bild -- Text Bild -- Text

    Das der Text rechts daneben vorbei läuft passt.

    Ich vermute, du hast float verwendet.

    Nur ist es so das nun das Bild im gleichen Abstand wie der Text vom linken Rand verrutscht

    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??

    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.

    Mehr lässt sich mangels online-Beispiel nicht sagen.

    Matthias

    --
    Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
  3. Komischerweise ist es bei hspace="20" und auf bei float so..

    Ich habs ma hochgeladen für euch

    http://www.cocktail-z.de/pics.html

    1. Hi,

      Komischerweise ist es bei hspace="20" und auf bei float so..

      Du gibst also an, dass du einen horizontalen Abstand haben willst - und wunderst dich dann, dass du einen bekommst ...?

      http://www.cocktail-z.de/pics.html

      Erst mal solltest du die Fehler im HTML ausbessern (und den im CSS), wenn du browserübergreifend verlässliche Ergebnisse bekommen willst.

      Und dann solltest du dir generell angewöhnen, CSS konsequenter zu verwenden.
      Also keine veralteten Darstellungsattribute wie das erwähnte hspace verwenden, BR-Elemente nicht zum Erzeugen von Abständen missbrauchen und Tabellen nicht zu Layoutzwecken.
      Und auch dafür sorgen, dass das Dokument eine vernünftige Struktur bekommt, in dem du bspw. Überschriftenelemente sinnvoll einsetzt.

      MfG ChrisB

      --
      RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
      1. das hilft mir jetzt auch nicht weiter.. :(

        1. Om nah hoo pez nyeetz, Oli!

          das hilft mir jetzt auch nicht weiter.. :(

          Doch, genau das hilft dir weiter.

          Matthias

          --
          Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
      2. Hi

        Du gibst also an, dass du einen horizontalen Abstand haben willst - und wunderst dich dann, dass du einen bekommst ...?

        Ich möchte je das das Bild am linken Rand bleibt und nur der Text im Abstand von 20 pix rechst vorbei geht.

        Erst mal solltest du die Fehler im HTML ausbessern (und den im CSS), wenn du browserübergreifend verlässliche Ergebnisse bekommen willst.

        Diese "Fehler" habe damit nichts zu tun. Funktioniert auch nicht wenn ich eine neue Seite erstelle ohne Fehler :)

        Und dann solltest du dir generell angewöhnen, CSS konsequenter zu verwenden.
        Also keine veralteten Darstellungsattribute wie das erwähnte hspace verwenden, BR-Elemente nicht zum Erzeugen von Abständen missbrauchen und Tabellen nicht zu Layoutzwecken.

        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.

        Hast du einen CSS Tipp für mich?

        Gruß Oli

        1. @@Oli:

          nuqneH

          Du gibst also an, dass du einen horizontalen Abstand haben willst - und wunderst dich dann, dass du einen bekommst ...?

          Ich möchte je das das Bild am linken Rand bleibt und nur der Text im Abstand von 20 pix rechst vorbei geht.

          Eliminiere @hspace, gib sämtliche Darstellung per CSS im Stylesheet an, hier insb. http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=Abstände.

          Qapla'

          --
          Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
          (Mark Twain)