Questions de site web - Page 2

PiuPiu

Basic

Date d'inscription : septembre 2006

Messages : 123

voila ce que j'ai fait, je te donne tous ce que j'ai fait, à toi de voir si ca te convient

le HTML

Citation:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="essais.css" />
</head>
<body>
<div id="menu-haut">menu-haut</div>
<div id="corps">En modifiant le CSS, on peut changer tout le design sans toucher au code XHTML !

En fait, regardez à nouveau attentivement le code XHTML final qu'on a écrit : il ne contient aucune information sur le design. C'est tout juste s'il dit qu'il y a un en-tête, un menu qui contient tels liens, un corps qui contient tel texte etc. Et c'est tout !

Ca, c'est ce que je me tue à répéter depuis le premier chapitre de ce cours (et j'ose espérer que depuis le temps ça commence à rentrer ^^) : le XHTML c'est le contenu de votre page, le CSS c'est la présentation de votre page.
En gros, changer de CSS c'est comme changer de vêtement : on modifie son look (son apparence), mais la personne à l'intérieur est toujours la même :)

Pour illustrer ce que je viens de vous dire, j'ai demandé à zaz et venom de me faire un second design sans toucher au code XHTML. Seul le CSS a été modifié, et regardez tout ce qu'on peut changer sur un site rien qu'à coup de CSS :
Essayer !

Petite précision : nous avons porté un peu moins d'attention sur ce second design, et si les couleurs rose-barbie vous donnent la nausée, dites-vous bien que nous aussi :). C'était juste pour illustrer que l'on peut faire un design très différent en modifiant le CSS.

Regardez la différence. Un seul fichier XHTML, 2 fichiers CSS, des résultats très différents :</div>

</body>
</html>

bon le texte qui est dedans n'a aucun interêt je l'ai copié du site du zéro parce que c'était sur cette page là que j'étais à ce moment! c'est juste pour voir les barres de défilements.

le CSS

Citation:

#menu-haut
{
background-color: purple;
margin: 20px;
width:760px;
height: 50px;
position=fixed;

}

#corps
{
margin: 20px;
width: 700px;
max-height: 200px;
overflow: scroll;
background-color: green;
}

voila j'espère ca t'aidera

PiuPiu

		Forums CustomXP > Informatique - General > Informatique et internet
Questions de site web

RocKkk - Basic Date d'inscription : juillet 2006 Messages : 32	up !

Lefreut - Team CustomXP.net Date d'inscription : août 2003 Messages : 5 816	Bah, je sais pas trop quoi te dire C'est bien overflow pour avoir une barre de défilement : http://wiki.media-box.net/documentation/css/overflow. Sachant que sous IE, la barre de défilement global apparait forcément même si elle est pas utile...
	Dernière modification par Lefreut ; 23/02/2007 à 00h03.

RocKkk - Basic Date d'inscription : juillet 2006 Messages : 32	mmmhhh ok merci quand même Lefreut

pololinho - Basic Date d'inscription : mars 2006 Messages : 40	t'as réussi ? sinon c'était bien : Code: <div id="menus"> </div> <div id="corps"> <div id="scroll" (style="overflow:scroll")> </div> </div> enfin il me semble
	www.jkconception.com

OrkSovaj - Basic Date d'inscription : janvier 2007 Messages : 433	Tout est dit ! Essaie peut-être la validation W3C ...

Identifiant		Se souvenir de moi ?
Mot de passe