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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme CSS/XHTML.

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme CSS/XHTML.

n°929001
ThE-GaMeR
Posté le 21-12-2004 à 11:24:59  profilanswer
 

Bonjour, je debute en CSS et en XHTML pour l'instant je n'ai fais qu'un site de test.
http://mr.elan.free.fr/index.htm
 
Avec Firefox en tout cas, le bloc de droite n'est pas au meme niveau que les blocs centrau et gauche.
Je n'arrive pas a corriger ce probleme.
Merci.   :)  
 
Voila le fichier CSS qui va avec: http://mr.elan.free.fr/style.css


Message édité par ThE-GaMeR le 22-12-2004 à 10:06:00
mood
Publicité
Posté le 21-12-2004 à 11:24:59  profilanswer
 

n°929008
FlorentG
Unité de Masse
Posté le 21-12-2004 à 11:28:34  profilanswer
 

Essaye en mettant genre la div#droite avant la div#centre


---------------
last.fmflickr
n°929030
ThE-GaMeR
Posté le 21-12-2004 à 11:38:52  profilanswer
 

Cool ca marche merci :love: !

n°929039
FlorentG
Unité de Masse
Posté le 21-12-2004 à 11:41:46  profilanswer
 

D'ailleurs si y'en a qu'on une autre solution, parce que d'un point de vue structurel je préfère en général avoir dans mon fichier XHTML d'abord le contenu, puis la partie de droite (en général des trucs qui se réfèrent au contenu), et enfin la partie de gauche (donc la navigation de manière générale aussi)... tout ça avec des floats.


---------------
last.fmflickr
n°929046
fastclemmy
ex-dictateur en plastique
Posté le 21-12-2004 à 11:46:36  profilanswer
 
n°929047
FlorentG
Unité de Masse
Posté le 21-12-2004 à 11:47:58  profilanswer
 

Oui, y'a cette solution, mais bon, faut rajouter 50 div... Du coup d'un point de vue structurel et sémantique, bof bof...


---------------
last.fmflickr
n°929069
ThE-GaMeR
Posté le 21-12-2004 à 12:14:37  profilanswer
 

Et autrement comment je peux faire pour centrer les elements du menu ?

n°929074
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 12:18:59  profilanswer
 

ThE-GaMeR a écrit :

Et autrement comment je peux faire pour centrer les elements du menu ?


Si ce sont des blocs :
 
margin-right: auto;
margin-left: auto;
 
 
Sinon si ces des éléments en-ligne (texte) :
 
text-align: center;  
 
sur le bloc parent


Message édité par gm_superstar le 21-12-2004 à 12:20:07

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°929076
ThE-GaMeR
Posté le 21-12-2004 à 12:22:44  profilanswer
 

En fait c'est une liste avec des liens.
Les <h3> j'arrive a les centrer avec text-align:center; mais pas les <a> (margin-right:auto; et margin-left:auto; ne change rien).
J'ai essaye de mettre text-align: center; au bloc "menu" ou "gauche" mais les liens <a> ne centrent pas.


Message édité par ThE-GaMeR le 21-12-2004 à 12:24:34
n°929079
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 12:25:20  profilanswer
 

FlorentG a écrit :

D'ailleurs si y'en a qu'on une autre solution, parce que d'un point de vue structurel je préfère en général avoir dans mon fichier XHTML d'abord le contenu, puis la partie de droite (en général des trucs qui se réfèrent au contenu), et enfin la partie de gauche (donc la navigation de manière générale aussi)... tout ça avec des floats.


Avec des flottants, à part les marges négatives, non.
 
Mais avec le positionnement absolu, on peut faire ça assez facilement.
 
 
Quoiqu'il en soit ça reste un peu du bricolage car il n'y a pas dans les CSS de système pour faire du multicolonnage de manière propre (à la base les flottants ne sont même pas faits pour ça)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 21-12-2004 à 12:25:20  profilanswer
 

n°929080
ThE-GaMeR
Posté le 21-12-2004 à 12:26:03  profilanswer
 

Ok donc je prefere garder les float pour l'instant. :)

n°929082
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 12:28:25  profilanswer
 

ThE-GaMeR a écrit :

En fait c'est une liste avec des liens.
Les <h3> j'arrive a les centrer avec text-align:center; mais pas les <a> (margin-right:auto; et margin-left:auto; ne change rien).
J'ai essaye de mettre text-align: center; au bloc "menu" ou "gauche" mais les liens <a> ne centrent pas.


Il faut appliquer text-align aux LI et faire en sorte que ceux-ci occupent toute la largeur


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°929085
ThE-GaMeR
Posté le 21-12-2004 à 12:30:00  profilanswer
 

J'ai mis ca mais il centre pas:
#menu li
{
text-align:center;
}

n°929106
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 13:03:24  profilanswer
 

Parce que tu n'as fait qu'une partie de ce que j'ai dit de faire.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°929110
ThE-GaMeR
Posté le 21-12-2004 à 13:07:14  profilanswer
 

Euh oui peut etre :)
Mais je ne comprends pas trop ce que tu veux dire par "faire en sorte que ceux-ci occupent toute la largeur"

n°929113
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 13:09:03  profilanswer
 

Ajoute une bordure à tes LI pour visualiser ce qui se passe.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°929121
ThE-GaMeR
Posté le 21-12-2004 à 13:18:35  profilanswer
 

Ah oui bizarrement la bordure va jusqua droite mais pas a gauche.

n°929123
gm_superst​ar
Appelez-moi Super
Posté le 21-12-2004 à 13:19:54  profilanswer
 

Non c'est pas bizarre car tu as fait ça avec une liste, et les items des listes sont toujours décalés vers la droite par défaut.
 
Donc il faut annuler ce décalage en ramenant à 0 le padding de UL.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°929441
ThE-GaMeR
Posté le 21-12-2004 à 18:55:44  profilanswer
 

Oui j'ai mis un paragraphe avec des <br /> ca marche mieux !
Merci pour l'aide ! :)

n°929590
FlorentG
Unité de Masse
Posté le 21-12-2004 à 22:56:33  profilanswer
 

Non ça marche pas mieux, tu n'as plus aucune valeur sémantique du coup avec tes <br/> ;)
 
Remet ta liste, mais avec un margin 0 et padding 0, tu verra :)


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

  Probleme CSS/XHTML.

 

Sujets relatifs
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 incomprehensibleEncore un problème lié aux CSS... (XHTML inside)
[XHTML 1.1 + CSS] Problème dans un tablo.[CSS + XHTML strict] Problème de tableau dans un cellule d'un tableau.
Plus de sujets relatifs à : Probleme CSS/XHTML.


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