18041 sujets

Questions générales et questions de débutants

Problèmes dans le code CSS

Bonjour,

Ayant perdu toute connaissance, j'ai donc réappris le XHTML et le CSS.
Cependant, je suis bloqué à plusieurs endroits, et j'aurais fortement besoin d'aide :

- Tout d'abord, j'aimerai savoir ce qui "cloche" dans mon code CSS, car il n'affiche pas du tout ma colonne gauche au niveau du menu comme il le faudrait.

Je précise avoir découpé mon design en plusieurs parties : le header, le sous header ( avec marqué Home et accueil/news ), la colonne gauche, la 2eme partie ( avec marqué Multimédia , une 3eme ( avec marqué partenaires), et enfin le Footer.

-Ensuite j'aimerai que l'on me confirme si j'ai bien découpé le design, j'ai l'impression d'avoir fait une erreur quelque part... :euh:

-Enfin j'aimerai savoir comment garder mon text en "colonne" sachant que je veux enlever les puces le plutôt possible Smiley smile


Voilà merci d'avance pour l'aide ^^"

Sidji Smiley lol


Code CSS :

/* --------------- :: MENU :: -------------- */
/* --------------------------------------------*/

#menu

{
   float: left;
   width: 500px;
}

.element_menu
{
   background-image: url("../images/design/designcolonne_bg_1.jpg");
   background-repeat: no-repeat;
   margin-bottom: 20x;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: black;
}

.element_menu a:hover
{
   text-decoration: none;
   color: #0d0ea2;
}


puis le code XHTML :

<!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> :: [ Generation Mangas V3 >> Découvrez la passion a travers l'animation ! ] ::</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="design_V3" href="CSS/design_V3.css" />
	</head>
	<body>
		<div id="header">

		<!-- Ici on mettra la bannière  mais en CSS-->
		</div>
		
		<div id="sous_tete">
		<!-- Ici on mettra la sous bannière  mais en CSS-->
		</div>
		
		<div class="element_menu"> <!-- Cadre correspondant au premier sous-menu -->
			<ul>
		<li><a href="news.htm">News</a></li>

		<li><a href="infos_site.htm">Informations site</a></li>
		<li><a href="staff.htm">Staff</a></li>
		<li><a href="recrutement.htm">Recrutement</a></li>
		<li><a href="http://generationmangas1.free.fr/Forum/GM/">Forum</a></li>
		<li><a href="http://www.i-services.net/membres/livredor/livredor.php?user=53399">Livre d'or</a></li>
		<li><a href="bannieres.htm">Bannières</a></li>

		<li><a href="generationmangas1@free.fr">Nous contacter</a></li>
		<li><a href="dons_ftp.htm">Dons FTP</a></li>
		<li><a href="sondages.htm">Sondages</a></li>
		<li><a href="faqs.htm">FAQs</a></li>
		<li><a href="liens.htm">Liens</a></li>
			</ul>

		</div>
 
		<div class="element_menu"> <!-- Cadre correspondant au deuxieme sous-menu -->
			<ul>
		<li><a href="episodes.htm">Episodes</a></li>
		<li><a href="oavs.htm">OAVs</a></li>
		<li><a href="films.htm">Films</a></li>
		<li><a href="ost.htm">OSTs</a></li>

		<li><a href="scans.htm">Scans</a></li>
		<li><a href="covers.htm">Covers</a></li>
		<li><a href="dossiers.htm">Dossiers</a></li>
		<li><a href="gallerie_images.htm"></a></li>
		<li><a href="wallpapers.htm">Wallpapers</a></li>
		<li><a href="amvs.htm">AMVs</a></li>

		<li><a href="fans.htm">Fans creations</a></li>
			</ul>
		</div>
		
		<div class="element_menu"> <!-- Cadre correspondant au troisieme sous-menu -->
		
		</div>
 
</div>
		
		</div>
 
		<div id="menu">

		<!-- Ici on mettra le menu -->
		</div>
 
		<div id="corps">
		<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
		</div>
 
		<div id="footer"> 
		<!-- Ici on met le footer en CSS -->
		</div>
		
		</body>

</html>

Modifié par Sidji (16 Dec 2007 - 18:28)
Sujet clos
Aller à