J'ai essayé de nombreux paramè tres "Affichage" en CSS et je n'ai pas pu définir un alignement correct, aidez-moi à le résoudre.L'image et le texte ne sont pas alignés au centre
<div id="fadeshow2toggler" style="text-align:center; width:290px;">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
L'affichage ne définit pas d'allignement.
Cela peut être ce dont vous avez besoin.
<style type="text/css">
.prev, .next, .status{float:left;}
</style>
génial! le travail de flottement mais ne peut pas centrer l'alignement, ainsi je me débrouille avec la marge gauche, cependant, si vous avez une solution, dites-moi s'il vous plaît. Merci. – JohnMax
essayez ceci:
<center>
<div id="fadeshow2toggler" style="text-align:center; width:290px;">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
</center>
Pouvez-vous modifier le code HTML? Dans ce cas, ajoutez un conteneur pour les deux points d'ancrage et la div comme ce
<div id="fadeshow2toggler" style="width:290px;">
<div class="linkscontainer">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png"/></a>
<div class="status">1 of 1</div>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png"/></a>
</div>
</div>
Et utiliser ce CSS
.linkscontainer{
margin:0px auto;
min-width:50%;
}
.status{
display:inline;
}
ce qui est le but ici? coller ce que vous avez je vois une colonne: image, texte, image tout centré. – Adam
Quels éléments essayez-vous de centrer, dans quels autres éléments? La propriété 'display' ne contrôle pas (directement) l'alignement horizontal. –
Faites des recherches ... par exemple http://stackoverflow.com/questions/732139/vertical-align-middle-does-not-align-to-the-middle-in-firefox – bjudson