Probleme CSS/XHTML. - HTML/CSS - Programmation
Marsh Posté le 21-12-2004 à 11:28:34
Essaye en mettant genre la div#droite avant la div#centre
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.
Marsh Posté le 21-12-2004 à 11:46:36
Marges négatives ?
http://www.alistapart.com/articles/negativemargins/
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...
Marsh Posté le 21-12-2004 à 12:14:37
Et autrement comment je peux faire pour centrer les elements du menu ?
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
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.
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)
Marsh Posté le 21-12-2004 à 12:28:25
ThE-GaMeR a écrit : En fait c'est une liste avec des liens. |
Il faut appliquer text-align aux LI et faire en sorte que ceux-ci occupent toute la largeur
Marsh Posté le 21-12-2004 à 12:30:00
J'ai mis ca mais il centre pas:
#menu li
{
text-align:center;
}
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.
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"
Marsh Posté le 21-12-2004 à 13:09:03
Ajoute une bordure à tes LI pour visualiser ce qui se passe.
Marsh Posté le 21-12-2004 à 13:18:35
Ah oui bizarrement la bordure va jusqua droite mais pas a gauche.
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.
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 !
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
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