Tableau a trois ligne problème de taille
louseb84
-
louseb84 -
louseb84 -
Bonjour,
Salut a tous
je suis moi même entrain d'essayer de personnaliser un peu un site internet que je viens de créer avec l'aide d'un java script du non de picsengine qui est un logiciel de présentation et de diaporama de photographie.
je chercher le moyen de faire en sorte que le site prenne toute la page et ce pour n'importe quel résolution et navigateur.
j'ai lu ici que la meilleur solution était de créer un tableau a 100% de largeur et de hauteur. je souhaite mettre une en-tête, une partie central (où j'intégrerais picsengine) et un pied de page.
problème, impossible pour moi d'arriver a faire en sorte que l'en-tête fasse 5%, la partie central 90% et le pied de page 5%. je me retrouve avec un tableau a trois ligne bloquer contre le bord supérieur et qui me colle un scroll horizontal dès que je met un peu trop de texte dedans.
le dossier html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="5%"><p>ghsjfghdskjgfhsdjghejghdsjkghsjkghjkghlksghkghjklghnsghjkrghlkshghgsqjkghsqjklgjkghsqjkgsjkghrjkfghqgkjhqjkghrgqkjghkjhgkjsqdhgjkqshgkjsqghqkjghsqkjgsjkghqkjghqkjghjskghqkjghkjghskjqghqguiruhgjkrhgiurehgrehgjkghiurhrjgkhgjkhnruigreghjksgnuirghrgkjghruighkjghjgkhruieghrkjgfdsjkghreuighkjdhnjfkghriukjghrkjehgjrkghruieghrqekjghnkjghuirkhgkjhgerukjghregqklgjhreqkughriughkjghreiughrqkjgreqhgkjregiureqgghrkjeqghreqiugreqhlgkjqhgjrehgureqiogkhqgjrehgruielghrej</p>
</td>
</tr>
<tr>
<td width="100%" height="90%"><p>ghsjfghdskjgfhsdjghejghdsjkghsjkghjkghlksghkghjklghnsghjkrghlkshghgsqjkghsqjklgjkghsqjkgsjkghrjkfghqgkjhqjkghrgqkjghkjhgkjsqdhgjkqshgkjsqghqkjghsqkjgsjkghqkjghqkjghjskghqkjghkjghskjqghqguiruhgjkrhgiurehgrehgjkghiurhrjgkhgjkhnruigreghjksgnuirghrgkjghruighkjghjgkhruieghrkjgfdsjkghreuighkjdhnjfkghriukjghrkjehgjrkghruieghrqekjghnkjghuirkhgkjhgerukjghregqklgjhreqkughriughkjghreiughrqkjgreqhgkjregiureqgghrkjeqghreqiugreqhlgkjqhgjrehgureqiogkhqgjrehgruielghrej</p>
</td>
</tr>
<tr>
<td width="100%" height="5%"> </td>
</tr>
</table>
</body>
</html>
merci de bien vouloir m'expliquer où est ce que je me plante......!!!
Sébastien
Salut a tous
je suis moi même entrain d'essayer de personnaliser un peu un site internet que je viens de créer avec l'aide d'un java script du non de picsengine qui est un logiciel de présentation et de diaporama de photographie.
je chercher le moyen de faire en sorte que le site prenne toute la page et ce pour n'importe quel résolution et navigateur.
j'ai lu ici que la meilleur solution était de créer un tableau a 100% de largeur et de hauteur. je souhaite mettre une en-tête, une partie central (où j'intégrerais picsengine) et un pied de page.
problème, impossible pour moi d'arriver a faire en sorte que l'en-tête fasse 5%, la partie central 90% et le pied de page 5%. je me retrouve avec un tableau a trois ligne bloquer contre le bord supérieur et qui me colle un scroll horizontal dès que je met un peu trop de texte dedans.
le dossier html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="5%"><p>ghsjfghdskjgfhsdjghejghdsjkghsjkghjkghlksghkghjklghnsghjkrghlkshghgsqjkghsqjklgjkghsqjkgsjkghrjkfghqgkjhqjkghrgqkjghkjhgkjsqdhgjkqshgkjsqghqkjghsqkjgsjkghqkjghqkjghjskghqkjghkjghskjqghqguiruhgjkrhgiurehgrehgjkghiurhrjgkhgjkhnruigreghjksgnuirghrgkjghruighkjghjgkhruieghrkjgfdsjkghreuighkjdhnjfkghriukjghrkjehgjrkghruieghrqekjghnkjghuirkhgkjhgerukjghregqklgjhreqkughriughkjghreiughrqkjgreqhgkjregiureqgghrkjeqghreqiugreqhlgkjqhgjrehgureqiogkhqgjrehgruielghrej</p>
</td>
</tr>
<tr>
<td width="100%" height="90%"><p>ghsjfghdskjgfhsdjghejghdsjkghsjkghjkghlksghkghjklghnsghjkrghlkshghgsqjkghsqjklgjkghsqjkgsjkghrjkfghqgkjhqjkghrgqkjghkjhgkjsqdhgjkqshgkjsqghqkjghsqkjgsjkghqkjghqkjghjskghqkjghkjghskjqghqguiruhgjkrhgiurehgrehgjkghiurhrjgkhgjkhnruigreghjksgnuirghrgkjghruighkjghjgkhruieghrkjgfdsjkghreuighkjdhnjfkghriukjghrkjehgjrkghruieghrqekjghnkjghuirkhgkjhgerukjghregqklgjhreqkughriughkjghreiughrqkjgreqhgkjregiureqgghrkjeqghreqiugreqhlgkjqhgjrehgureqiogkhqgjrehgruielghrej</p>
</td>
</tr>
<tr>
<td width="100%" height="5%"> </td>
</tr>
</table>
</body>
</html>
merci de bien vouloir m'expliquer où est ce que je me plante......!!!
Sébastien
A voir également:
- Tableau a trois ligne problème de taille
- Comment réduire la taille d'un fichier - Guide
- Tableau word - Guide
- Partage de photos en ligne - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
4 réponses
Oh my god utilise des divs pas des tableaux ^^
<body>
<div class="header"></div>
<div class="corps"></div>
<div class="pied_de_page"></div>
</body>
..............................;
le css :
.header {
width :100%;
height : 200px;
background : yellow;
}
.corps{
width :100%;
height : 500px;
background : pink;
}
.pied_de_page{
width :100%;
height : 150px;
background : red;
}
.....................................................................;
C'est beaucoup plus propres plus souples et plus euhhhhh normal ^^
<body>
<div class="header"></div>
<div class="corps"></div>
<div class="pied_de_page"></div>
</body>
..............................;
le css :
.header {
width :100%;
height : 200px;
background : yellow;
}
.corps{
width :100%;
height : 500px;
background : pink;
}
.pied_de_page{
width :100%;
height : 150px;
background : red;
}
.....................................................................;
C'est beaucoup plus propres plus souples et plus euhhhhh normal ^^
merci samy je vais essayer ça.
mais en mettant des px pour la hauteur, je vais me retrouver avec une page pas pleine ou avec un scroll vertical non...????
je pensais qu'il fallait seulement travailler en pourcentage lorsque l'on voulait que la page internet s'adapte a toutes les résolutions.....!!!!!!
mais en mettant des px pour la hauteur, je vais me retrouver avec une page pas pleine ou avec un scroll vertical non...????
je pensais qu'il fallait seulement travailler en pourcentage lorsque l'on voulait que la page internet s'adapte a toutes les résolutions.....!!!!!!
Je comprend pas vraiment tu veux faire un script avec des images au milieu, donc les images auront une taille prédéfinis ? donc pourquoi pas faire la hauteur par rapport a la taille de l'image (a moins que tu retaille les image en fonction de la resolution avec un javascript+librairy GD (ce qui rame je te l'avoue) )
sinon un div s'agrandirai en fonction de ce qu'il y a a l'interieur, fais des test et tu verra le resultat
sinon un div s'agrandirai en fonction de ce qu'il y a a l'interieur, fais des test et tu verra le resultat
Ben en faite le bute est de faire une en-tête avec une bannière (image a grosse résolution) afin quel supporte les plus grosse résolution sans broncher, la partie central (picsngine ce charge de redimensionné tous son scripte) et un pied de page avec un lecteur et quelques lien.
un site avec picsengine qui correspond a ce que je veut faire:
http://www.click-on-babs.com/fr/
P.S: j'ai essayer les script que tu ma donner, sa marche nikel mais un scroll vertical apparait. j'ai essayer en onnant des valeurs en % pour la hauteur et plus rien ne s'affiche....... :(
encore merci
Sébastien
un site avec picsengine qui correspond a ce que je veut faire:
http://www.click-on-babs.com/fr/
P.S: j'ai essayer les script que tu ma donner, sa marche nikel mais un scroll vertical apparait. j'ai essayer en onnant des valeurs en % pour la hauteur et plus rien ne s'affiche....... :(
encore merci
Sébastien
ben en faite le bute est de faire une en-tête avec une bannière (image a grosse résolution) afin quel supporte les plus grosse résolution sans broncher, la partie central (picsngine ce charge de redimensionné tous son scripte) et un pied de page avec un lecteur et quelques lien.
un site avec picsengine qui correspond a ce que je veut faire:
http://www.click-on-babs.com/fr/
P.S: j'ai essayer les script que tu ma donner, sa marche nikel mais un scroll vertical apparait. j'ai essayer en onnant des valeurs en % pour la hauteur et plus rien ne s'affiche....... :(
encore merci
Sébastien
un site avec picsengine qui correspond a ce que je veut faire:
http://www.click-on-babs.com/fr/
P.S: j'ai essayer les script que tu ma donner, sa marche nikel mais un scroll vertical apparait. j'ai essayer en onnant des valeurs en % pour la hauteur et plus rien ne s'affiche....... :(
encore merci
Sébastien