Probleme avec tableaux, demande d'aide aux spécialistes!

Probleme avec tableaux, demande d'aide aux spécialistes! - HTML/CSS - Programmation

Marsh Posté le 07-06-2005 à 15:44:51    

Bon alors voila j'ai un gros probleme avec mon site Internet.
 
Mon site est sous forme de tableau, et un tableau de cette forme la:
 
/C /------------------/
/E /    CELLULE 2     /   CELLULE 1 [MENU]    : longueur = 150 pixels
/L /------------------/   CELLULE 2 [TITRE]   : hauteur  = 140 pixels
/L /C/                /   CELLULE 3 [GOUTIERE]: longeur  = 26 pixels et hauteur 100%
/U /E/                /   CELLULE 4 [CONTENU] : longueur = 526 pixels
/L /L/                /
/E /U/    CELLULE 4   /
/  /L/                /
/1 /E/                /
/  /3/                /
/--/-/----------------/
 
-La hauteur du tableau est de 100% et la longueur de 702 pixels.
-J'ai mis la cellule 3 a 100% en hauteur pour esseyer de "bloquer"
la cellule 2 (le titre) pour quelle respecte ses 140 pixels alloués.
 
Et le probleme est le suivant : La cellule 2 à une taille aléatoire,
vous pouvez aller voir le probleme sur le lien ci dessous j'ai mis
en background vert la cellule 2.  
http://manovski.free.fr/temp/Proposition%204/test.php
 
La cellule 2 fait donc bien plus que 140 pixels de haut, elle prend
la taille qu'elle veut en fait.
 
Pouvez vous m'aider ? :(  :(
 
Merci :)

Reply

Marsh Posté le 07-06-2005 à 15:44:51   

Reply

Marsh Posté le 07-06-2005 à 15:48:32    

la mise en page avec des tableaux, c'est très très mal...:o


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 07-06-2005 à 15:51:15    

skeye a écrit :

la mise en page avec des tableaux, c'est très très mal...:o


 
très très très très mal....


---------------
!== Force et honneur ==!
Reply

Marsh Posté le 07-06-2005 à 15:52:01    

tu préconise quoi comme solution de mise en page ?

Reply

Marsh Posté le 07-06-2005 à 15:54:02    

dustnet a écrit :

tu préconise quoi comme solution de mise en page ?


CSS uniquement.


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 07-06-2005 à 15:54:14    

Les css


---------------
!== Force et honneur ==!
Reply

Marsh Posté le 07-06-2005 à 15:57:53    

css :o  

Reply

Marsh Posté le 07-06-2005 à 15:58:15    

Pouvez vous m'expliquer un peu la démarche de mise en page en CSS ?  
 
car ce que je connais des css c simplement pour faire des classes pour  
enregistrer une mise en forme pour un texte, définir pour les <TD> sont  
tous valign='top par exemple...etc...mais je ne connais pas du tout la
mise en forme de page....

Reply

Marsh Posté le 07-06-2005 à 15:59:16    

tableaux : :non: :pouah:

Reply

Marsh Posté le 07-06-2005 à 15:59:25    

http://openweb.eu.org/css/
 
Commence par les 3 articles appelés "Initiation au positionnement CSS".


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 07-06-2005 à 15:59:25   

Reply

Marsh Posté le 07-06-2005 à 15:59:59    

ma signature :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-06-2005 à 16:00:38    

Ok, jy go

Reply

Marsh Posté le 07-06-2005 à 16:57:21    

Je vais potasser ces cours cette semaine.
 
Sinon, pour faire une mise en forme en css comme celle que  
j'ai fais sous forme de tableau, vous avez une idée de ce  
a quoi pourrait ressembler le code du .css ?
 
Merci beaucoup pour vos conseils en tt cas.

Reply

Marsh Posté le 07-06-2005 à 21:06:18    

Apporte déjà une première ébauche de ton code CSS, on t'aidera à y voir plus clair et à l'améliorer.

Reply

Marsh Posté le 08-06-2005 à 09:28:04    

Alors voila, en regardant les différents exemples et en testant, je suis arrivé a cela :
 
.menu {
  margin:0;
  position: absolute;
  top: 0;
  left: 0;
  width: 150;
  height: 100%;
  background-image:url(Fond/Fond_site.png);
}
.titre {
margin:0;
  position: absolute;
  top: 0;
  left: 150;
  width: 552;
  height: 140;
}
.contenu {
  position: absolute;
  top: 150;
  left: 170;
  width: 532;
  height: 100%;
  background-color:#FFCC00;
}
 
 
Donc j'ai testé et ca marche, j'ai simplement un bug, c que
j'ai défini le menu comme etant de hauteur 100% et j'ai mis
une image en background, mais cette image ne va pas juqu'au bout
et la hauteur de la fenetre est immense, c'est a dire que j'ai
une barre de scroll a droite....pouvez vous m'aider ?? :)  
 
(j'ai mis le contenu en couleur pour voir ou il se positionne, c tout)
 
Merci.

Reply

Marsh Posté le 08-06-2005 à 12:58:28    

avoir une page d'exemple pour que l'on puisse voir en même temps la gueule que cela a se serait cool.
 
A part ça, je crois que ceci ( http://pompage.net/pompe/colonnesfactices/ ) pourrait résoudre ton problème d'image de fond. Mais bon c'est pas sur puisque je ne peux pas voir le problème. Un code CSS sans la page HTML auquel il est relié c'est un peu inutile.

Reply

Marsh Posté le 08-06-2005 à 15:02:34    

Reply

Marsh Posté le 08-06-2005 à 15:41:53    

Met un Doctype à ta page pour éviter le mode Quirks des navigateur. Cela ne résoudra peut être pas ton problème mais cela peut aider et c'est une bonne chose à faire.
 
Une liste de Doctype : http://www.w3.org/QA/2002/04/valid-dtd-list.html
 
Pour mieux comprendre ce dont je suis en train de parler :  
http://openweb.eu.org/articles/toi_comprendre_moi/
http://openweb.eu.org/articles/differentes_dtd/

Reply

Marsh Posté le 08-06-2005 à 16:14:38    

Heuuu oui mais j'utilise lequel ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed