28172 sujets

CSS et mise en forme, CSS3

Alignement éléments + légende cliquable

Bonjour,

Je suis en train de créer mon site sur Wordpress et je n'arrive pas à aligner mes articles

Comme j'ai hébergé mon site en local pour le moment je ne peux pas le montrer...

Est ce que quelqu'un peut m'aider ?

Merci

<head>
<style type="text/css">
.galerie_image
	{
	float: left; 
	text-align: center;
	}

</style>
</head>






<p class="galerie_image"><a href="http://localhost:8888/parabond/parab-construction-3/" rel="attachment wp-att-543" target="_blank"><img src="http://localhost:8888/wp-content/uploads/2016/04/Parab-Construction.png" alt="Parab-Construction" width="156" height="312" class="alignleft size-full wp-image-543" /></a> 

<div class="text alignnone"><a href="http://localhost:8888/parabond/parab-construction-3/" rel="attachment wp-att-543" target="_blank"></a><caption><u><b>Construction</u></b></caption><a href="http://localhost:8888/parabond/parab-construction-3/" rel="attachment wp-att-543" target="_blank"<caption>Description produit</caption> </a> <br/> <a href="http://www.dl-chem.com/images/files/F@408%20PB_Construction.pdf" target="_blank" <caption>Fiche Technique</caption></a></div></p>


<p class="galerie_image"><a href="http://localhost:8888/parabond/parabond-600/" rel="attachment wp-att-550" target="_blank"><img src="http://localhost:8888/wp-content/uploads/2016/04/Parabond-600.png" alt="Parabond-600" width="156" height="312" class="alignleft size-full wp-image-550" ></a> 

<div class="text alignnone"><a href="http://localhost:8888/parabond/parabond-600/" rel="attachment wp-att-550" target="_blank"></a><caption><b><u>600</b></u></caption><a href="http://localhost:8888/parabond/parabond-600/" rel="attachment wp-att-550" target="_blank"<caption>Description produit</caption> </a> <br/> <a href="http://www.dl-chem.com/images/files/F@Parabond%20600.pdf" target="_blank" <caption>Fiche Technique</caption></a></div></p>


<p class="galerie_image"><a href="http://localhost:8888/parabond/parabond-800/" rel="attachment wp-att-567"><img src="http://localhost:8888/wp-content/uploads/2016/04/Parabond-800.png" alt="Parabond-800" width="143" height="312" class="alignleft size-full wp-image-567" /></a>

<div class="text alignnone"><a href="http://localhost:8888/parabond/parabond-800/" rel="attachment wp-att-567" target="_blank"> </a> <caption><b><u>800</b></u><br></caption><a href="http://localhost:8888/parabond/parabond-800/" rel="attachment wp-att-567" target="_blank" <caption>Description produit</caption> </a> <br/> <a href="http://www.dl-chem.com/images/files/F@Parabond%20800.pdf" target="_blank" <caption>Fiche Technique</caption></a></div></p>


<p class="galerie_image"><a href="http://localhost:8888/parabond/parabond-transparent/" rel="attachment wp-att-568"><img src="http://localhost:8888/wp-content/uploads/2016/04/Parabond-Transparent.png" alt="Parabond-Transparent" width="156" height="312" class="alignleft size-full wp-image-568" /></a>

<div class="text alignnone"><a href="http://localhost:8888/parabond/parabond-transparent/" rel="attachment wp-att-568" target="_blank" ></a> <Caption><u><b>Transparent</u></b></caption><a href="http://localhost:8888/parabond/parabond-transparent/" rel="attachment wp-att-568" target="_blank"<caption>Description produit</caption> </a> <a href="http://www.dl-chem.com/images/files/F@Parabond%20Transparent.pdf" target="_blank" <caption>Fiche Technique</caption></a></div></p>
Administrateur
Bonjour et bienvenue, Smiley smile

tu as des éléments div dans des éléments p : ce n'est pas du code HTML valide et les navigateurs "corrigent" en fermant le paragraphe juste avant l'ouverture du div. Et ce qui suit le div n'est plus dans le paragraphe puisqu'il a été fermé...
Corrige ta page dans le validateur du W3C : https://validator.w3.org avant toute autre tentative de recherche de bug car c'est du temps perdu Smiley cligne (si tu travailles en local, tu peux quand même utiliser le validateur en copiant-collant le code source de ta page - Ctrl-U - dans la zone de saisie du 3e onglet.
Modifié par Felipe (14 Apr 2016 - 20:42)
Sujet clos
Aller à