Centrage des images php

J'essaye de centrer une image en php. J'utilise actuellement cette ligne de codeCentrage des images php

echo '<img src="newimage.jpg" width="110" height="120" class="centre">';

Cependant, cela semble n'avoir aucun effet. J'ai aussi essayé d'utiliser quelque chose comme ça,

img.center { 

display: block; 

margin-left: auto; 

margin-right: auto; 

} 
<img src="newimage.jpg" alt="Suni" class="center" />

mais cela me donne simplement une erreur de syntaxe, comment puis-je faire pour régler ce? Merci

Source

2010-03-11 zorgo

Cela ressemble à une question css

Essayez margin:0 auto dans votre css

Source

2010-03-11 11:32:09

Vous devez également'Affichage: block' des marges d'auto pour travailler. –

+1 @Rigobert Song, c'est exactement ce que j'allais écrire. – RubyDubee

Il l'a déjà dans son CSS. – DisgruntledGoat

echo '<div class="center"><img src="newimage.jpg" width="110" height="120"></div>';

et utiliser

div.center {

au lieu de

img.center {

Votre syntaxe php est correcte, l'erreur de syntaxe vient-elle de php?

Source

2010-03-11 11:35:38 Ross

J'ai essayé cela, il m'a quand même donné la même erreur, il a dit: Erreur d'analyse: erreur de syntaxe, inattendue '{' – zorgo

il vient de la ligne CSS du code – zorgo

qui est une erreur php , pas css. peut-être vous avez besoin de faire écho le css, echo "div.center {...}" ou assurez-vous que le css n'est pas dans le PHP. – Ross

Vous avez une erreur PHP dans votre code, sans rapport avec HTML/CSS. Etes-vous sûr de mettre tous les morceaux de code aux bons endroits? c'est-à-dire que CSS doit aller dans une feuille de style externe ou entre <style type="text/css"> et </style> dans votre HTML.

Il est généralement préférable de placer des blocs de code HTML en dehors des sections PHP. Quelque chose comme ceci:

<?php 
//some php code 
?> 

<style type="text/css"> 
img.center { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 
</style> 

<img src="newimage.jpg" alt="Suni" class="center" /> 

<?php //continue your PHP code here...

Source

2010-03-11 17:26:57 DisgruntledGoat

Ceci est un exemple de travail d'une image centrée. Voir ce que vous pensez :-)

<html> 
<head> 
<title>Test</title> 

<style type="text/css"> 
.myImage 
{ 
    margin: auto; 
    display: block; 
} 
</style> 

</head> 
<body> 
    <img src="http://sstatic.net/so/img/logo.png" alt="My Image" class="myImage"/> 
</body> 
</html>

Source

2010-03-11 17:38:55

Ajouter ce code à votre css:

div img.center { 
    margin:0 auto; 
}

Source

2017-09-20 11:30:03

Centrage des images php

Répondre

Questions connexes