OVH Cloud OVH Cloud

pb CSS et PHP

4 réponses
Avatar
Phil
Bonjour

J'ai une page toute simple de définition de mes css avec en bas de page une
zone php.

Dans la partie php je demande par un include l'affichage d'un fichier.

Ce fichier php génère un tableau issu d'une base de données.

Le pb est que je définis font-size à 12px et quelle que soit la valeur en
px, les données du tableau s'affichent toujours pareil

mais si je mets du texte la taille change en fonction des px (ce qui est
normal)

ci joint mon fichier pour une âme charitable... Merci d'avance du coup de
main

<?
session_start();
?>

<html>
<head>
<style type="text/css">
<!--
body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
background-color: #06C;
}
.haut {
width: auto;
height: 45px;
background-color: #06C;
color: #fff;
font-size: 26px;
padding: 10px;
}

.frame {
background-color: #ffC;
width: auto;
height: 425px;
overflow: auto;
<?
if ($variable3=="horaire")
{
echo "font-size: 20px;";
}
else
{
echo " font-size: 12px;";
}
?>

}

.barre {
<?
if ($variable2=="")
{
echo "width: 98.25%;";
}
else
{
echo "width: auto;";
}
?>
height: 35px;
background-color: #06C;
color: #000000;
font-size: 20px;

}

.bas {
width: auto;
height: 50px;
background-color: #06C;
color: #fff;
font-size: 12px;
padding: 10px;
}

table {

border-style:solid;
border-width:1px;
border-color:black;
border-collapse:collapse;
width:100%;
font-size: 10px;
}
td {
border-style:solid;
border-width:1px;
border-color:red;
width:11%;
}









-->
</style>
</head>

<body>
<body>
<div class="haut">Texte brut</div>


<div class="barre">
<?
if ($variable3 == "horaire")
{
echo "<div align=\"center\"><font color=\"#ffff00\">Horaires .</font><br>
</div>";
}
else
{
include ('haut.php');
}
?>
</div>
<div class="frame">
<?
if ($variable3 == "horaire")
{
include ('horaire.php');
echo "Texte pour essai";
}
else
{
include ('bas.php');
}
?>

</div>

<div class="bas"><a href="..\index.php">Retour accueil</a></div>
</body>


</body>
</html>

4 réponses

Avatar
Hervé
Phil a écrit :
Le pb est que je définis font-size à 12px et quelle que soit la valeur en
px, les données du tableau s'affichent toujours pareil



Tu indiques une taille de 10px pour l'élément TABLE, et je ne sais pas
si tu utilise dans ce tableau les classes .frame ou .bas qui ont une
taille de 12px.

mais si je mets du texte la taille change en fonction des px (ce qui est
normal)



Oui c'est la classe frame qui joue.

ci joint mon fichier pour une âme charitable... Merci d'avance du coup de
main



J'ai eu du mal à y voir clair mais déjà...

position: absolute;
width: 100%;
height: 100%;



Ces règles pour le BODY me paraissent inutiles.

echo "<div align="center"><font color="#ffff00">Horaires .</font><br>



Quel intérêt d'utiliser CSS pour écrire des horreurs pareilles ?


--
Hervé
Avatar
Phil
Salut et merci de ta réponse

J'ai trouvé la solution

Simplement en fonction de la variable passée je modifie la classe frame

<?
if ($variable3=="horaire")
{
echo "table
{
border-style:solid;
border-width:1px;
border-color:black;
border-collapse:collapse;
width:100%;
font-size: 20px;
}";
}
else
{
echo "
table {
border-style:solid;
border-width:1px;
border-color:black;
border-collapse:collapse;
width:100%;
font-size: 10px;
}";
}
?>

Ces règles pour le BODY me paraissent inutiles.

> echo "<div align="center"><font color="#ffff00">Horaires


.</font><br>

Quel intérêt d'utiliser CSS pour écrire des horreurs pareilles ?


Tout simplement j'ai besoin d'une couleur particulière uniquement à cet
endroit là



a+

phil







"Hervé" a écrit dans le message de
news:40b08b1d$0$13928$
Phil a écrit :
> Le pb est que je définis font-size à 12px et quelle que soit la valeur


en
> px, les données du tableau s'affichent toujours pareil

Tu indiques une taille de 10px pour l'élément TABLE, et je ne sais pas
si tu utilise dans ce tableau les classes .frame ou .bas qui ont une
taille de 12px.

> mais si je mets du texte la taille change en fonction des px (ce qui est
> normal)

Oui c'est la classe frame qui joue.

> ci joint mon fichier pour une âme charitable... Merci d'avance du coup


de
> main

J'ai eu du mal à y voir clair mais déjà...

> position: absolute;
> width: 100%;
> height: 100%;

Ces règles pour le BODY me paraissent inutiles.

> echo "<div align="center"><font color="#ffff00">Horaires


.</font><br>

Quel intérêt d'utiliser CSS pour écrire des horreurs pareilles ?


--
Hervé
Avatar
Hervé
Phil a écrit :
echo "<div align="center"><font color="#ffff00">Horaires





.</font><br>

Quel intérêt d'utiliser CSS pour écrire des horreurs pareilles ?



Tout simplement j'ai besoin d'une couleur particulière uniquement à cet
endroit là



Heu je viens de comprendre que c'est le titre du tableau. Dans ce cas,
c'est l'élément caption qu'il te faut. Exemple :

<table summary="Horaires">
<caption>Horaires</caption>
<thead>
<tr>
<th>lundi</th>
<th>mardi</th>
</tr>
</thead>
<tbody>
<tr>
<td>9 h 30</td>
<td>9 h 00</td>
</tr>
</tbody>
</table>

et bien sûr la CSS :

caption {
color: #ffff00;
text-align: center;
}

Oui 9 h 30, c'est dur le lundi matin ;-)

--
Hervé
Avatar
Phil
On peut aussi faire comme ça mais bon allons au plus rapide...

a+
phil
"Hervé" a écrit dans le message de
news:40b091d3$0$19644$
Phil a écrit :
>>>echo "<div align="center"><font color="#ffff00">Horaires
>
> .</font><br>
>
>>Quel intérêt d'utiliser CSS pour écrire des horreurs pareilles ?
>
> Tout simplement j'ai besoin d'une couleur particulière uniquement à cet
> endroit là

Heu je viens de comprendre que c'est le titre du tableau. Dans ce cas,
c'est l'élément caption qu'il te faut. Exemple :

<table summary="Horaires">
<caption>Horaires</caption>
<thead>
<tr>
<th>lundi</th>
<th>mardi</th>
</tr>
</thead>
<tbody>
<tr>
<td>9 h 30</td>
<td>9 h 00</td>
</tr>
</tbody>
</table>

et bien sûr la CSS :

caption {
color: #ffff00;
text-align: center;
}

Oui 9 h 30, c'est dur le lundi matin ;-)

--
Hervé