Membre
|
Bonjour.
J'ai modifié mon template footer.php pour y ajouter des conditions : la page est-elle valide HTML 4.01 Transitional et/ou CSS 3 ?
Mais les images s'affichent dans une bande bleu, sans coins arrondis. (cf:Mon formulaire de contact)
Voici mon footer :
<?php
if($html==1||$CSS==1) # Si valide HTML 4.01 Transitional ET/OU CSS 3
echo'
<br>
<div style="background:#33CCFF url("http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=0") no-repeat top left;">
<div style="background:url("http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=3") no-repeat top right;">
<div style="background:url("http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=1") no-repeat bottom left;">
<div style="background:url("http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=2") no-repeat bottom right;padding-bottom:20px;padding-top:20px;padding-left:15px;" id="bas">';
if($html==1) # Si valide HTML 4.01 Transitional
echo'
<a href="http://validator.w3.org/check?uri=referer" target="_bank">
<img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional"></a>';
if($CSS==1) # Si valide CSS 3
echo'
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3" target="_bank">
<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS Valide !"></a>';
if($html==1||$CSS==1)
echo'
</div></div></div></div>';
?>
</body>
</HTML>
C'est mon code qui est mauvais, ou c'est un bug du générateur ?
Cordialement.
PS: Le CSS validator du W3C me dit 4 fois Propriété erronée : background Erreur lors de l'analyse grammaticale. url(
|
Admin
|
Bonjour,
le problème est que tu a remplacé les ' par des " pour que le code php fonctionne, mais le html ne fonctionne plus. Donc essaye ce code:
<?php
if($html==1||$CSS==1) # Si valide HTML 4.01 Transitional ET/OU CSS 3
{
?>
<br>
<div style="background:#33CCFF url('http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=0') no-repeat top left;">
<div style="background:url('http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=3') no-repeat top right;">
<div style="background:url('http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=1') no-repeat bottom left;">
<div style="background:url('http://images.supportduweb.com/rounded_corn.php?rayon=20&fond=f1f1f1&interieur=33CCFF&rotation=2') no-repeat bottom right;padding-bottom:20px;padding-top:20px;padding-left:15px;" id="bas"><?php
}
if($html==1) # Si valide HTML 4.01 Transitional
{
echo'
<a href="http://validator.w3.org/check?uri=referer" target="_bank">
<img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional"></a>';
}
if($CSS==1) # Si valide CSS 3
{
echo'
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3" target="_bank">
<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS Valide !"></a>';
}
if($html==1||$CSS==1)
{
echo'
</div></div></div></div>';
}
?>
</body>
</html>
Tu aurai aussi pu mettre des \ avant les ', mais le code ne reste pas "beau".
Cordialement
 |
Membre
|
Merci.
C'est quand même embêtant c'est ' et ces ".
En Python, j'aurais encadré tout le code par """ et """, puis j'aurais utilisé les ' et les " dans le code. Il n'y aurait pas eu de conflits.
J'aime pas la syntaxe PHP.
Et peut-on faire des coins transparents ? Le fond de mon livre d'or n'est pas blanc, et avec les templates, je ne peux pas adapter le code au fond de la page.
Merci.
Au revoir.
|
Admin
|
Bonjour,
il n'est pas possible de mettre des coins transparents, par contre dans le générateur de coins arrondis, il est possible de choisir la couleur des coins, dans le champs couleur de fond:
http://www.supportduweb.com/generateur-coins-arrondis-html-css-rounded-box-corner-boxes-sommets-images-top-left-bottom-right.html
dans ton cas, la couleur est #A4BCE0
Cordialement
|
Membre
|
Pour le livre d'or, oui, mais pour toutes les autre pages, excepté le formulaire de contact qui est gris, le fond de ma page est blanc.
Mais pourquoi n'est-il pas possible de faire de la transparence ? Ne pouvez vous pas faire une option coins transparent qui remplace la couleur des angles par une simple image transparente ?
Merci.
|
Admin
|
Bonjour,
c'est simplement parce que les coins arrondis sont mis pardessus le div qui a une couleur. donc si les si ont met des coins transparent, la première couleur qui arrive après c'est celle du div, donc ça ne reste plus des coins arrondis.
Tu peut utiliser des propriétés pour résoudre ton problème, mais ce n'est pas compatible avec tout les navigateurs, et ce n'est pas valide CSS.
Mais voici comment faire:
<div style="padding:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background:#bbbbbb;">
Mon contenu
</div>
Cordialement
|
