Probleme CSS/XHTML.

Probleme CSS/XHTML. - HTML/CSS - Programmation

Marsh Posté le 21-12-2004 à 11:24:59    

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
Reply

Marsh Posté le 21-12-2004 à 11:24:59   

Reply

Marsh Posté le 21-12-2004 à 11:28:34    

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

Reply

Marsh Posté le 21-12-2004 à 11:38:52    

Cool ca marche merci :love: !

Reply

Marsh Posté le 21-12-2004 à 11:41:46    

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.

Reply

Marsh Posté le 21-12-2004 à 11:46:36    

Reply

Marsh Posté le 21-12-2004 à 11:47:58    

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

Reply

Marsh Posté le 21-12-2004 à 12:14:37    

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

Reply

Marsh Posté le 21-12-2004 à 12:18:59    

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
Reply

Marsh Posté le 21-12-2004 à 12:22:44    

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
Reply

Marsh Posté le 21-12-2004 à 12:25:20    

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
Reply

Marsh Posté le 21-12-2004 à 12:25:20   

Reply

Marsh Posté le 21-12-2004 à 12:26:03    

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

Reply

Marsh Posté le 21-12-2004 à 12:28:25    

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
Reply

Marsh Posté le 21-12-2004 à 12:30:00    

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

Reply

Marsh Posté le 21-12-2004 à 13:03:24    

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
Reply

Marsh Posté le 21-12-2004 à 13:07:14    

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"

Reply

Marsh Posté le 21-12-2004 à 13:09:03    

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
Reply

Marsh Posté le 21-12-2004 à 13:18:35    

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

Reply

Marsh Posté le 21-12-2004 à 13:19:54    

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
Reply

Marsh Posté le 21-12-2004 à 18:55:44    

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

Reply

Marsh Posté le 21-12-2004 à 22:56:33    

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 :)

Reply

Sujets relatifs:

Leave a Replay

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