|
|||
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> 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;} |
Sponsored Links |
|
||||
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 Geändert von emti (04.12.2008 um 18:33 Uhr) |
Sponsored Links |
Stichwörter |
css, float, html, img |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |