Wordpress, aligner texte et image dans widget - HTML/CSS - Programmation
Marsh Posté le 11-02-2014 à 18:08:11
Et si tu le fais sous forme d'une liste à puce.
Sinon avec le CSS :
float:left; pour aligner a gauche
float:right; pour aligner à droite
Marsh Posté le 11-02-2014 à 18:33:58
Salut, liste à puce, c'est à dire ?
Tu peux me donner un exemple complet avec le CSS de ce que je dois inscrrire exactement ?
Par exemple j'ai ça pour un widget :
<img class="alignnone size-full wp-image-21" alt="123" src="http://localhost/wordpress/wp-content/uploads/2014/02/123.jpg" data-mce-src="http://localhost/wordpress/wp-content/uploads/2014/02/123.jpg" height="74" width="86"> <a href="http://localhost/wordpress/?p=6"> Bienvenue sur mon blog </a>
Donc code pour l'image et à la fin , code pour le texte cliquable.
Le texte est correctement à droite mais en dessous de l'image alors que je le voudrais en face ( centré à coté de l'image)
Marsh Posté le 11-02-2014 à 22:13:26
Tu utilises ce code:
<ul style="list-style-image: url(http://localhost/wordpress/wp-content/uploads/2014/02/123.jpg);">
<li><a href="http://localhost/wordpress/?p=6"> Bienvenue sur mon blog </a> </li>
</ul>
Marsh Posté le 11-02-2014 à 22:27:51
Mdr, j'ai copié tel quel ton code dans mon texte widget, ça ma destroy les 3 quarts de l'image et mis le texte à droite mais pas centré au milieu de l'image comme je voulais ^^
Marsh Posté le 11-02-2014 à 22:37:10
J'avais pas compris ce que tu voulais. Escuses-moi
Si je te comprend, ceci devrait marcher :
<img style="vertical-align:middle;" src="http://localhost/wordpress/wp-content/uploads/2014/02/123.jpg" alt="123" />
<a href="http://localhost/wordpress/?p=6"> Bienvenue sur mon blog </a>
Marsh Posté le 11-02-2014 à 22:41:45
Waouh, ca fonctionne, merci beaucoup !!
J'avais trouvé ce code sur le net en cherchant mais j'ai du mal le mettre en place, là c'est parfait comme je voulais.
Jte remercie pour ton aide, j'vais pouvoir avancer
Marsh Posté le 11-02-2014 à 22:43:31
De rien et merci à toi aussi.
Marsh Posté le 11-02-2014 à 16:30:01
Bonjour,
Je viens de commencer sur wordpress (derniere version), dans ma barre de widget, j'aimerais mettre une petite image en icone et à coté un lien cliquable, ce que j'ai fait.
Probleme le lien cliquable j'aimerais le mettre pile à droite de l'image bien centré alors que là il apparait en dessous de l'image.
Est ce que vous pouvez m'aider à trouver quel ligne de code je dois inscrire pour que le texte soit à droite de l'image et bien centré par rapport à celle ci ?
Merci