CSS: centrer verticlament mon text

Fermé
doudda - 19 déc. 2009 à 12:18
scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 - 19 déc. 2009 à 13:28
Bonjour,

Après des heures de recherche sur le net impossible de trouver une réponse adéquat à mon problème, je dois etre un peu neuneu aussi...!

Le problème est que je n'arrive pas en centrer mon texte verticalemnt avec la puce (le texte est soit sur une ligne soit sur deux lignes)
La puce en format gif 40*39px
Voici le css:
#left_content
{
padding-top:20px;
width:170px;
float:left;
padding-bottom:15px;
}


#left_content li
{ color:#222222;
text-decoration:none;
background:url(../images/puce.gif) no-repeat left;
padding-left:30px;
height:50px;

}

#left_content a, #left_content a:visited
{
color:#222222;
text-decoration:none;
font-size: 1.4em;
padding-left:2px;

}


et voici mon code dans l'index (j'utilise joomla):


<div id="left_content" >

<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="rounded" />
<?php endif; ?>
</div>


Avez vous une réponse??

Merci d'avance
A voir également:

1 réponse

scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 425
19 déc. 2009 à 13:28
Bonjour, tu peux utiliser la propriété vertical-align: middle; sur ta puce (puce sous forme d'une image).

Par exemple :

<p>
<img src="images/puce.gif" style="vertical-align:middle;" valign="middle" />
</p>


Tu peux bien sur mettre d'autres valeurs dans le vertical-align je te laisse chercher sur Google (ex : baseline, top, bottom, ...).
0