Une découpe à améliorer !

Salut voilà sa fait a peine un moi que j'ai commencé le html1.0,1.1/css
Je voulais vous demandez , avec quoi je peut changer ce code suivant:

a écrit :
#header{position:absolute;}

Surtout le position : absolute .

Voici le rar avec l'index.html et le css.

Dite moi aussi ci sa été bien réalisé car sa seras ma 5éme découpe en un moi.

Voilà merci a vous
Webdesign non codé : http://pix.nofrag.com/bc/b8/5d06ab4f368a055036c1f6be4771.jpg
Webdesign codé: http://anthony13.site.voila.fr
Webdesign rar : http://anthony13.site.voila.fr/gorillaz.rar
Modifié par Art!f!cier (28 May 2006 - 14:10)

zut,double poste :s

Hello,

Il s'agit vraisemblablement d'une question de mise en page (CSS) et non de structure/sémantique (HTML); je vais donc déplacer le sujet.

Si quelq'un serais m'aider sa serais simpas ! merci

Ne t’affole pas ça arrive

Dans l’ensemble c’est pas mal
Moi personnellement je n’utiliserais pas les positions absolues pour tous tes éléments de ta page

Voici un exemple de du CSS que j’utiliserais ( il faut déplacer ta barremenu juste après les header dans ton HTML)

Il faudrai aussi ameliore les image de fond de tons menu et edito

Des images qui fassent juste le haut et une couleur de fond seraient plus mieux bien

body { 
	width: 1024px;
	margin:0px;
	background-image:url('http://anthony13.site.voila.fr/images/fond.jpg');
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:12pt;
}
img { border: none; }
a { 
	border: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
a:hover {
	color: #080707;
	text-decoration: underline;
	font-weight:bold;
	font-size: 13px;
}
#header {
	background-image: url('http://anthony13.site.voila.fr/images/header.jpg');
	}

#header a {
	margin-left:483px;
	display: block;
	height:60px;	
}
#gn {background-image: url('http://anthony13.site.voila.fr/images/gn.jpg');}
#cd {background-image: url('http://anthony13.site.voila.fr/images/cd.jpg');}
#gp {background-image: url('http://anthony13.site.voila.fr/images/gp.jpg');}
#gza {background-image: url('http://anthony13.site.voila.fr/images/gza.jpg');}

#barremenu {
	height:31px;
	background-image: url('http://anthony13.site.voila.fr/images/barremenu.jpg');
}
#menu {
	width: 171px;
	height:291px;
	margin-left:4px;
	margin-top:30px;
	background-image: url('http://anthony13.site.voila.fr/images/menu.jpg');
	float: left;
}
#menu ul { 
	padding:0; 
	margin: 0; 
	list-style: none;
	padding-top: 50px; 
	margin-left: 50px;
}
#edito {
	width:631px;
	margin-top:30px;
	margin-left:359px;
	background-image: url('http://anthony13.site.voila.fr/images/edito.jpg');
	padding-top: 60px;
}
#edito p { margin: 0 20px; }
#footer {
	width:335px;
	height:56px;
	margin-left:4px;
	background-image: url('http://anthony13.site.voila.fr/images/footer.jpg');
}

A+

Art!f!cier a écrit :
Si quelq'un serais m'aider sa serais simpas ! merci

Alors, au niveau du code HTML ça a l'air pas mal. Pas grand chose à redire. Juste peut-être :

<div id="header">
			<a id="gn" href="#"></a>
			<a id="cd" href="#"></a>

			<a id="gp" href="#"></a>
			<a id="gza" href="#"></a>
			</div>

Pourquoi pas une petite liste, vu qu'il s'agit également d'un menu de navigation (entre les principales parties du site, si j'ai bien compris) ?

Pour le CSS, il y a deux gros problèmes :

1 – il faut une résolution minimale de 1280×1024px pour ne pas avoir de barre de défilement horizontale ! Si tu donnes une largeur de 1024px à ton body, comment fais-tu pour caser également la barre de défilement du navigateur, les bordures de la fenêtre, etc. ? Sans oublier que de nombreux utilisateurs ne mettent pas leur fenêtre en largeur maximale, ou que sous Mac OS X on peut aussi avoir le dock sur un des côtés du bureau, et les fenêtres ne le recoupent pas.
Si vraiment tu te fiches des utilisateur ayant un écran en 800×600, je conseillerais tout de même de ne pas trop dépasser les 900 ou au pire 960px de large. À moins de faire un site en largeur fluide, bien sûr.

2 – Les blocs de contenu ont une hauteur fixe. Et si jamais le contenu dépasse cette hauteur ? Même en veillant à ne pas trop mettre de contenu, tu ne peux pas savoir quelle sera la taille du texte pour l'utilisateur (il y a des préférences de l'utilisateur qu'on ne peut pas forcer). Il vaut donc mieux, sauf exception, prévoir qu'un blog puisse s'alonger en hauteur.

Dis-donc Gege71, tu es partout sur Alsa ces dernières semaines ! Que fais-tu donc de ta vie sociale ?

mpop a écrit :
Dis-donc Gege71, tu es partout sur Alsa ces dernières semaines ! Que fais-tu donc de ta vie sociale ?

Je suis marié avec mon ordi

Mais je me soigne

A+
Modifié par gege71 (28 May 2006 - 17:05)

Ok merci bien pour une 5éme découpe que pensez vous ?

Juste une info maintenant tu voit la barremenu est coupé par le menu c'est fait expres ?
Modifié par Art!f!cier (28 May 2006 - 17:37)