zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Img und float:right

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.12.2008, 18:07
Chiller
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2008
Ort: Daheim
Beiträge: 7
Nagut befindet sich auf einem aufstrebenden Ast
Standard Img und float:right

Hallo Leutz :>

Hab ein Problem. Ich hab da so ein Text. Und zwei Bilder. Alles in einer div-box mit width:450px. So und ein Bild ist nach links ausgerichtet und eins soll am Ende vom Text ganz links sein.

HTML-Code:
<div class="content">
<div class="erstespalte">
<img src="re.png" alt="Unternehmen" class="showpic">
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, 
was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. 
Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiss, 
dass ich nie die Chance haben werde, im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. 
Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten normalen Texten nicht gelingt. 
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. 
Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde, im Stern zu erscheinen. Aber bin ich darum weniger wichtig? 
Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe 
ich etwas geschafft, was den meisten normalen Texten nicht gelingt. <br/><br/>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder 
Text zu sein: Man macht keinen Sinn. 
Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? 
Ich weiss, dass ich nie die Chance haben werde, im Stern zu erscheinen. <img src="re2.png" alt="Taschenrechner" class="showpic_right">Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, 
dann habe ich etwas geschafft, was den meisten normalen Texten nicht gelingt. Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: 
Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht 
</div>
</div>
Und jetzt die Klassen

Code:
.erstespalte {float:left;width:450px;}
.content {float:left;padding-left:25px;padding-top:15px;}
.showpic_right {border:1px solid black;float:left;margin-left:4px;margin-top:2px;}
.showpic {border:1px solid black;float:left;margin-right:4px;margin-bottom:2px;}
Wäre nett wenn ihr eine Lösung hättet ^^
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.12.2008, 18:25
Benutzerbild von emti
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.06.2008
Ort: 23816 Groß Niendorf
Beiträge: 700
emti sorgt für eine eindrucksvolle Atmosphäreemti sorgt für eine eindrucksvolle Atmosphäre
Standard

Schau mal bitte hier:
Cascading Style Sheets { Tutorials : CSS-Layouts basiert auf Floatierung }
oder
Ausrichtung und Elementfluss ? Einführung in XHTML, CSS und Webdesign
oder
float: Beispiele | Webdesign mit XHTML und CSS
__________________
Gruß Michael
SketchAtomTransmit

Geändert von emti (04.12.2008 um 18:33 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.12.2008, 19:29
Chiller
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2008
Ort: Daheim
Beiträge: 7
Nagut befindet sich auf einem aufstrebenden Ast
Standard

Nach laaaaaangem Umcoden des zweispaltigen Layouts was ich hab, ging es dann. Merkwürdig ... aber mir ist jetzt einiges klarer geworden, danke
Mit Zitat antworten
Antwort

Stichwörter
css, float, html, img

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
img in Tabellenkolonne wieder aktivieren Rico CSS 5 29.06.2011 13:02
CSS Galerie: a:hover img flackert beim Firefox benpen CSS 5 24.06.2009 08:53
ie. Abstand über horizontaler Navi geht nicht weg. tifi CSS 5 21.11.2006 18:17
img in p -Fehlerhaftes Verhalten bei margin von img [gelöst] andir CSS 2 28.03.2006 00:14
Bildnavigation css_bastian CSS 1 01.02.2006 15:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:53 Uhr.