Page 1 sur 1
probleme de position (relative, absolue) avec des tableaux !
Publié : 06 avr. 2007, 20:18
par gaou2
Salut à tous !!
je rencontre un soucis, j'ai un tableau (en contenant deux autres pour mon design), et j'ai voulu en faire un autre dessous, pour le positionner à l'intérieur du premier (contenant dans infos, etc ...) via "décalage" !!
mon probleme, c'est que ce ableau fait 300 px de haut, et malgrè le fait qu'il soi décalé dans le premier, j'ai quand même un espace de 300px qui reste en dessous qi la position est relative !!
J'ai fait plusieurs test pour voir comment enlever cet espace (vu que ma page doit se terminer sous le premier tableau); j'ai donc essayer avec position absolue, ce qui m'enleve l'espace, mais la par contre, j'ai l'impression que mon tableau passe en dessous du premier, (en deuxième plan, recouvert par le premier) !!
j'ai beau essayer de toucher d'autres boutons, rien à faire !! auriez-vous une idée ??
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)
Publié : 07 avr. 2007, 10:25
par Fabrice.Tres.Net
Un lien vers la page qui pose problème serait un plus pour illustrer tes dires!
Publié : 07 avr. 2007, 11:20
par chinon37
mon idée, c'est qu'il faut abandonner les tableaux sources de problèmes de mise en page récurrents (la preuve!) au profit d'une mise en page par conteneurs génériques <div>.
[mode répétition] les tableaux servent à présenter des données tabulaires. Te viendrait-il à l'idée d'écrire un courrier avec un tableur? la référence habituelle: alsacreations ne pas hésitez à fouiller ce site de fond en comble [/mode répétition]
Publié : 07 avr. 2007, 20:27
par gaou
ok, donc voilà donc ma page:
http://jesusisfantastik.free.fr/NewSite/index.php
celle-ci est faite avec des tableau
en voilà une que j'ai faite avec des div:
http://jesusisfantastik.free.fr/NewSite/accueil2.php
dans les deux cas, j'ai toujours ce foutu espace en dessous !!
la feuille css:
http://jesusisfantastik.free.fr/NewSite/JiFstyle.css
si vous trouvez, vous m'enleverez une sacré épine du pied !! merci à vous !!
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)
Publié : 07 avr. 2007, 20:34
par Ymai
Bonjour
Ceci est sans aucun rapport, mais...
http://www.geckozone.org/forum/viewtopic.php?t=52865 : le dernier post actuel signé de ma plume serait peut-être à voir.
Pour le reste, je ne puis qu'abonder dans le sens indiqué par Chinon.
Je jette toutefois un coup d'oeil dès que j'ai un moment.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Publié : 07 avr. 2007, 21:24
par gaou
bon, et bien voilà, j'ai trouvé, et c'était tout con (c'est toujours tout con ...) !!
C'est juste que j'avais fait des div séparés, alors qu'il aurait fallut que je les imbrique les uns dans les autres en fonction de mon design !! voilà, c'était pas plus compliqué !!
Publié : 08 avr. 2007, 00:20
par Ymai
Bonne nouvelle donc.
Mais ceci nous laisse quelque chose d'un peu bizarre: la page HTML contient plusieurs fois <body> et plusieurs <head>.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Publié : 08 avr. 2007, 00:28
par gaou
et bien effectivement, en regardant la source de la page index, je m'aperçoit de cela !!
alors qu'en fait, ma page index.php est hyper simple, il n'y a que 4 include, incluant la page "entete.php", "menu.php", "accueil.php", et "pied.php" !!
si tu regarde la source de l'index, tu verra que le code correspond à ces quatres pages, comme si je les avais mises l'une en dessous de l'autre, comme s'il m'avait ouvert les include direct dans la page !!
pourtant, "index.php":
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
lang="fr"><head><meta id="_moz_prolog"
content=""><?php?><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>.::Jesus is
Fantastik::.</title><meta content="DF" name="author"><link
media="screen" rel="stylesheet" href="JiFstyle.css"
type="text/css"></head>
<body><?php include("entete.php");
include("menu.php");
include("accueil.php");
include("pied.php");
?></body></html>
vraiment, je vois des choses bizarres dans ce logiciel !!
il arrive même que les includes se dupliquent (je me retrouve avec deux fois mes 4 includes écrits, je pige rien

il fait un peu ce qu'il veut !!
Publié : 08 avr. 2007, 08:28
par Ymai
Bonjour
Ah bien, alors c'est normal.
Si chaque include contient l'ensemble d'une page "normale", tout se reproduit sur la page composée.
Il faut donc nettoyer chacun des blocs "entete.php", "menu.php", "accueil.php" et "pied.php"; c'est-à-dire n'en conserver, au maximum, que ce qui est entre <body et </body>.
Seule la page "index.php" qui contient les autres sera munie d'un entête et d'une queue nomales.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Publié : 08 avr. 2007, 14:39
par gaou
ok, alors j'ai plusieurs questions:
dans le cas où j'ai une feuille de style incorporée dans l'un de ces fichiers (et vu que c'est entre <head>, ça peut poser probleme), comment est ce que l'on fait ?
il faut aussi enlever <html> ?
faut-il aussi mettre <body> ? j'ai essayé ce que tu mas dit (avec body) et j'arrive au même résultat, j'ai une page index compliqué en comparaison de ce que j'ai écrit !!
bon, dernière question, quel probleme se pose si je laisse ça comme c'était quand tu l'as vu, avec l'index rapportant le contenu des autres pages ??
Publié : 08 avr. 2007, 18:03
par Ymai
gaou a écrit :ok, alors j'ai plusieurs questions:
dans le cas où j'ai une feuille de style incorporée dans l'un de ces fichiers (et vu que c'est entre <head>, ça peut poser probleme), comment est ce que l'on fait ?
il faut aussi enlever <html> ?
Oui
faut-il aussi mettre <body> ?
Non.
Le code PHP va produire du HTML sur le serveur. Il faut donc s'imaginer ce qui va être produit et, mentalement, l'introduire dans la page HTML finale.
Donc,
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>
essai
</title>
</head>
<body>
<?php
echo "<h1>Ceci est le titre</h1>";
echo "Bonjour les gens";
?>
</body>
</html>
produira une page avec un titre de niveau 1 et une petite phrase.
On pourrait aussi mettre
Code : Tout sélectionner
<?php
echo "<h1>Ceci est le titre</h1>";
echo "Bonjour les gens";
?>
dans un petit fichier séparé. Disons "test.inc.php"
et, le code de la page serait alors
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>
essai
</title>
</head>
<body>
<?php
include ("test.inc.php");
?>
</body>
</html>
Le fichier inclus ne contenant rien d'autre que ce qui doit être inséré à l'endroit ad-hoc. Et le résultat final sera strictement identique au premier exemple, sans que l'utilisateur final puisse détecter quoi que ce soit.
j'ai essayé ce que tu mas dit (avec body) et j'arrive au même résultat, j'ai une page index compliqué en comparaison de ce que j'ai écrit !!
On peut voir?
bon, dernière question, quel probleme se pose si je laisse ça comme c'était quand tu l'as vu, avec l'index rapportant le contenu des autres pages ??
A priori, pour la majorité des utilisateurs: aucun souci, dans la mesure où leur navigateur n'est pas regardant et traduira en quelque chose de visible.
Il faudrait voir ce que ça donne pour les personnes qui utilisent des navigateurs plus pointilleux, ou les personnes handicapées qui utilisent un navigateur particulier (les aveugles, par exemple).
Déjà que les techniques Flash les excluent d'office (non lisible par un navigateur vocal), ce serait vraiment les reconduire à la porte avec fermeté. Dommage, quoi...
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3