Problème XHTML/CSS

Problème XHTML/CSS - HTML/CSS - Programmation

Marsh Posté le 13-02-2005 à 22:08:06    

bonsoir j'ai un petit problème avec un menu, j'aimerai qu'il soit placé a gauche en dessous de image1+com... en xhtml. Une idée? le float:left; n'y fait rien...
http://galaxia.jeunz.com/test/index.html


Message édité par galaxia le 14-02-2005 à 21:56:18
Reply

Marsh Posté le 13-02-2005 à 22:08:06   

Reply

Marsh Posté le 13-02-2005 à 22:14:44    

de meme pour mettre le block_geo aligné au top du block spiderman...

Reply

Marsh Posté le 13-02-2005 à 22:43:39    

pour le block geo j'ai trouvé mais tjs pas pour le menu...

Reply

Marsh Posté le 13-02-2005 à 23:12:07    

Ben y'a pas mal de blocs en flottant avant, je sais pas si c'est normal/voulu (enfin en tout cas inutile pour #menu_barre)
 
Bref, on rappelle que les flottants "sortent du flux normal" c'est à dire qu'ils n'ont pas d'influence sur le reste de la page, comme s'ils n'étaient pas là et donc ton menu se met un peu où il veut.
 
Je pense que tu devrais utiliser des DIV pour matérialiser les différents empilements verticaux.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 13-02-2005 à 23:23:29    

J'ai utilisé les float car je ne connait pas trop les autres méthodes de positionnement... pour les div c'est dans le fichier html donc? Et avez vous des exemples?

Reply

Marsh Posté le 14-02-2005 à 00:20:30    

Ben par défaut les DIV s'empilent les uns sur les autres, donc autant utiliser cette propriété un maximum pour les blocs qui doivent avoir ce résultat final : pour ton header, ton menu horizontal et puis pour le contenu principal.
 
Après dans chaque DIV tu regardes comment doivent s'agencer les autres blocs. Si tu dois avoir 2 colonnes alors il faut mettre un des 2 DIV qui formeront les colonnes en flottant (afin de les mettre cote à cote)
 
Il faut regarder chaque DIV englobant comme un problème simple dont l'organisation interne ne dépend pas du reste de la page.
 
Mais bon là je peux pas trop t'en dire plus parce que je vois pas ce que tu veux faire, quel est le résultat final que tu souhaites.


Message édité par gm_superstar le 14-02-2005 à 00:22:09

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 14-02-2005 à 10:49:14    

en fait la je fait les block pour pouvoir ensuite intégrer le design. Donc il y a le header en haut=> bannière, la barre horizontale sera une barre de menu, ensuite spiderman sera un block pour pouvoir mettre une image de taille moyenne et les 3 petits blocks en dessous=>3 petites images avec commentaires, le bock geo sera un block membre, ensuite en dessou des trois petites images j'aimerai mettre le menu mais comme je l'ai mis en float il vien buter contre la bordure d'un block donc ne se met pas totalement a gauche du site, le block news j'aimerai le mettre à droite du block menu aligné au top du menu.
Voila voila...


Message édité par galaxia le 14-02-2005 à 10:52:50
Reply

Marsh Posté le 14-02-2005 à 10:52:22    

Beaucoup de div dans ta page ;) C'est un peu difficile de voir sans les images :/

Reply

Marsh Posté le 14-02-2005 à 10:59:44    

j'ai colorié les cases si ca peut vous aider...

Reply

Marsh Posté le 14-02-2005 à 12:26:34    

Je vois là un comportement normal étant donné que tu utilise float:left
 
Description de float:

Citation :

float:valeur;
Pour valeur noter une des valeurs suivantes:
left = L'élément se trouve à gauche et sera entouré par la droite des éléments qui le suivent.


 
Sinon, j'ai remarqué ça (ligne 3)

Code :
  1. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><League Xbox></title>


 
pas top en XHTML :p
 
à remplacer par :

Code :
  1. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
  2. <title>&lt;League Xbox&gt;</title>


Message édité par Bidem le 14-02-2005 à 13:41:41
Reply

Marsh Posté le 14-02-2005 à 12:26:34   

Reply

Marsh Posté le 14-02-2005 à 16:30:55    

il faut que je place mes menus avec les marge? margin-top, margin-left....
Et on me dit qu'il y a beaucoup de div mais je ne voi pas comment faire pour qu'il y en ait moins...


Message édité par galaxia le 14-02-2005 à 16:31:30
Reply

Marsh Posté le 14-02-2005 à 17:38:15    

Alors du coup j'ai enlevé tout les float j'ai compris pas mal de trucs mais je ne sais pas comment placer un bloc non pas en dessous d'un autre mais a sa droite: à la suite quoi.
exemple:  
non pas  
@
@
mais @@
Voila merci


Message édité par galaxia le 14-02-2005 à 17:39:29
Reply

Marsh Posté le 14-02-2005 à 21:29:38    

j'ai fini par trouver :)

Reply

Marsh Posté le 14-02-2005 à 21:48:45    

bon maintenant c'est pour le #total, j'ai mis height:auto; afin d'avoir le cadre du site avec une couleur de fond, mais sous firefox on ne voit pas la couleur de fond mais la texture de fond du site... Le code a l'air bon...
Quelqu'un a une idée?

Reply

Marsh Posté le 15-02-2005 à 00:38:51    

up

Reply

Sujets relatifs:

Leave a Replay

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