28173 sujets

CSS et mise en forme, CSS3

Salut,

J'ai problème avec ma mise en page , ca ne ressemble pas vraiment a ce que je veux
http://www.independza.com/client/expay/index.html
le preveiw
http://www.independza.com/client/expay/preview.jpg

Par exemple dans le div header, je n'arrive pas a le faire collé en haut de la page
<div id="header">
<ul>
   <li class="courant">ACCEUIL</li>
   <li>CHANGER VOTRE ARGENT</li>

   <li>DISTRIBUTEURS</li>
   <li>SITES MARCHANDS</li>
   <li>F.A.Q</li>
   <li>CONTACT</li></ul>
   <img class="milieu" src="images/anonyme.jpg" alt="flash" />
 <h1> <a href="http://www.expay.org" title="Expay : La Révolution est en marche"><span>Expay : La Révolution est en marche</span></a></h1>

</div>
/*  ----------------------------------------------------------------------------------------------------------------------------
/*  HEADER
/*  ----------------------------------------------------------------------------------------------------------------------------
*/
#header {
   background-image: url(../images/background_header);
   background-repeat: repeat;
   width: 100%;
   margin:0;
   padding:0;
   height:199px;
 }


Merci a tous
Salut,

Essaie de supprimer la marge supérieure du titre contenu dans ton #header.

#header h1
{
margin-top: 0;
}


@+++
Modifié par Tony_M (28 Mar 2006 - 14:30)
alors j'ai fais ca
#header {
   background-image: url(../images/background_header);
   background-repeat: repeat;
   width: 100%;
   min-width: 800px;
   margin:0;
   padding:0;
   height:199px;
 }


mais il y a malgres tout un décalage
alors en fait j'ai trouvé que ca venait du h1 dans le header.
Lorsque que je l'enlève le div est collé en haut de la page
Toujours, dans la mise en page j'ai des problèmes.
J'ai essayer de fixer le menu avec position:fixed .Je n'arrive plus déplacer le menu. J'aimerais qu'il soit apres le logo.J'essaye de jouer sur les marges mais sans succées.

J'aimerais avoir un écart proportionel pour les les listes non ordonnées. Pour vois le div "milieuGauche". J'ai ajouté des bordures mais étrangement que le h1 dans le div ?

Merci du coup de main
Voila j'ai placé mon menu Smiley smile

Maintenant j'essaye de centrer le div contenu
J'ai reussi a placé mon menu Smiley smile

 
html, body  {
	margin:0;
	padding:0;
	width:100%;
	font-family: 'Lucida Grande', Arial, Geneva, Lucida, Helvetica, Verdana, sans-serif;
	text-align: center;
}
#contenu {
	widht:100px;
	position: relative; /* on positionne le conteneur */
	 margin-left: auto;
     margin-right: auto;
	 text-align: left;
	border: medium solid #000066;
 }


mais je n'arrive pas a lui appliquer une largeur

Smiley decu
ca correspod a quoi ce #contenu ? avec width 100px; position:relative;.
a mon avis tu ne le vois il doit se balader quelque part sous un autre element
J'ai fais ainsi
#contenu {
	/*position: relative;  on positionne le conteneur */
	margin-left: 10%;
    margin-right: 10%;
	text-align: left;
	border: medium solid #000066;
 }


pour arriver a ce que je voulais j'ai mis des pourcentages , car je n'arrivais pas a le centrer normalement.
Modifié par bolo (04 Apr 2006 - 15:11)
Voila j'ai réglé tous mes petits problèmes.

Voila ce que j'aimerais faire. Au niveau des listes de définition. Que leur écart soit proportionel.

Donc qu'elle prenne toutes la largeur du div et que l'écarte entre elles soit plus au moins en grand en fonction de la taille de la fênetre.

voila le code css


dl.gallery{
width: 160px;
text-align: justify;
padding: 1em;
float: left;
margin-right: 1em;
}

.gallery dt { font-size:10px; }

.gallery dd{
margin: 0;
padding: 0;
}
voila j'ai corrigé tous mes problèmes.

Il reste un dernier point sur IE. le logo + Menu et l'image du header parte sur la gauche

Smiley decu

un tit coup de main