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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème XHTML/CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème XHTML/CSS

n°980467
galaxia
Posté le 13-02-2005 à 22:08:06  profilanswer
 

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
mood
Publicité
Posté le 13-02-2005 à 22:08:06  profilanswer
 

n°980473
galaxia
Posté le 13-02-2005 à 22:14:44  profilanswer
 

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

n°980499
galaxia
Posté le 13-02-2005 à 22:43:39  profilanswer
 

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

n°980547
gm_superst​ar
Appelez-moi Super
Posté le 13-02-2005 à 23:12:07  profilanswer
 

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
n°980562
galaxia
Posté le 13-02-2005 à 23:23:29  profilanswer
 

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?

n°980604
gm_superst​ar
Appelez-moi Super
Posté le 14-02-2005 à 00:20:30  profilanswer
 

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
n°980750
galaxia
Posté le 14-02-2005 à 10:49:14  profilanswer
 

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
n°980752
FlorentG
Posté le 14-02-2005 à 10:52:22  profilanswer
 

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

n°980757
galaxia
Posté le 14-02-2005 à 10:59:44  profilanswer
 

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

n°980897
Bidem
Posté le 14-02-2005 à 12:26:34  profilanswer
 

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
mood
Publicité
Posté le 14-02-2005 à 12:26:34  profilanswer
 

n°981218
galaxia
Posté le 14-02-2005 à 16:30:55  profilanswer
 

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
n°981308
galaxia
Posté le 14-02-2005 à 17:38:15  profilanswer
 

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
n°981581
galaxia
Posté le 14-02-2005 à 21:29:38  profilanswer
 

j'ai fini par trouver :)

n°981606
galaxia
Posté le 14-02-2005 à 21:48:45  profilanswer
 

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?

n°981783
galaxia
Posté le 15-02-2005 à 00:38:51  profilanswer
 

up


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

  Problème XHTML/CSS

 

Sujets relatifs
Probleme CSS/XHTML.Probleme div xHTML/CSS Firefox IE6
[ XHTML et CSS ] Problème d'overflow: auto...[XHTML / CSS] problème d'alignement horizontal [Résolu]
[XHTML][CSS] Probleme d'intentation dans un div[ CSS / XHTML ] Probleme sous IE :-(
[XHTML, CSS] Problème validation CSS en XHTML[ XHTML / CSS ] Probleme incomprehensible
Encore un problème lié aux CSS... (XHTML inside)[XHTML 1.1 + CSS] Problème dans un tablo.
Plus de sujets relatifs à : Problème XHTML/CSS


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