Bonjour,

J'aurais besoin d'aide pour découper mon site en le rendant valide xhtml/css.

Comment le découperiez-vous ?
Y a-t-il des méthodes de bases sur lesquelles partir en fonction des types de design ?
Faut-il des containers ?

Voici ce que je ferais déja en xhtml :
Est-ce que je pars bien ou pas ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<body>
<img id="badge" src="images/ruban.png" alt="" width="127" height="129" />
 
<div id="container">
 
  	<div id="header">
 
                <img id="logo" src="images/logo.jpg" width="153" height="76" alt="" />
		<img id="slogan" src="images/slogan.jpg" width="241" height="44" alt="" />
  		<ul id="menu">
		  	<li id="presentation" class="presentation_active"><a href="#"></a></li>			
			<li id="inscription" class="inscription_noactive"><a href="#"></a></li>
                        <li id="espace_membre" class="espace_membre_noactive"><a href="#"></a></li>
		</ul>
        </div>
 
</div>
</body>
Voici le design



Alors déja pour le badge (le ruban) en haut a gauche, j'ai mis ca :
C'est un png transparent, donc sous IE6 il ne faut pas qu'il se mette.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
#badge
{
	display: block;
	visibility: visible !important;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
Merci de votre aide
++