[HTML] Bilder positionierung

Dieses Thema im Forum "Webdesign" wurde erstellt von SuG@R, 22. Juni 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 22. Juni 2009
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    Bilder positionierung

    Ich hab da ein kleines Problem. Ich habe mir Adobe Dreamweaver runtergeladen und eine schöne Webvorlage.
    Da man in Adobe Dreamweaver in der Designeransicht auch arbeiten kann, ohne ein html Doktor zu sein dachte ich mir, ich bekomme auch eine Homepage hin.
    Also folgendes: Ich habe ein Bild hinzugefügt und direkt neben dran möchte ich noch ein paar sätze einfügen, nur will das irgendwie nicht. Ich kann es nicht positionieren wie ich es will. Was mache ich hier falsch?

    unbenanntwfj.jpg
    {img-src: //img191.imageshack.us/img191/266/unbenanntwfj.jpg}
     
  3. 22. Juni 2009
    AW: Bilder positionierung

    Wenn du Lust hast am HTML-Code rumzuwerkeln, würde ich das mit CSS-Code machen, 2 <div>-Elemente und die nebeneinander positionieren mit align:

    <div style="align:left;">
    <img src="bild.jpg" [...]>
    </div>
    <div style="align:right;">
    Text
    </div>
     
  4. 22. Juni 2009
    AW: Bilder positionierung

    War das jetzt so gemeint? Wenn ja, hab ich es so ersetzt, aber das Bild, und der Text ist immernoch nicht nebeneinander.

    <div align:left;">
    <img src="../../Eigene Dateien/Web/Wurzel-Backup/images/Bauchtanz.jpg" width="303" height="468" alt=""></h2>
    </div
    <div align="right;">
    <font size="2" color="white"><strong> Öffnungszeiten</strong></font><font color="white"><strong><br />
    <hr align="right" width="330"/>
    <br />
    </strong></font><font size="2" color="white"> Montag - Donnerstag:</font><font color="white"> <strong>
    09:00 Uhr - 01:00 Uhr</strong><br />
    <br />
    </font><font size="2" color="white">Fr., Sa und vor Feiertagen:</font><font color="white"> <strong>
    09:00 Uhr - 02:00 Uhr</strong><br />
    <br />
    </font><font size="2" color="white">Sonn- und Feiertags:</font><font color="white"> <strong>
    10:00 Uhr - 01:00 Uhr<br />
    <br />
    </strong></font></div>
     
  5. 22. Juni 2009
    AW: Bilder positionierung

    vllt. hilft dir das ja ein wenig weiter. weiß nicht ob sich das genau auf dein problem bezieht, aber sollte etwas in der richtung sein. leider hab ich kein dreamweaver um dir genaueres zu sagen^^

    mfg freezer
     
  6. 22. Juni 2009
    AW: Bilder positionierung

    HTML:
    <div style="float:left;">
<img src="../../Eigene Dateien/Web/Wurzel-Backup/images/Bauchtanz.jpg" width="303" height="468" alt=""></h2>
</div
<div style="float:left;">
<font size="2" color="white"><strong> Öffnungszeiten</strong></font><font color="white"><strong><br />
<hr align="right" width="330"/>
<br />
</strong></font><font size="2" color="white"> Montag - Donnerstag:</font><font color="white"> <strong>
09:00 Uhr - 01:00 Uhr</strong><br />
<br />
</font><font size="2" color="white">Fr., Sa und vor Feiertagen:</font><font color="white"> <strong>
09:00 Uhr - 02:00 Uhr</strong><br />
<br />
</font><font size="2" color="white">Sonn- und Feiertags:</font><font color="white"> <strong>
10:00 Uhr - 01:00 Uhr<br />
<br />
</strong></font></div>
<span style="clear:all;"></span>
    Nicht getestet
     
  7. 22. Juni 2009
    AW: Bilder positionierung

    warum so kompliziert?

    Code:
    <img src="http://skins.gmodules.com/ig/images/logos/approved/white.png" align="left" alt="google" />
<div>dies<br />
das<br />
ololol</div>
    funktioniert & getestet & XHTML 1.0 valide

    Wenn man es mit float machen wöllte, einfach den img-Tag in einen div packen mit float:left; und basta! (der div-Tag für den Text braucht kein (!) float:right;)
     
  8. 22. Juni 2009
    AW: Bilder positionierung

    Danke euch allen, habe es hin bekommen.
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.