Wolfgang: Text neben einem Bild anordnen-wo muß ich suchen?

SELF-Forum

Text neben einem Bild anordnen-wo muß ich suchen?

Wolfgang
– Informationen zu den Bewertungsregeln

Hallo,
normalerweise habe ich ein Bild(welches durch Klick groß wird) und dann Text darunter.
Das schreibe ich so:

<a href="http://home.arcor.de/stelleberliner/peterg.jpg"><img src="http://home.arcor.de/stelleberliner/peterk.jpg" alt="Klick für Big" nosave border=0></a>
<H5>100 ausgewählte Fotos in meinem Exclusivalbum.</H5>

...ok eigentlich ist es Überschrift aber ich kann es nur so

Welches Stichwort ist es im Inhaltsverzeichnes wo steht wie ich es mache daß Text neben dem Bild angezeigt wird und nicht darüber oder darunter?
Vielen Dank.
Gruß, Wolfgang

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Text neben einem Bild anordnen-wo muß ich suchen?

    Thomas Binder
    – Informationen zu den Bewertungsregeln

    Hallo,

    vermutlich suchst du "float".

    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text neben einem Bild anordnen-wo muß ich suchen?

      Wolfgang Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi, nein, float ist es nicht.

      Siehe URL. Neben dem Unteren Bild ist der Text schon etwas(Tip vom Vorredner) aber noch nicht ganz richtig.

      Gruß, Wolfgang

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Text neben einem Bild anordnen-wo muß ich suchen?

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    <a href="http://home.arcor.de/stelleberliner/peterg.jpg"><img src="http://home.arcor.de/stelleberliner/peterk.jpg" alt="Klick für Big" nosave border=0></a>
    <H5>100 ausgewählte Fotos in meinem Exclusivalbum.</H5>

    ...ok eigentlich ist es Überschrift aber ich kann es nur so

    Wolfgang,
    Verstehe nicht, was du damit meinst.

    Wenn es eine Überschrift ist, ist es eine 5. Ordnung, dh. gibt es h1, h2, h3 und h4? Wenn nein, ist die Auszeichnung als h5 falsch. Wenn es keine Überschrift ist, sowieso. Was willst du mit der Auszeichnung als h5 erreichen?

    h5 ist ein Blockelement, deshalb erscheint dessen Inhalt unter dem Bild.

    Wenn es keine Überschrift ist:
    <a href="http://home.arcor.de/stelleberliner/peterg.jpg"><img src="http://home.arcor.de/stelleberliner/peterk.jpg" alt="Klick für Big" border="0"></a> 100 ausgewählte Fotos in meinem Exclusivalbum.

    Für img-Elemente gibt es keine nosave-Attribute.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text neben einem Bild anordnen-wo muß ich suchen?

      Wolfgang Homepage des Autors
      – Informationen zu den Bewertungsregeln

      h5 ist ein Blockelement, deshalb erscheint dessen Inhalt unter dem Bild.

      Hi,
      aha.

      Wenn es keine Überschrift ist:

      <a href="http://home.arcor.de/stelleberliner/peterg.jpg"><img src="http://home.arcor.de/stelleberliner/peterk.jpg" alt="Klick für Big" border="0"></a> 100 ausgewählte Fotos in meinem Exclusivalbum.

      Ja danke habe jetzt mal versucht Das auf meine Seite zu übersetzen. (siehe URL, dort unteres Bild)Mußte beim Code spitze Klammern nehmen. Sieht besser aber noch nicht richtig aus, weil der Text rechts neben dem Bild erst Unten anfängt wo das Bild fast schon vorbei ist. Soll aber gleich oben neben dem Bild beginnen.

      Gruß, Wolfgang

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Text neben einem Bild anordnen-wo muß ich suchen?

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        siehe URL,

        Wolfgang,
        Gib bitte den richtigen URI an: http://www.wolfgangsteffens.privat.t-online.de/

        Mußte beim Code spitze Klammern nehmen.

        Du meinst so?
        <code lang=html>

        LOL. Nein, ~~~html dient hier im Forum zur Kennzeichnung von HTML-Quelltext für Syntax-Highlighting.

        Dein Quelltext weist aber so grundlegende Fehler auf, dass dich du bitte erstmal mit den Grundlagen von HTML vertraut machst. SELFHTML: [ref:self811;html/allgemein/@title=Allgemeine Regeln für HTML] ist ein guter Startpunkt.

        [code lang=html] <body>
        <body background="wallrt.gif" text="#000000">

        Es kann nur einen geben. Nicht nur Highlander, sondern auch body.  
  
Was fehlt, ist das `html`{:.language-html}-Wurzelelement.  
  
`<h5>`{:.language-html} hat da nichts zu suchen. Benutze HTML-Elemente nur zur strukturellen Auszeichnung des Dokuments, also h1…h6 nur für Überschriften. Benutze HTML-Elemente nie, weil das in \_deinem\_ Browser so dargestellt wird, wie du es haben möchtest; in anderen Browsern kann das völlig anders aussehen.  
  
`<center>`{:.language-html}: Darstellungsangaben sind nicht Sache von HTML, sondern von CSS. Da du gerade anfängst, ist bei dir noch nichts versaut. ;-) Beschäftige dich beim Studium von SELFHTML auch mit dem Kapitel <http://de.selfhtml.org/css/@title=Stylesheets (CSS)>.  
  
In deinem Quelltext tauchen `</a>`{:.language-html}- und `</font>`{:.language-html}-End-Tags auf, ohne dass zughörige Start-Tags vorhanden wären. Zu `font`{:.language-html} gilt das zu `center`{:.language-html} Gesagte.  
  
Eine gute Hilfe zum Überprüfen des Quelltextes ist der [Validator des W3C](http://validator.w3.org).  
  
  

> Sieht besser aber noch nicht richtig aus, weil der Text rechts neben dem Bild erst Unten anfängt wo das Bild fast schon vorbei ist. Soll aber gleich oben neben dem Bild beginnen.  
  
Thomas’ Hinweis auf `float`{:.language-css} war richtig. Wenn er doch bloß den URI auch verlinkt hätte: <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float>. Wie das geht, steht für alle sichtbar in der [Forums-Hilfe](http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden).  
  
Wenn du dir die nötigen Grundlagen angelesen hast, kannst du `float`{:.language-css} auch richtig einsetzen.  
  
Live long and prosper,  
Gunnar

-- 
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Text neben einem Bild anordnen-wo muß ich suchen?

          Wolfgang Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Gib bitte den richtigen URI an: http://www.wolfgangsteffens.privat.t-online.de/

          Hi, keine Absicht, den habe ich gar nicht im Kopf.

          Dein Quelltext weist aber so grundlegende Fehler auf, dass dich du bitte erstmal mit den Grundlagen von HTML vertraut machst.

          ja klar.

          Thomas’ Hinweis auf float war richtig. Wenn er doch bloß den URI auch verlinkt hätte:

          Hatte mir Das natürlich angesehen, aber dort geht es um eine Überschrift die umflossen wird bei mir soll es ein Bild sein.
          Jetzt habe ich aus dem text dort von Thomas`Hinweis "title" durch "img" ersetzt aber is Nix mit float.

          Naja auf meiner Seite sieht man wie es jetzt aussieht, vermutlich ist nur noch ein winziger Fehler dann klappts. Danke.

          Gruß, Wolfgang

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Text neben einem Bild anordnen-wo muß ich suchen?

            Ingo Turski Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hi,

            Naja auf meiner Seite sieht man wie es jetzt aussieht, vermutlich ist nur noch ein winziger Fehler dann klappts. Danke.

            Kein Fehler, es fehlt nur etwas: margin-left für den Text, wenn der eben _nicht_ umfließen soll.

            freundliche Grüße
            Ingo

            --
            [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Text neben einem Bild anordnen-wo muß ich suchen?

              Wolfgang Homepage des Autors
              – Informationen zu den Bewertungsregeln

              Kein Fehler, es fehlt nur etwas: margin-left für den Text, wenn der eben _nicht_ umfließen soll.

              Hi, ich verstehe Dich nicht. Der Text _soll_ ja umfließen aber umfließt gerade _nicht_ das Bild.
              Gruß, Wolfgang

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. Text neben einem Bild anordnen-wo muß ich suchen?

                Ingo Turski Homepage des Autors
                – Informationen zu den Bewertungsregeln

                Hi,

                Hi, ich verstehe Dich nicht. Der Text _soll_ ja umfließen aber umfließt gerade _nicht_ das Bild.

                Ok, dann habe ich Dein Beispiel falsch interpretiert. Bei so breiten Bildern ist allerdings auch kaum Platz für Text daneben.

                Korrigiere bitte Deinen Quelltext.
                Mehrere <html><body> in einem Dokument sind unzulässig und
                <img; float:left; ...
                ist völlig verkehrt. Gebe ein Klasse oder ID an und formatiere diese in einem CSS-Bereich.

                freundliche Grüße
                Ingo

                --
                [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
                Beitrag melden
                –
                Informationen zu den Bewertungsregeln