28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Alors je vous explique mon probléme :
J'ai une succession d'image qui font mon design et quand je rajoute du texte sur une de ces images(en locurence le menu) elle se décale vers le bas et donc se détache des images au dessus, donc casse mon design, pouvez vous m'aider merci.
Code css:

div#col
{
width:1000px;
height:409px;
position:static;
background-image:url(design/col.jpg);
background-repeat:no-repeat;
display:block;
margin-top:0;
}

Code html :
  <div id="col">
 <ul class="menu">
                <li><a href="index.php">Acceuil</a></li>
       <li><a href="?center=download">Contacts</a></li>
      <li><a href="?center=informations">Informations</a></li>
      <li><a href="?center=staff">L'&eacute;quipe</a></li>
      <li><a href="?center=woe">Les Matchs </a></li>
<li><a>Les liens </a></li>
<li><a href=http://heavenangelsdestinys.actifforum.com/ target=_blank>La boutique </a></li>
<li><a href=http://had-online.fr/cp/ target=_blank>Forum</a></li>
</ul>
  </div>

Code de la classe menu :
div#col ul.menu li {
	color: #3e81e7;
	font-weight: bold;
	font-stretch:expanded;
	font-size: 20px;
	list-style-image: url('');margin-left:700px; margin-right:0; margin-top:23px; margin-bottom:6px;
	display:block;
}
div#col ul.menu li a:link, div#menu ul.menu li a:active, div#menu ul.menu li a:visited {

	color: #3e81e7;
	text-decoration: none;
}

Modifié par Night Hawk (21 Dec 2006 - 19:41)
Bonjour,
Je ne vois pas trop en quoi le tutoriel peut m'aider, pour moi ce n'est pas au niveau design que sa merdouille mais plutot niveau codage nop?