Bild in einem <div> einfügen und ausrichten ...

[garnele01]

Hallo Gemeinde,

ich hab folgendes Problem
Ich möchte in einem <div> ein Bild einfügen welches in folgender Seite auf der rechten Seite des Monitors zu sehen sein soll. Also der Bereich der noch weiss und Frei ist.

Wie kann ich das am effektivstem lösen?

Danke erstmal euch erstmal und bis dene grüßt
garnele

 

[Artemis]

Du schreibst

<div><img src="[Pfad zum Bild]" alt="[Alternativtext]" /></div>

So sollte das klappen.:twisted:

Nein im Ernst. Beschreib mal ein bisschen genauer, was du machen willst.

 

[garnele01]

Wie kann ich in diesem Code:

<div id="content">
 <div id="contentbox">
  <p>Herzlich Willkommen bei der Firma Allradschützchen.<br><br>
  Wir sind dabei so schnell als möglich diesen Internetauftritt auszubauen.<br>
  Jedoch haben Sie jetzt schon die Möglichkeit in unserem Fahrzeug- und
  Teilebestand zu stöbern.<br><br>
  Bei Fragen rund um Ihr Fahrzeug stehen wir Ihnen gerne zur Verfügung.<br><br>
  Telefon<br> 03379/201309<br><br>
  
  Mobil<br> 0172/7000582 <br><br><br><br>
  
  <p>mit freundlichen Grüßen<br><br>
  
  &nbsp;&nbsp;<img src="bilder/unterschrift.jpg" alt="" border="0"><br>
  
  Ihr Allradschützchen Team
  </div>
</div>

von dieser Seite: Klick Mich ein Bild rechts ausrichten so das ich es Unterkante bündig mit dem links danebenstehenden Text habe?

mfg
garnele

hier noch ein Screen dazu ...

Mod-Edit: HTML-Code-Tags hinzugefügt/geändert ([noparse]

[/noparse]) - Bitte bei HTML-Code immer benutzen (Artemis)

 

[Verhueterli]

Ich würde das wie folgt machen:

<div id="content">
 <div id="contentbox">
  <p>Herzlich Willkommen bei der Firma Allradschützchen.<br><br>
  Wir sind dabei so schnell als möglich diesen Internetauftritt auszubauen.<br>
  Jedoch haben Sie jetzt schon die Möglichkeit in unserem Fahrzeug- und
  Teilebestand zu stöbern.<br><br>
  Bei Fragen rund um Ihr Fahrzeug stehen wir Ihnen gerne zur Verfügung.<br><br>
  <table style="width:100%;">
    <tr>
      <td style="width:40%;">
        Telefon<br> 03379/201309<br><br>
  
        Mobil<br> 0172/7000582 <br><br><br><br>
  
        <p>mit freundlichen Grüßen<br><br>
  
        &nbsp;&nbsp;<img src="bilder/unterschrift.jpg" alt="" border="0"><br>
  
        Ihr Allradschützchen Team
      </td>
      <td style="width:60%;">
        <img src="[BILD]" alt="[ALTERNATIV-TEXT]" />
      </td>
    </tr>
  </table>
  </div>
</div>

Hinweis: Dieser Code wurde nicht getestet, sollte aber funktionieren.

 

[garnele01]

Das hatte ich vor einer Stunde auch probiert, jedoch gehen mir dabei sämtliche Formate des div`s verloren.

mh ... hat jemand noch einen Rat oder kann Abhilfe schaffen?

mfg
garnele

 

[hobbyuser]

Hi garnele01

ich hätte das Bild direkt mit in die Tabellenzelle gesetzt und dann mit der Eigenschaft "float:right;" versehen. :roll:

<div id="content">
 <div id="contentbox">
  <p>Herzlich Willkommen bei der Firma Allradschützchen.<br><br>
  Wir sind dabei so schnell als möglich diesen Internetauftritt auszubauen.<br>
  Jedoch haben Sie jetzt schon die Möglichkeit in unserem Fahrzeug- und
  Teilebestand zu stöbern.<br><br>
  Bei Fragen rund um Ihr Fahrzeug stehen wir Ihnen gerne zur Verfügung.<br>
  <img src="PFAD/BILD.jpg" alt="DEIN BILD" style="float:right">
  <br><br>
  Telefon<br> 03379/201309<br><br>
  
  Mobil<br> 0172/7000582 <br><br><br><br>
  
  <p>mit freundlichen Grüßen<br><br>
  
  &nbsp;&nbsp;<img src="bilder/unterschrift.jpg" alt="" border="0"><br>
  
  Ihr Allradschützchen Team
  </div>
</div>

Es wäre sicherlich noch Sinnvoll die Größe des Bildes (Breite "width" und Höhe "height") mit anzugeben.

Gruß
Hobbyuser

 

[flapo]

Die Breite sollte sogar angegeben werden.

 

[garnele01]

@ Hobbyuser,

ich habs jetzt mal mit dem Code von der versucht. Das Bild ist zwar jetzt drin, jedoch habe ich nicht die Möglichkeit es so zu verschieben das es auch in der Mitte des zu Verfügung stehenden Platzes ist.
(bei <img width="300" src="bilder/02.jpg" alt="DEIN BILD" style="float:right"> ändern in <img width="300" src="bilder/02.jpg" alt="DEIN BILD" style="float:center"> verschiebt sich das Bild nach links im div)

Hier nochmal kurz der Screen wie es derzeit aussieht...

 

[hobbyuser]

Packe das Bild in eine Div, die du zwar Links ausrichtest aber Rechts umfließen lässt. Selbstverständlich musst du dann eine Breite angeben. Durch verändern der Breite kannst du dann das Bild dann verschieben. ;-)

<div id="content">
 <div id="contentbox">
  <p>Herzlich Willkommen bei der Firma Allradschützchen.<br><br>
  Wir sind dabei so schnell als möglich diesen Internetauftritt auszubauen.<br>
  Jedoch haben Sie jetzt schon die Möglichkeit in unserem Fahrzeug- und
  Teilebestand zu stöbern.<br><br>
  Bei Fragen rund um Ihr Fahrzeug stehen wir Ihnen gerne zur Verfügung.<br>
  <div style="float:right; width:500px; text-align:left;">
    <img src="PFAD/BILD.jpg" alt="DEIN BILD">
  </div>
  <br><br>
  Telefon<br> 03379/201309<br><br>
  
  Mobil<br> 0172/7000582 <br><br><br><br>
  
  <p>mit freundlichen Grüßen<br><br>
  
  &nbsp;&nbsp;<img src="bilder/unterschrift.jpg" alt="" border="0"><br>
  
  Ihr Allradschützchen Team
  </div>
</div>

Bei "width:600px;" rückt das Bild nach Links und bei "widht:400px" rückt es weiter nach Rechts.

Gruß
Hobbyuser

 

[garnele01]

@ hobbyuser,

Danke dir, so hat es funktioniert. Nochmal danke und ectl. bis dene mal wieder grüßt

garnele