Aller au contenu

Sujets conseillés

Posté

Bonjour,

Je souhaiterais centrer le logo de phpmyvisites sur mon site.

Malheureusement mes connaissances de bases en code ne me permettent pas encore de voir comment proceder.

J'ai bien evidement penser à ajouter align="center" dans la ligne avec le chemin de l'image mais ça ne fonctionne pas à première vue.

Quelqu'un a une idée ?

Merci d'avance.

Voici mon code:

<!-- phpmyvisites -->
<a href="http://www.phpmyvisites.net/" title="phpMyVisites | Open source web analytics"
onclick="window.open(this.href);return(false);">
<script type="text/javascript">
<!--
var a_vars = Array();
var pagename='';

var phpmyvisitesSite = 1;
var phpmyvisitesURL = "http://www.arlon-is-on.be/phpmyvisites/phpmyvisites.php";
//-->
</script>
<script language=javascript src="http://www.arlon-is-on.be/phpmyvisites/phpmyvisites.js" type="text/javascript"></script>
<noscript>
<p>phpMyVisites | Open source web analytics
<img src="http://www.arlon-is-on.be/phpmyvisites/phpmyvisites.php" alt="phpMyVisites" style="border:0" />
</p>
</noscript>
</a>
<!-- /phpmyvisites -->

Posté (modifié)

oui je l'ai centré chez moi en utilisant la balise <center> </center> donc ça fonctionne tu peux y aller avec la solution de Nicolas.

Sauf que moi je l'ai mise comme ça (je ne sais pas qu'elle est la meilleure solution)

<center><!-- phpmyvisites -->
<a href="http://www.phpmyvisites.net/" title="phpMyVisites | Open source web analytics"
onclick="window.open(this.href);return(false);">
<script type="text/javascript">
<!--
var a_vars = Array();
var pagename='';

var phpmyvisitesSite = 1;
var phpmyvisitesURL = "http://www.arlon-is-on.be/phpmyvisites/phpmyvisites.php";
//-->
</script>
<script language=javascript src="http://www.arlon-is-on.be/phpmyvisites/phpmyvisites.js" type="text/javascript"></script>
<noscript>
<p>phpMyVisites | Open source web analytics
<img src="http://www.arlon-is-on.be/phpmyvisites/phpmyvisites.php" alt="phpMyVisites" style="border:0" />
</p>
</noscript>
</a>
<!-- /phpmyvisites --></center>

Modifié par Keroin
Posté

Bonsoir,

Dans aucune des deux solutions proposées cela ne fonctionne.

Pour précision je désire inclure ce marqueur dans mon footer.

J'ai mis un style css pour que le texte de mon footer soit automatiquement mais centré mais je pense que le problème vient surtout de mes caractéristiques css pour les images a qui j'ai précise float:left

img
{
float: left;
border: 1px solid #000000;
margin: 5px;
}

et le code pour mon footer:

#footer
{
clear: both;
height: 48px;
text-align: center;
font-size: 0.6em;
color: #FFFFFF;
background-color: #36526D;
border-top: 1px solid #000000;
padding-top: 3px;
}

Est il possible de centrer une image uniquement dans mon footer ? et si oui, comment ?

Merci d'avance.

Posté

Salut

Règle d'or du CSS: un conflit entre une règle CSS et un HTML 'présentatif' (tel que <center>) est toujours à l'avantage du CSS.

Donc exit <center> si la feuille de style dit autre chose: ça ne servira à rien ;)

Pour centrer uniquement la ou les image(s) inclues dans un <address id="footer"> la règle suivante suffit:

#footer img {text-align: center; margin-left: auto; margin-right: auto;}

Code à placer après la règle qui touche toutes les images ;)

PS: ne plus utiliser d'HTML 'présentatif' tel que <center> ce n'est pas forcément aimer vouloir se prendre la tête aveuglément avec les normes w3c.

C'est surtout éviter les conflits entre ce que dit l'HTML d'un côté, et ce que dit le CSS de l'autre ;)

Ainsi on gagne un temps précieux.

Posté

Merci, cela fonctionne très bien.

Merci egalement pour tes quelques precisions et conseils.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...