Bonjour,

J'ai un soucis avec le tutoriel "Design XHTML/CSS complet avec 2 colonnes de même hauteur"
Le fond de ma page est identique au premier plan (sur lequel est inscrit le texte), de plus je ne trouve pas du tout comment changer l'apparence des onglets de navigation à droite...

Merci d'avance pour votre aide
je ne peut pas l'héberger mais je vous propose un screenshot :
[EDIT Laurie-Anne : Image trop grande] http://nsa07.casimages.com/img/2009/07/16/090716041144388860.jpg
J'aimerais avoir un fond différent en 1 par rapport à 2.
J'aimerais aussi pouvoir personnaliser 3 et faire des lignes de séparations comme indiqués par les flèches rouges.

Merci de vos réponses !
Modifié par Laurie-Anne (16 Jul 2009 - 16:32)
Pour cela il faut ajouter au conteneur (#center ou #global dans le tutorial) une image de fond qui portera les différentes couleurs de fond ainsi que les bordures. Dans le tutorial l'image de fond est celle-ci.
merci, en effet j'ai reussi !
Par contre un autre soucis se pose à moi à présent : Je ne trouve pas comment insérer ma bannière comme sur le tuto...
J'aimerais aussi savoir si vous connaissiez quelques codes avec des menus interactifs. J'entend par la un menu qui s'ouvre en onglets et sous onglets.
Merci pour votre patience
Modifié par lock4 (16 Jul 2009 - 18:27)
La patience est une vertu Smiley langue

Pour l'image du header, il y a deux solutions qui vont dépendre de l'image :

1. L'image est juste décorative, il n'y a pas de texte dessus : tu peux modifier l'image en changeant l'image de fond de #header

2. L'image a du texte dessus : tu dois supprimer l'image de fond de #header et insérer ton image dans le HTML (avec le tag <img src="" alt=""> ou alt comportera le même texte que celui qui est sur l'image).


Par contre, me trompe-je en émettant la supposition que tu n'as pas attentivement lu le tutorial dans ton intégralité ?
merci Laurie-Anne, j'ai un peu de mal... Excuse moi de mon impatience...
J'ai pourtant bien lu le tuto, plusieurs fois même...

Sinon en cherchant sur le net j'ai trouvé un code css pour un menu déroulant : http://css.developpez.com/galerie/demo/menus/verticalderoulant1/ = Lien image

J'ai donc téléchargé le code et obtenu ceci :


*{
	margin:0;
	padding:0;
}
#menu{
	width:150px;
	margin:20px auto 0 auto;
}
.menu, .sousmenu{
	text-align:center;
}
.menu{
	height:18px;
	width:150px;
	padding:2px 0;
	background:#404040;
	color:#fff;
}
.sousmenu{
	height:18px;
	width:150px;
	padding:1px 0;
	background:#808080;
	color:#fff;
}
.menu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#404040;
}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#808080;
}
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
	background:#ca0008;


Je remplace donc dans ma feuille CSS ul#menu par ce code mais rien n'y fait... Merci d'avance pour vos réponses
Modifié par lock4 (17 Jul 2009 - 17:45)
désolé de mon impatience mais j'ai beau chercher je ne trouve point et c'est embêtant de rester coincé... Need help please :o Smiley confused