Text direkt neben ein Bild
Marco
- html
Hallo
Habe ein Problem könnte mir vielleicht jemand sagen wie ich in Html es so schreibe das ich es hinbekomme das Links ein Bild steht und recht dirkekt daneben ein Paar infos wie z.b name alter etc...Ich bekomme es leider nur so hin das der Text über dem Bild erscheint oder darünter aber ich bekomme es nicht hin das er rechts neben dem Bild steht. Über Hilfe und vielleicht ein Quelltext wie ein Beispiel aussehen könnte würde ich mich freuen
Vielen Dank und Gruss
Marco
gibt zwei möglichkeiten (so weit ich weiß):
-=1=-
tabelle
-=2=-
align="left" auf das bild.
also <img src="" border="0" align="left" width="" height="" alt="">
wie "legal" das ist, weiß ich nicht.
Andy
für die zweite möglichkeit folge lieber maz, denn meins ist nur für den IE.
Andy
Hi,
benutze float. Damit kannst Du texte um Bilder herumfliessen lassen. Ausführliches unter http://www.css4you.de.
Kleines Beispiel:
<div style="width: 200px; border: 1px solid #FF0000;">
<img src="pfad/bild.jpg" alt="bla" style="float:left;"> hier steht erklärender text und alles weitere was man so gerne hier lesen soll.
</div>
Natürlich macht es Sinn, die styleangaben in eine CSS-Datei zu schreiben und den entsprechnden Objekten die entsprechnde Klasse oder ID mitzugeben, anstatt alles direkt in den HTML Code zu schreiben.
Hi,
Kleines Beispiel:
<div style="width: 200px; border: 1px solid #FF0000;">
<img src="pfad/bild.jpg" alt="bla" style="float:left;"> hier steht erklärender text und alles weitere was man so gerne hier lesen soll.
</div>
wenn schon ein Beispiel, dann bitte ein sinnvolles. Das DIV hat mit dem Problem nichts zu tun und ist hier nicht nur überflüssig, sondern schränkt je nach Bildgröße den Anzeigebereich für den Text übermäßig ein.
freundliche Grüße
Ingo
Das DIV hat mit dem Problem nichts zu tun und ist hier nicht nur überflüssig, sondern schränkt je nach Bildgröße den Anzeigebereich für den Text übermäßig ein.
Ich dachte, wenn man die künstlich geschaffen Breitenbegrenzung erkennt, dass dann der Textfluss deutlicher wird als ohne diese.
Hi,
Ich dachte, wenn man die künstlich geschaffen Breitenbegrenzung erkennt, dass dann der Textfluss deutlicher wird als ohne diese.
och, den erkennt man doch auch so. Und Du vergißt, daß Codeschnipsel oft unreflextiert so wie sie sind übernommen werden.
freundliche Grüße
Ingo
Also ich würde das ganze mit eine tabelle lösen, wahrscheinleich mit Border="0" und 2 spalten. dann das bild und den text in soweit abstimmen (am besten durch feste größen) un dann in der ersten zeile (also da wo das bild ist) <td> und in der folgenden (wo kein bild ist) <td colspan="2"> und fertig.
Jo das problem mit tabellen ist:
nehmen wir, der text geht über die ganze seite, nun soll mitten drin ein bild stehen. wenn man allerdings die seite kleinermacht, "rutschen" die zeilen neben dem bild nicht unter das bild.
Andy
Jo das problem mit tabellen ist:
nehmen wir, der text geht über die ganze seite, nun soll mitten drin ein bild stehen. wenn man allerdings die seite kleinermacht, "rutschen" die zeilen neben dem bild nicht unter das bild.
deshalb ja feste größen für die breite!!!! und dann macht man halt mehrere spalten und zeilen (z.b. 3 spalten) bei 3 spalten kann man das bild links rechts und zentriert platzieren, und einen schönen textfluss um das bild kreieren.
will man über dem bild noch text haben lösst man es wie wenn man untendrunter noch text haben will. Also ich empfnde die tabellen lösung als die beste und gestallterisch übersichtlichere lösung, und wenn man die tabele steif macht dann passts auch.
Hi,
Also ich empfnde die tabellen lösung als die beste und gestallterisch übersichtlichere lösung, und wenn man die tabele steif macht dann passts auch.
gestallterisch eine tabele steif machen? *g*
freundliche Grüße
Ingo