Bonjour,
voila j´aimerai savoir si c´est possible de mettre mon site ( http://viceland.fr.tc) en css pour mon design j´ai deja essayer de faire un petit bout
mais j´ai ce probleme : http://viceland.free.fr/Sanstitre.jpg

merci

argh moi et le CSS on est pas très potes tu sais... en tout cas bon courage c´est un super jeu et je vois que le site est deja aps mal ( sauf que l´actuel est bouffé par la pub :s)

fais voir ton CSS et XHTML stp

Je trouve que ton design est très bien fait!
Mais je trouve que tu devrais optimiser certaines images!
Peut-être que le passage au CSS arrangera les choses...

justement j´essaye de passé au CSS j´y arrive pas...

Voici mon CSS actuelle ( il y a juste l´header, le menu de gauche avec les rubriques, le footer et le milieu blanc ( aucun remplissage ds la partie centrale) lorsque que je sort du mode code de dreamweaver j´ai un fouilli d´image qui se superpose...
Bref voici ce que j´ai quesqui ne va pas ? :

body {background-color:#333333;

margin: 0;/* sans marges, la page sera collée aux bords */

font-family: verdana, arial, sans-serif; / * on définit la police de base dans la page */
font-size: 12px; / * on définit la taille de police de base dans la page */
}
a:link {color: #ffffff; text-decoration:none;}
a:visited {color: #ffffff; text-decoration:none;}
a:hover {color: #ffffff; text-decoration:underline;}
. head1 {
BACKGROUND-IMAGE: url(design/head1.jpg); WIDTH: 800px; HEIGHT: 130px
}
. gauche {
LEFT: 0px;
BACKGROUND-IMAGE: url(design/menua.jpg);
WIDTH: 160px;
POSITION: absolute;
HEIGHT: 20px;
}
. milieu {
LEFT: 160px;
margin-top: 0px;
BACKGROUND-IMAGE: url(design/milieu.jpg);
WIDTH: 640px;
POSITION: absolute;
HEIGHT: 640px;
top: 130px;
}
. menu {
left:15px;
margin-top: 0px;
margin-left: 0px;
width: 50px;
background-color: #404241;
}
. menu1 {
position: absolute;
left:0px;
margin-top: 0px;
margin-left: 0px;
width: 150px;
border: 0px solid #000000;
background-color: #404241;
font-family: verdana, arial;
font-size: 110%;
text-align: left;
visibility: inherit;
z-index: 0;
}
. infos {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; BORDER-LEFT: 0px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: 0px
}
. medias {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; BORDER-LEFT: 0px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: 0px
}
. bas {
BACKGROUND-IMAGE: url(design/bas.jpg); WIDTH: 800px; HEIGHT: 58px; POSITION: absolute; margin-top: 0px;

moué... pas très joli tout ça ^^
Si t´as envie d´apprendre un CSS et xHTML propres, tu peux aller sur http://siteduzero.com rubrique site web ; c´est pas long, et tu apprendras vite et bien !

je l´es deja fait et sa apprend que les ptit truc de base.

la je voudrai enfaite mettre une image la c´est celle des rubrique qui se situe a gauche en CSS car si je veu rajouter une rubrique que je fasse pas les modif sur tte les pages.

Mais j´y arrive pas j´ai rentré sa sur la page html mais c´est pas pris par le CSS je crois.

< html>
< head>
< title>Burnout 3</title>
< link href="styles.css" rel="stylesheet" type="text/css" / >
< /head>
< body>
< div class="head1"></div>
< div class="milieu"></div>
< DIV class="gauche">
< IMG class=infos alt=infos src="design/infos.jpg">
< ul><script language="JavaScript" src="infos.js"></script></ul>
< IMG class=medias alt=medias src="design/medias.jpg">
< ul><script language="JavaScript" src="medias.js"></script></ul>
< IMG class=site alt=site src="design/site.jpg">
< ul><script language="JavaScript" src="site.js"></script></ul>
< IMG class=liens alt=liens src="design/liens.jpg">
< ul>ici les liens</ul><div class="bas"></div></div>

< /body>
< /html>

Sinon ma page web et devenu lisible dans dreamweaver " création"

Voila je pose mon probleme actuellemnt :

J´ai creer un bloc Head, Gauche ( menu), Milieu et Bas

Dans le milieu ( zone de texte) j´ai ecrit beaucoup de ligne. Le probleme c´est que le menu de gauche et le bas s´arrete et mon bloc de texte lui continue vu qu´il est rempli de texte.

Cela donne sa : http://viceland.free.fr/Sanstitre5.jpg

Comment modifié svp

Si tu tiens à garder une longueur fixe, tu ajoutes la propriété overflow: auto; au bloc contenant le texte.

le probleme c´est que je veux que sur toute mes pages le bloc ou il y a le texte faudrai qu´il s´adapte au menu et au bas . .. faudrai que les deux suivent le bloc de texte jusqu´a ce qu´il s´arrete. . ..

et la commande overflow evite le bugg certe mais sa creer une espece de frame et c´est pas trop ce que je voudrais... je voudrai comme une table...

up

Dans ce cas, évite la position absolue ! C´est tout ce qu´il ne faut pas faire dans le cas de largeurs variables.

En fait, là, ton . bas, tu le mets à 800px du bord supérieur de la page, quelle que soit la longueur du reste. Tu vois ce que je veux dire ?
Je te conseille de faire un menu et un contenu flottants, et le . bas, tu le laisses comme ça.

Enfin non, pas comme ça, tu ne le mets pas en position absolue !

heu je vai essayer mais qu´appel tu par menu flotant