• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

warum wird das bild nicht rechts angezeigt

K

Kingmagister

Neues Mitglied
Hi Leute hier ein ausschnitt aus meiner homepage ...
Ich möchte das der Text das Bild "umschließt" aber das macht es so nicht!!

Warum? Was mache ich da falsch ??

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="xxx">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
           <p style="padding:10px">
     Ich bin xx und xx Jahre alt. Geboren bin ich in xxx einer Stadt in den Tiefen des Ruhrgebietes.
     xxx ist nicht so wie es sich viele Leute vorstellen... xxx ist mehr als nur ehemalige Kohlegruben und Plattenbauten.
     xxx zusammen mit dem Ruhrgebiet bietet vieles. Jeden Tag findet irgendtwo im Ruhrpott ein Event statt und überall ist gute
     Laune. Vorallem am Wochende wenn Bundesliga ist, ist das gesamte Ruhrgebiet im Ausnahmezustand. Da es auf einem sehr kleinem Raum recht viele Fußballclubs    <img src=bochum.jpg alt="Bergbaumuseum" width="200px" heigth="150" float:"right" clear:"right" margin:" 0 0 10px 10px"/>
      gibt. Auch für die Leute, die sich die ehemalige Bedeutung der Stadt als Kohlezentrum genauer
     anschauen wollen wird etwas geboten. Das Bergbaumuseum spiegelt über 100 Jahre Berbauwirtschaft im Ruhrgebiet aber vorallem
     in Bochum wieder.
     Erst 2000 bin ich mit meiner Familie nach xxx gezogen. Trotzdem finde ich, dass xxxk eine schöne Stadt ist und ich
     freue mich bereits auf die nächste Fußballbegegnung zwischen Osnabrück und Bochum...
     Fußball ist aber nicht das Non plus Ultra in meinem Leben. Osnabrück und das Carolinum finde ich vorallem wegen seiner
     umwobenen Geschichte sehr Interresant, auch außerhalb der Schule beschäftige ich mich mit Geschichte und oft auch mit xxx
     Geschichte.
 
    </p>
</body>
</html>
 
Hi
also du musst den Tag richtig schreiben:
HTML: 
<img src="bochum.jpg" alt="Bergbaumuseum" width="200px" height="150px" style="float:right;" />
Ich denke so müsste es klappen ;)

mfg michaelos
 
Also ich weiss gerade nicht 100% was du meinst, aber meinste sowas?
HTML: 
<span style="float:right;">
<img src="bochum.jpg" alt="Bergbaumuseum" width="200px" height="150px" />
<br />
<b>Bildunterschrift</b>
</span>
<br />
Ist nicht getestet also sry wenn da etwas nicht klappt ;)

mfg michaelos
 
Ein Rand um das Bild und den Text?
Das würde man z.B. so machen:
HTML: 
<span style="float:right; border: 1px solid black;">
<img src="bochum.jpg" alt="Bergbaumuseum" width="200px" height="150px" />
<br />
<b>Bildunterschrift</b>
</span>
<br />
 
Hallo.

Hier mal ein Beispiel:
HTML: 
<div class="bild">
    <p><img src="meinbild.jpg" width="250" height="167" alt="Blick auf den Fujijama"></p>
    <p>Blick auf den Fujijama mit Kirschblütenzweig im Vodergrund</p>
   </div>
Code: 
div.bild {float: left;
          max-width: 260px;
          margin: 5px;
          padding: 5px;}

div.bild p {text-align: center;
            font-style: italic;
            font-size: 0.8em;
            text-indent: 0;}
Gruss
Elroy
 
Achso also sowas?
HTML: 
<span style="float:right;">
<img src="bochum.jpg" alt="Bergbaumuseum" width="200px" height="150px" />
<br />
<h6>Bildunterschrift</h6>
</span>
<br />
Probier mal die verschiedenen h-Tags durch wenn es dir so zu klein ist.

mfg michaelos
 
Ja weiss ich aber das is ja auch nicht unbedingt so sehr das Aussehen. Es ist ja eine Überschrift nur halt unter dem Bild und soweit ich weiss sind die h-Tags für Überschriften. Wenn ich da jetzt noch ein font hingesetzt hätte dann würde ich dir Recht geben.

mfg michaelos
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben