URL: https://linuxfr.org/users/mouquiette/journaux/probleme-css
Title: probleme CSS
Authors: Toto
Date: 2003年10月30日T17:02:33+01:00
Tags: 
Score: 0
Cher journal, 
Je souhaite faire un truc pas spécialement compliqué en CSS, mais j'y arrive pas. Je fais donc appel a ta grande connaissance. 
Je souhaite avoir une image à gauche et du texte en vis à vis, et en dessous, le contraire, le texte à gauche et l'image en vis à vis. Les tailles des images pouvant varier, je ne peux pas faire des positions définient en pixels, et puis c'est pas terible de toute facon je trouve .. 
 
**code xhtml : ** 
< div id="presentation_img1" > 
< img src="a.jpg" alt="affiche" / > 
< /div > 
< div id="presentation_txt1" > 
< p >blablaba[...]fig< /p > 
< /div > 
 
< div id="presentation_img2" > 
<img src="b.jpg" alt="affiche2" / >	 
< /div > 
< div id="presentation_txt2" > 
< p >bdsgsdg[...]hdshf< /p > 
< /div > 
 
**code css :** 
#presentation_txt1 { 
float: right; 
} 
 
#presentation_img1 { 
float: left; 
} 
 
#presentation_txt2 { 
} 
 
#presentation_img2 { 
float: right; 
} 
 
 
 
Il suffit que j'ajoute un caractere invalide( #,%,ù,\...) avant #presentation_img2 pour que la presentation soit correcte (sous Mozilla, Konqueror, Epiphany), sinon la derniere image se place tout en bas, le texte de presentation 2 au dessus d'elle. 
 
 
Merci de votre aide
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/users/mouquiette/journaux/probleme-css.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/users/mouquiette/journaux/probleme-css.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>