28172 sujets

CSS et mise en forme, CSS3

Bonjour,

je suis en train de réaliser un design en CSS disponible à cette adresse.

Vous pourrez trouver toutes les sources sur ce lien.
J'ai réalisé ce design avec plusieurs fichiers css :
Design de la boite=ce qui contient le contenu
Design du menu horizontal
Design générale
Design du menu gauche

J'ai mis volontairement des bordures de couleur pour bien différencier chaque bloc.
Rouge = centre
Violet = boite_menu_horizontal
Jaune = boite

Je n'arrive pas à bien positionner le menu horizontal... Smiley ohwell En effet, j'aimerai aligner mon cadre le plus à gauche ("Tarquinio") avec le cadre de la boite.

Pourriez vous m'aider à faire cela?
Modifié par remus69 (09 Mar 2009 - 10:03)
Ton ul a un padding-left par défaut de 40px, t'a plus cas l'enlever.

Si j'ai bien compris Smiley cligne
A bon? 0ù sa ?

Je ne vois aucun padding-left de 40px dans mes CSS...
Modifié par remus69 (09 Mar 2009 - 09:36)
Je ne dis pas que tu as mis un padding-left de 40px dans ton css, je te dis qu'il est de base sur les ul d'avoir un padding-left de 40px.

Va voir sous firebug, cible l'élément de ton menu et clic sur apparence, tu verra ! Smiley smile

Donc il te suffit de mettre le padding-left a 0 pour qu'il soit collé sérré (m'enfin met un padding de 4px pour toi ...).
J'avais pourtant déjà mis cela :

#menu_horizontal ul
{
	padding:0px;
}


Je viens quand même de rajouter cela :

#menu_horizontal 
{
	padding-left: 0;
	list-style: none ;
}


C'est maintenant niquel sur Firefox , mais sa buggue sur Internet Explorer... Comment faire? Smiley sweatdrop
J'ai modifié mon html et mon css en ajoutant un div global, ce qui permet de centrer le design.

J'aimerai également placer mon menu gauche en faisant un float: left;

Mais voici les nouveaux problèmes:

1. Comment placer le menu gauche correctement?
2. Comment éviter que le texte de mon contenu se décale lorsque l'on clique sur le "+" du menu?
3. Pourquoi il y a t'il une marge entre le côté gauche de ce menu et la bordure violette?
4. Pourquoi est ce que le rendu est catastrophique sur Internet Explorer?