probleme de position (relative, absolue) avec des tableaux !

gaou2 · Message par **gaou2** » 06 avr. 2007, 20:18

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)

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 07 avr. 2007, 10:25

Un lien vers la page qui pose problème serait un plus pour illustrer tes dires!

Message par **chinon37** » 07 avr. 2007, 11:20

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]

gaou · Message par **gaou** » 07 avr. 2007, 20:27

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)

Message par **Ymai** » 07 avr. 2007, 20:34

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

gaou · Message par **gaou** » 07 avr. 2007, 21:24

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é !!

Message par **Ymai** » 08 avr. 2007, 00:20

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

gaou · Message par **gaou** » 08 avr. 2007, 00:28

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 !!

Message par **Ymai** » 08 avr. 2007, 08:28

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

gaou · Message par **gaou** » 08 avr. 2007, 14:39

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 ??

Message par **Ymai** » 08 avr. 2007, 18:03

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

Geckozone

probleme de position (relative, absolue) avec des tableaux !

probleme de position (relative, absolue) avec des tableaux !

Qui est en ligne ?