Wordpress, aligner texte et image dans widget

Wordpress, aligner texte et image dans widget - HTML/CSS - Programmation

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

Reply

Marsh Posté le 11-02-2014 à 16:30:01   

Reply

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


Message édité par amateurduweb le 11-02-2014 à 18:08:37

---------------
www.samomoi.com : Cours et astuces informatiques, électronique et télécoms  
Reply

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)
 
 
 

Reply

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>


---------------
www.samomoi.com : Cours et astuces informatiques, électronique et télécoms  
Reply

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 ^^

Reply

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>  


---------------
www.samomoi.com : Cours et astuces informatiques, électronique et télécoms  
Reply

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 :D

Reply

Marsh Posté le 11-02-2014 à 22:43:31    

De rien et merci à toi aussi.


---------------
www.samomoi.com : Cours et astuces informatiques, électronique et télécoms  
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed