Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1417 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Wordpress, aligner texte et image dans widget

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Wordpress, aligner texte et image dans widget

n°2219271
greenattit​ude
Posté le 11-02-2014 à 16:30:01  profilanswer
 

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

mood
Publicité
Posté le 11-02-2014 à 16:30:01  profilanswer
 

n°2219285
amateurduw​eb
Posté le 11-02-2014 à 18:08:11  profilanswer
 

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  
n°2219290
greenattit​ude
Posté le 11-02-2014 à 18:33:58  profilanswer
 

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)
 
 
 

n°2219310
amateurduw​eb
Posté le 11-02-2014 à 22:13:26  profilanswer
 

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  
n°2219312
greenattit​ude
Posté le 11-02-2014 à 22:27:51  profilanswer
 

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

n°2219315
amateurduw​eb
Posté le 11-02-2014 à 22:37:10  profilanswer
 

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  
n°2219317
greenattit​ude
Posté le 11-02-2014 à 22:41:45  profilanswer
 

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

n°2219318
amateurduw​eb
Posté le 11-02-2014 à 22:43:31  profilanswer
 

De rien et merci à toi aussi.


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Wordpress, aligner texte et image dans widget

 

Sujets relatifs
[HELP] modificateur de plusieur fichier texteanalyse colorimetrique d'une image
Probéme de codage pour lire la taille de fichier texte[Inculte inside] Aligner 2 objets sur une même ligne.
[CSS / Wordpress] Modification de la barre de menu[Résolu] Choix d'un CMS : Joomla ou Wordpress ?
Programmation sur image avec Pythonespace entre ligne de texte et haut du cadre
Intégrer un fond d'écran HTML5 / JS à WordPressOptimisation lecture fichier texte
Plus de sujets relatifs à : Wordpress, aligner texte et image dans widget


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR