URL: https://linuxfr.org/forums/programmationweb/posts/css-text-index-et-pas-du-displayblock
Title: CSS : text-index et pas du display:block
Authors: fabien
Date: 2005年11月24日T17:32:30+01:00
Tags: 
Score: 0
Salut, 
j'ai une classe qui met en valeur un mot avec une couleur de fond, une bordure et mets une petite image. 
voici ma classe `.fiche_item { 
border: 1px solid #bfcee3; 
background-color : #e2effe; 
text-indent : 14px; 
background-image : url("../img/image.png"); 
background-repeat : no-repeat; 
background-position : center left; 
display: block; 
padding:3px; 
}` 
Voilà, tout le probleme se trouve dans la petite image (image.png). pour que l'image ne soit pas superposé par rapport au texte, j'ai naturellement mis un **text-indent : 14px;** et pour que le txt-indent fonctionne, j'ai du mettre un **display: block;** 
ce qui fait que maintenant ma classe réagie comme un bloc (retour à la ligne) 
ex: ` bla bla bla {a class="fiche_item" href="aaa"} un mot {/a} bla bla` 
(j'ai remplacé les tag par des { } ) 
bien sur ca fait des retours à la ligne... je pensais qu'avec un ptit "float:left;" ca marcherait mieux, mais non... je n'y arrive pas. 
 
si quelqu'un a une idée, merci.
</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/forums/programmationweb/posts/css-text-index-et-pas-du-displayblock.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/forums/programmationweb/posts/css-text-index-et-pas-du-displayblock.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>