Suche im Forum:
Suchen


Autor Nachricht
Beitrag31.05.2013 um 11:14 (UTC)    
Titel: CSS: Float (Text und Bild nebeneinander)

Hallo

Wenn ich eine Seite bearbeiten möchte und auf die linke seite ein bild haben will und auf der rechten seite des bildes einen text schreiben möhte, wie muss ich da vorgehen, gibt es da etwas spezielles?

gruss

Edit by Matsk: Titel angepasst.


Zuletzt bearbeitet von ammis-zierfische am 31.05.2013, 13:39, insgesamt einmal bearbeitet
Beitrag31.05.2013 um 12:39 (UTC)    
Titel:

Heyho,
der einfachste Weg ist, wenn du mit HTML und CSS arbeitest.

Zitat:
<div style="float: left;"><img src="http://deinebildurl.jpg"></div>


Diesen Code einfach in deinen Quellcode einfügen. An die rote Stelle kommt die URL zu deinem Bild.

Beste Grüße,
Mats
Beitrag01.06.2013 um 18:05 (UTC)    
Titel:

hier auch nochmal ein fertiger Code für eine Floatbox:

Zitat:
<style type="text/css">
body { color:black; background-color:white; }
#links { float:left; width:9em; border:0px solid green; padding:1em; background-color:transparent; margin-right:10em; margin-bottom:1em; }
#rechts { border:0px solid blue; padding:1em; }
p { margin:0; }
</style>
<div id="links">
<p><img width="250" height="392" src="HIER DEINE BILDADRESSE" alt="" />" alt="" /></p>
</div>
<div id="rechts">
<p style="text-align: justify;"><span style="color: rgb(153, 204, 255);"><span style="font-size: medium;">
<span style="font-family: HIER DIE SCHRIFTART;"><em><strong>
HIER DER TEXT </strong></em></span></span></span></p>
</div>


die farbigen Kennzeichnungen kannst du beliebig bearbeiten
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur


Zuletzt bearbeitet von klein-paris am 01.06.2013, 19:06, insgesamt einmal bearbeitet
Beitrag02.06.2013 um 08:08 (UTC)    
Titel:

okey,danke, werde ich den mal versuchen
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de