CSS pour un tableau dans du XHTML

**darkterreur** · 14/06/2010, 00h14

Bonjour,
je me permet d'ecrire ici car je désire réaliser un tableau d'une seul cellule qui me permet d'afficher un nombre.
Le probleme est que je n'arrive pas a appliquer du css sans avoir recourt a une feuille appart.
Je désire que l'intégralité soit fais dans le code html, le but premier est evidement de realiser un rectangle ou mon nombre apparait dedans.

voici mon ectrait de code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
echo "nombre de visite !! <br/>";
	//on affiche le nombre de visite total
	echo "
		<table border='1'>
			<tr>
				".$nb_visit."
			</tr>
		</table>
		";
?>

Merci d'avance pour votre aide
bonne soirée

**Eric2a** · 14/06/2010, 01h26

Salut,

Envoyé par darktererur

je désire réaliser un tableau d'une seul cellule

Je te propose quelque chose de plus simple : L'utilisation de <div>

Envoyé par darktererur

je n'arrive pas a appliquer du css sans avoir recourt a une feuille appart.

Nous définissons la classe "visites" avec le style voulu entre les balises <head> et </head>.

Exemple "à l'arrache". À adapter bien-sûr

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style type="text/css"><!--
.visites {
display:block;
text-align:center; /* Texte centré */
margin:0px; /* Pas de marges exterieurs */
padding:4px; /* marges interieurs */
width:128px; /* 128 pixels de largeur */
height:24px; /* 24 pixels de hauteur */
border:1px #000 solid; /* bordure noir d' un pixel */
}
-->
</style>

Et dans le corps (entre <body> et </body>) de la page...

Code php :

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

1
2
3
echo "nombre de visite !! <br/>";
//on affiche le nombre de visite total
echo '<div class="visites">'.$nb_visit."</div>\n";

**devyan** · 14/06/2010, 11h43

Bonjour,

Il manque un niveau d'élément dans ta table TABLE/TR/TD

**darkterreur** · 14/06/2010, 16h32

merci a vous deux pour vos repponse

effectivement devyan cela fonctionne.

Eric2a je suis intrigué par ta réponse, je comprend se que tu fait tu déclare une div au-quelle tu donne des propriété dans le < head >.
seulement dans ma page je ne dispose que de balise php, elle est donc créer afin d'être appeler par un include dans une page ou il y a un < head >, un < body >
donc pour que ma page soit facilement utilisable je dois y mettre le design directement dans le php. Bien que ta méthode soit très intéressante.

Est t'il possible de donner une taille plus grande que le nombre que j'affiche, a la case de mon tableau?

merci d'avance pour vos réponses.

**Eric2a** · 15/06/2010, 00h53

Envoyé par darktererur

je suis intrigué par ta réponse...

Le pire c'est que (n'ayant même pas vu le <td> manquant) j'étais content de moi

Envoyé par darktererur

Est t'il possible de donner une taille plus grande que le nombre que j'affiche, a la case de mon tableau ?

Avec les attributs width, cellspacing et cellpadding.

**darkterreur** · 15/06/2010, 11h32

Merci Merci
j'ai tester quelque possibilité et je me retrouve avec ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
echo "
		<table border='5 solid black' width='100' text-align='center'>
			<tr >
				<td >
					".$nb_visit."
				</td>
			</tr>
		</table>
		";
?>

bon centrer mon chiffre ne fonctionne pas
et je me retrouve avec un cadre en 3d je ne sais pas d'ou il sort
j'ai tester de copier/coller la ligne de css dans le < tr > et dans le < td > sans résultat.

Merci d'avance pour vos informations

CSS pour un tableau dans du XHTML

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager