Problème au sein d'un script PHP

**Kazy15** · 21/04/2009, 23h27

Bonsoir à tous,
j'ai un site ou du css change dynamiquement grâce à un script PHP. Je vous en met un morceau là :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php 
if ($images_menu_permutee!=3) {
?>	
<style type="text/css">
#menu_bouffe_paris {float:left;width:8px;margin-right:0;background:#fff;}
#menu_bouffe_paris a {display:block;height:673px;background:#fff;border-right:1px solid #C0C0C0;}
#menu_bouffe_paris a:hover,#menu_bouffe_paris a:focus,#menu_bouffe_paris a:active {background:#FFCC00;}
</style>
<li id="menu_bouffe_paris"><a href="la_bouffe_de_paris.php" title="La Bouffe de Paris"></a></li>
<?php
}
?>
 
	<?php
if ($images_menu_permutee==3) {
?>
<style type="text/css">
#menu_bouffe_paris,#menu_bouffe_paris a,#menu_bouffe_paris a:hover,#menu_bouffe_paris a:focus,#menu_bouffe_paris a:active {float:left;width:7px;margin-right:0;display:block;height:673px;border-right:1px solid #C0C0C0;background:#FFCC00;}
</style>
<li id="menu_bouffe_paris"><a href="la_bouffe_de_paris.php" title="La Bouffe de Paris"></a></li>
<?php
}
?>

Son effet est simple : ici si la valeur de la variable renvoyée par la page courante est 3, alors la <li> restera en position de rollover.
Seulement voilà après avoir passé ma page d'accueil dans le correcteur W3C, j'ai vu que les balises <style> ne peuvent être insérées qu'entre les balises <head></head>. Ce qui dans mon cas, ne me semble pas possible.
J'ai donc essayé en intégrant le CSS directement avec l'attribut style dans les balises <li>, mais ça ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
	<?php 
if ($images_menu_permutee!=1) {
?>
<li id="menu_smb" style="float:left;width:27px;margin-right:0;background:#fff;
#menu_smb a {display:block;height:673px;background:#fff;border-right:1px solid #C0C0C0;}
#menu_smb a:hover,#menu_smb a:focus,#menu_smb a:active {background:#009EE1;}"><a href="super_moustik_bros.php" title="Super Moustik Bros"></a></li>
<?php
}
?>
 
	<?php
if ($images_menu_permutee==1) {
?>
<li id="menu_smb" style="#menu_smb,#menu_smb a,#menu_smb a:hover,#menu_smb a:focus,#menu_smb a:active {float:left;width:26px;margin-right:0;display:block;height:673px;border-right:1px solid #C0C0C0;background:#009EE1;}"><a href="super_moustik_bros.php" title="Super Moustik Bros"></a></li>
<?php
}
?>

Comment faire pour que mon script fonctionne tout en étant conforme par rapport aux normes ? Ai-je fais des erreurs ?
Merci d'avance pour vos réponses.

Invité · 21/04/2009, 23h39

Bonsoir,
Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<head>
<style type="text/css">
.typepas3 
{float:left;width:8px;margin-right:0;background:#fff;}
.typepas3 a 
{display:block;height:673px;background:#fff;border-right:1px solid #C0C0C0;}
.typepas3 a:hover, .typepas3 a:focus, .typepas3 a:active 
{background:#FFCC00;}
 
.type3, .type3 a, .type3 a:hover, .type3 a:focus, .type3 a:active 
{float:left;width:7px;margin-right:0;display:block;height:673px;border-right:1px solid #C0C0C0;background:#FFCC00;}
</style>
</head>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<body>
<?php 
if ($images_menu_permutee!=3) {
echo '<li id="menu_bouffe_paris" class="typepas3"><a href="la_bouffe_de_paris.php" title="La Bouffe de Paris"></a></li>';
}
?>
 
<?php
if ($images_menu_permutee==3) {
echo '<li id="menu_bouffe_paris" class="type3"><a href="la_bouffe_de_paris.php" title="La Bouffe de Paris"></a></li>';
}
?>
</body>

**Kazy15** · 22/04/2009, 00h00

Suis-je bête... je n'avais même pas songé à ça mais maintenant ça me semble évident. Parfois on s'arrache les cheveux pour un truc que l'on croit compliqué alors que la solution est simple

Merci beaucoup, je vais ajouter ça dans mon fichier css principal.

Invité · 22/04/2009, 00h33

Envoyé par Kazy15

Suis-je bête...

Mais non, mais non :

"Reconnaitre sa betise est déja une preuve d'intelligence"

Tu peux ecrire aussi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<?php 
if ($images_menu_permutee==3) { $letype = 'type3'; }
else { $letype = 'typepas3'; }
echo '<li id="menu_bouffe_paris" class="'.$letype.'"><a href="la_bouffe_de_paris.php" title="La Bouffe de Paris"></a></li>';
?>

Problème au sein d'un script PHP

CSS

Vue hybride

Discussions similaires

Partager

Partager