28172 sujets

CSS et mise en forme, CSS3

Débutant ayant besoin d'aide

Bonjour,

Je suis pas encore au TOP niveau mise en forme en CSS / XHTML et j'ai un petit soucis dont j'aimerais savoir comment réglé.

J'ai mon design qui est centré, j'ai réussi à tout faire niquel sauf le menu, dont voici le screen :

<Modération par Florent V.>
Merci de ne pas afficher directement des images trop larges dans le forum. Cela déforme les pages et rend la lecture pénible pour nombre d'utilisateurs. Le lien vers l'image suffit:
http://img396.imageshack.us/img396/1726/screenkn2.png
</Modération>

et le code CSS :

*
{
margin:auto;
padding:auto;
}

body
{
	background-color:#525252;
	font-size:0.8em;
}

p
{
	font-family:font-family: Arial, "Lucida Grande", sans-serif; 
	line-height: 1.5em; 
	color:#525252; 
	padding-left:20px;
	width:910px;
}

img
{
	border:none;
}

a
{
	text-decoration:underline;
	color:#525252;
}

#header
{
	background-image:url("images/header.gif");
	background-repeat:no-repeat;
	width:953px;
	height:208px;
}

#contenu
{
	background-image:url("images/contenu.gif");
	background-repeat:repeat-y;
	width:953px;
}

#menu
{
	float:right;
	width:953px;
}

#footer
{
	background-image:url("images/footer.gif");
	background-repeat:no-repeat;
	width:953px;
	height:49px;
	padding-top:15px;
	color:white;
	padding:auto;
	margin:auto;
	text-align:center;
}


et le HTML


<!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" lang="fr">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link href="style.css" rel="stylesheet" title="Styles" type="text/css" media="screen" />

</head>

<body>

<div id="header"></div>

<div id="menu">

	<a href="#">
	
		<img src="images/bouton_accueil.gif" />
	
	</a>
	
	<a href="#">
	
	<img src="images/bouton_nouveautes.gif" />
	
	</a>
	
	<a href="#">
	
	<img src="images/bouton_femme.gif" />
	
	</a>
	
	<a href="#">
	
	<img src="images/bouton_homme.gif" />
	
	</a>
	
	<a href="#">
	
	<img src="images/bouton_topvente.gif" />
	
	</a>
	
	<a href="#">
	
	<img src="images/bouton_contact.gif" />
	
	</a>
	
</div>

<div id="contenu">

	<p>
	
		Lorem ipsum dolor sit amet, consectetuer adipisci elit. Vel tota praeter in et, ad solida iis, voluptatibus vivere neglegit suo id, etiam praeterita.. Titillaret aut non viam tibi cepisse fugiendus errore pueriliter tenere quidem appellant est, distrahi de gravissimas, aegritudo responsum finis etiam paene quam naturales ut quos et in ut interea epicurus, malivoli atque iis laudantium, investigandi.. Ut una illum et veniam legant de, est fonte nisi eos igitur nec voluptatem at cum ut, severitatem enim, ultimum si epicurus aut attico non partus beateque.. Usus discordia terrore in liberemus id, quis ea, quibus voluptatem proposita quem ut paene, nostri referenda quae non deleniti desiderant, est.<br /><br />

Enim videatur vel coerceri si satis quem a cum quae quae rem habent, eloquentiam facilius adiungimus.. Repellat in nec, sint quae, quam rem utrum nisi, aut non libro deinde inliberali transferam laudatur virtutum qui dolore ipsas, ac optimum corporis bonae voluptatibus, accedere depravatum vivendum quem integris ullus possit, repugnantibus semper, aliqua constituam poetis, in inmortalibus impetu siculis multos delectant, ipsius plurimum quid explicatam de graecum, modi confectum docui aliquem inviti, sit aut alteram, quid philosophari solam ego per illa, rationis in succumbere ea autem volunt quibus sublata, procedat doleamus munere ut consequatur petulantes vero studio, gloriae quae perspecta evolutio nihil qui, se senserit vel.<br /><br />

Captiosa iudicari quidem anteponant omnia regione liberemus maiores dicere quibusdam, tota legendam magnis, si quod ut percipit qui, clamat est appetendi virtutes epicuri voluptatum nobis cum, sit arbitrarer certe motum una sole, probes a quod.. Summum non, omne maiorem iis tamque, inermis laborat omnium, ante ad totam ab extremum, contumeliae fore quod, impediri se vera in, scipio.. Facile in iucunda sed, si durissimis virtute senserit, posse id geometria confidam dissentiet esse, si ad, praesidia ea se dixit quisquam, ut statim est cur si verterunt, et quid statue exercitationem mihi nec.<br /><br />

Aut voluptas caret geometria altera ea angoribus posse eoque, etiam eam ipsis instructus, ullus ipsam sapientium voluptatem sapientiamque molestiae physicis autem invidiae si id tam, pertinaces hominum quaedam atomum.. Scripserit e meis ipso quas graecum, corrigere amorem expectata vero, inclusae certamen vero.. Vocent in magnam ad habeat disciplinam, omnem proficiscuntur fere sine id timiditatem satis.. Inimicus cum esse, voluptatem amet sic philosophorum enim, e sermone, ut cum primisque mirari gloriae ad, potest errem est.<br /><br />

Sed exultat si accommodare tam esset saepe, hoc rerum est iis sunt voluptatem sequatur causa dicta quidem paene voluptas, de ut, centurionum ferantur ex deinde morati sed per non, reperiri propter autem.. Quae sensuum non placatae, desiderant dolore voluptatem eum inter aut propter iactant ipsa quorum quia sed, expedita omnis.. 
									<br /><br />
	</p>
	
</div>

<div id="footer">

	Copyright 2008 - Tous droit reservé, toute reproduction total ou partielle est sitrectement interdite sans autorisation de la societe.

</div>
	

</body>

</html>


Je vous remercie,
Au revoir,

;)
Modifié par Florent V. (08 Mar 2008 - 14:41)
Sujet clos
Aller à