aide pour la mise en forme XHTML/CSS !
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:
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
http://private.monwebcv.com/essaiMCV.jpg
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:
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
++
