Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1850 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionnement de blocs et de menus

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Positionnement de blocs et de menus

n°1433415
tyrael4
Posté le 29-08-2006 à 21:39:52  profilanswer
 

Bonjour,
 
J'essai de faire un site avec à gauche des menus positionnés les uns sous les autres et à droite le contenu.
En gros j'essai d'appliquer ca :
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_float/annexes/ex15.gif
 
Quand il n'y a que un seul menu ca marche bien mais quand on essai d'en mettre plusieurs les uns en dessous des autres toujours le long du contenu ca ne marche plus : les menus s'aligne horizontalement et depasse sur le contenu...
J'ai essayé d'utiliser la propriété clear: left; et clear: both; cela place effectivement les menus comme il faut mais les div du contenu sont completement chamboulés.
 
Merci de m'aider  :hello:

mood
Publicité
Posté le 29-08-2006 à 21:39:52  profilanswer
 

n°1433427
nargy
Posté le 29-08-2006 à 21:57:08  profilanswer
 

<table><tr><td>
<div>Texte</div>
</td><td>
<div>Menu</div>
</td></tr></table>

n°1433461
tyrael4
Posté le 29-08-2006 à 23:56:02  profilanswer
 

Arf je veux dire en respectant les normes w3c..
Donc pas de tableau à part pour présenter des données tabulaires.
 
Je suis sur qu'il est possible de s'en tirer autrement..... :p

n°1433470
gatsu35
Blablaté par Harko
Posté le 30-08-2006 à 01:27:38  profilanswer
 

pour les menus à droite c'est simple
tu fais un block en float:right
et tu fous tous les menus dedans

n°1433578
nargy
Posté le 30-08-2006 à 10:36:45  profilanswer
 

Citation :


Donc pas de tableau à part pour présenter des données tabulaires.


Si tu as besoin de deux colonnes... c'est que ce sont des données tabulaires.

n°1433587
gatsu35
Blablaté par Harko
Posté le 30-08-2006 à 10:47:52  profilanswer
 

nargy a écrit :

Citation :


Donc pas de tableau à part pour présenter des données tabulaires.


Si tu as besoin de deux colonnes... c'est que ce sont des données tabulaires.


 
Putain pour la mise en page NON bordel de merde :fou:
 
Ce n'est pas parce que ce sont deux colonnes que ce sont données tabulaires :fou:

n°1433625
tyrael4
Posté le 30-08-2006 à 11:49:28  profilanswer
 

En gros ce que tu veux dire Gatsu35, c'est au lieu d'essayé de faire ca :
http://js2c.stock.free.fr/Photos/present1_bloc.jpg
 
Faire plutot ca :
http://js2c.stock.free.fr/Photos/present2_bloc.jpg
 
?  :hello:

n°1433643
mIRROR
Chevreuillobolchévik
Posté le 30-08-2006 à 12:18:07  profilanswer
 

gatsu35 a écrit :

Putain pour la mise en page NON bordel de merde :fou:
 
Ce n'est pas parce que ce sont deux colonnes que ce sont données tabulaires :fou:


 
 
mais le contredit pas nargy c ets un VRAI webdeveloper [:pingouino]

n°1433644
chani_t
From Dune
Posté le 30-08-2006 à 12:23:17  profilanswer
 

mIRROR a écrit :

mais le contredit pas nargy c ets un VRAI webdeveloper [:pingouino]


 
Ba ceci dit, je fais comme gatsu, à savoir du css pour le mise en page. En plus la c'est quand même relativement simple (quand on voit ce qu'on arrive à faire avec les css :love:  :ouch: )

n°1433652
tyrael4
Posté le 30-08-2006 à 13:05:11  profilanswer
 

SVP vous lancer pas dans un débat anciennes conception web et nouvelle avec css xml etc..  :pt1cable:  
 
Sinon pour mes schema que je me suis fait chier à faire, vous pensez que c'est la bonne solution ??

mood
Publicité
Posté le 30-08-2006 à 13:05:11  profilanswer
 

n°1433658
chani_t
From Dune
Posté le 30-08-2006 à 13:16:13  profilanswer
 

ba je partirais pour le premier de tes deux schémas.
 
si tu as suivis l'exemple, tes menus ne sont pas positionnés. Tu peux les contraindre en relatif. (et pis si ça passe pas en relatif test l'absolu)

n°1433680
tyrael4
Posté le 30-08-2006 à 13:32:52  profilanswer
 

Tu veux dire mettre position: relative; pour pouvoir le deplacer avec des bottom: Xpx; etc ?
Parce que la, en gros ce que j'ai testé c'est :
-Mettre des clear: left; ou clear: both;
Résultat: les menus sont bien placés, le cadre du contenu reste comme il faut mais les div du texte et des images du contenu partent n'importe comment (je ne sais pas d'où vient l'interaction entre ces div et les clear de mes blocs menus).
 
- placer les menus seulement avec des float: left; ce qui les alignent horizontalement puis de les replacer comme il faut avec des position: relative.
Résultat: les menus sont bien placés, le cadre du contenu reste comme il faut mais les div du contenu qui se trouvent à l'endroit où devraient etre les menus sans le dellage avec position: relative; sont décallés comme si les "fantômes" des menus restaient à l'endroit où ils étaient sans les position: relative; et top: Xpx et right: Xpx;....

n°1433701
chani_t
From Dune
Posté le 30-08-2006 à 13:52:25  profilanswer
 

ba comme je t'ais dis, je commencerais par tester en mettant en postion relative.
 
Le premier menu right : 1em;
Le deuxième menu top : 1em; (mais ej t'avoue que je "travail" par tatonnement successif donc comme ça sans tester je vais avoir du mal).
 
Sinon si ça ne marche pas tu les place en absolu, et la tu es sur de ton placement.
 
EDIt : par contre le site est moins souple dans sa mise en page.


Message édité par chani_t le 30-08-2006 à 13:52:50
n°1433733
tyrael4
Posté le 30-08-2006 à 14:38:48  profilanswer
 

ok ca y est c'est bon j'ai trouver une solution en simplifiant un peu mon code etc et au final ca marche. Merci pour toutes vos idées :jap:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionnement de blocs et de menus

 

Sujets relatifs
[CSS]Pb IE : d'affichage, positionnement + Pb z-indexpositionnement graphique
CSS positionnement des boxproblème de positionnement d'images
Bug menus Windowsprobleme avec des menus deroulants
Génération de menus dynamiques et habilitationsPositionnement dans un div
positionnement 
Plus de sujets relatifs à : Positionnement de blocs et de menus


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR