question sur css: bakcgroupositionnement

24 oct. 2007, 17:36

bonjour,

je commence a utiliser les css.

j'aimerais bien mettres des images les unes en dessous des autres. l'image 1 serait le logo, l'image2 pour le login/mot de passe, l'image 3 serait une courte pub, l'image4 serait un spacer.gif que je voudrais etirer en fonction du contenu du site. ca, came ferait une colonne a gauche, le contenu etant a droite...

le hic: j'arrive bien a creer mon css et a positionner des images en background mais separement!
pas moyen de mettre l'image1 2 3 et 4 les unes en dessous des autres.

qq un a une idee de commetn faire svp?

merci

24 oct. 2007, 17:53

petite precision j'ai ca par exemple:

Code : Tout sélectionner

#content{
margin:0 auto;
padding:0;
width:760px;
background:#ffd400;
}

#logo{
float:left;
width:200px;
height:130px;
position:relative;
background-image: url(../template/img/logo.gif;
}

#draw{
float:left;
width:200px;
height:204px;
position:relative;
background-image: url(../template/img/draw.gif;
}

#login{
float:left;
width:200px;
background-image: url(../template/img/back_ident.gif;
}

et j'appelle ca de cette maniere:

Code : Tout sélectionner

<body>
<div id="content">
<div id="logo">
<div id="draw">
<div id="login">
</div></div></div></div>
</body>

j''ai tente avec des positions differentes (absolute, relative...) ca ne marche pas.

"content" ca serait un cadre global avec un fonds en jaune et ce cadre changerait de longueur enfonction du contenu sur le site.
logo: le logo, draw: une info du site, login: une image de background sur laquelle je mettrais les boites de login/password.

si qq un pouvait m'eclairer ca serait cool

24 oct. 2007, 18:40

Les parenthèses des URLs ne sont pas fermées.

Essaie le positionnement absolu (position: absolute) et la propriété z-index.

24 oct. 2007, 19:20

si tu veux placer des images, il vaut mieux utiliser le html, et comme ça tu pourras spécifer un texte alternatif et un titre, pour les images.

Le background de css, c'est bien, mais plutôt pour image de fond..

24 oct. 2007, 20:24

bon j'avais fait n'importe quoi!

ca marche nettement mieux avec de la methode et en decorticants des pages
(bon ca n'est pas encore parfait)

pour mon formulaire de login:
j'ai une classe: #ident elle me sert pour le formulaire d'identification

par la suite j'ai un #ident input qui fait que tous mes inputs au sein de #ident heritent des proprietes generales.

le formulaire de login est valide en cliquant sur une image (et pas un bouton) mais le truc c'est que le parametre width utilises pour mes champs de formulaire (login + password) m'etire mon image.

j'ai tente un .clear {clear:both;} mais ca n'a pas marche

c'est portant bien cela qu'il faut utiliser pour que le bloc suivants n'herite pas des proprietes de la classe non??

24 oct. 2007, 20:43

Dans certains cas oui, mais dans certains cas uniquement.

Une petite recherche "clear both css" dans google te donneras pas mal de réponses sur le sujet.

question sur css: bakcgroupositionnement

Qui est en ligne