Aligner un texte avec 1er ligne CSS

Ariane61 Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   -  
Ariane61 Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Le code ci-dessus marche à merveille, sauf pour aligner le texte

Je tente d'aligner la deuxième ligne de mon élément avec la première et non avec l'imge que j,ai mis en background dans la liste d'un menu vertical, et ça ne fonctionne pas. J'ai beau tout essayé et la deuxième ligne va mettre en dessous de l'image.

J'ai joué avec les padding, les margins. J'ai mis une image plus haute. Rien n'y fait, tout se comporte en inside.

C'est quoi mon erreur?

Merci pour votre aide

Ariane

#listerv ul
{
list-style-type: none;
list-style-position: outside;
text-align: left outside;
padding: none;
}

#listerv ul li a
{
background: transparent url(soleilo.gif) left top no-repeat;
list-style-type: none;
list-style-position: outside;
padding-left: 18px;
text-align: left;
font: normal 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #black;
}

#listerv ul li a:hover
{
background: transparent url(soleilon.gif) left top no-repeat;
list-style-type: none;
list-style-position: outside;
color: black;
text-decoration: underline #cfba81;
}

#listerv ul li a#current
{
background: transparent url(soleilac.gif) left top no-repeat;
list-style-type: none;
list-style-position: outside;
color: #800000;
text-decoration: none
}
A voir également:

6 réponses

Uzuke92 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention  
 
Salut,

Peux-tu mettre ton code HTML et mettre en évidence ce que tu veux aligner?
0
Ariane61 Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   18
 
<td align="left" valign="top" class="sousmenu" width="320"> <!-- #BeginEditable "navcontainerv" -->
<div id="navcontainerv">
<ul id="navlistv">
<li><a href="http://www.cxxx.ca//evenements/index.html">Liste des événements</a></li>
<li><a href="http://www.cxxx.ca/evenements/assemblee_general2006/image/index.html">Assemblée générale</a></li>
<li id="active"><a href="http://www.cxxx.ca/index.html" id="current">Bazar annuel</a></li>
<li><a href="http://www.cxxx.ca/evenements/brunch2008/index.html">Brunch bénéfice</a></li>
<li><a href="http://www.cxxx.ca/evenements/amies_artisanat/index.html">Exposition</br> Amies de l'artisanat</a></li>
<li><a href="http://www.cxxx.ca/cac/index.html">Exposition</br> Peintres du soir</a></li>
<li><a href="http://www.cxxx.ca/evenements/xxx/index.html">Fête de la rentrée</a></li>
<li><a href="http://www.cxxx.ca/evenements/xxx/index.html">Inauguration</br>de la Villa Ringfield</a></li>
<li><a href="http://www.cxxx.ca/evenements/soirees_conf/index.html">Soirée conférence</a></li>
<li><a href="http://www.cxxx.ca/evenements/Partie_300/index.html">Partie parfaite</a></li>
<li><a href="http://www.cxxx.ca/evenements/pve2008/index.html">Programme Vacances Été</a></li>
<li><a href="http://www.cxxx.ca/contact/index.html">Tournoi de hockey</a></li></ul></div><!-- #EndEditable --></td>

En fait c'est tous titres trop long auquel j'ai mis des </br>

Merci bien
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
</br> n'existe pas. C'est <br />
0
Ariane61 Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   18
 
ça ne marche pas . Pas plus que <br> ou </br> ou <br/>

Merci quand même

Ariane
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Ariane61 Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   18
 
Peut-être qu'il me manque des loat-left à quelque part? Alors, où je les mettrais?

Merci
0
Ariane61 Messages postés 28 Date d'inscription   Statut Membre Dernière intervention   18
 
Je voulais dire float-left
0