Problème de position d'image

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Problème de position d'image

Re: Problème de position d'image

par K3vin » 27 févr. 2009, 17:54

Bonjour à tous !
Après une assez longue absence dans le monde du développement web je recommence fort avec la mise en page du site & son codade :lol:

Il se trouve que j'ai deux problèmes :
l'un concerne le positionnement d'une image sur la hauteur avec les attribues suivants :

Code : Tout sélectionner

div#conteneur_s{ background-repeat: repeat-y ; background-image: url('./images/repeat.png') ; background-position:center; }
-> ce code suivant est l'actuel car je ne parvenais pas à faire changer la position height(ou margin-bottom ?).

Le second quand à lui est le positionnement d'une image dans une news. Pour faciliter la compréhension j'ai pris un petit screen

http://kaeanwam.exano.net/screen.jpg
si je comprend bien, tu veu que l'image sois derrier et le texte devant? si oui la tu utilise un "id" et pas une "class" si sé se ke je dis mettre le texte devant l'image alors tu dois obtenir ceci:
.conteneur_s{
background-image: url('../images/repeat.png') repeat-y center;
padding:8px 0 0 8px; /* sa s'est pour lalignement du texte... oublie pas de rajouter le fond et la taille du texte */
}

Problème de position d'image

par DrEAM's » 17 févr. 2009, 16:23

Bonjour à tous !
Après une assez longue absence dans le monde du développement web je recommence fort avec la mise en page du site & son codade :lol:

Il se trouve que j'ai deux problèmes :
l'un concerne le positionnement d'une image sur la hauteur avec les attribues suivants :

Code : Tout sélectionner

div#conteneur_s{ background-repeat: repeat-y ; background-image: url('./images/repeat.png') ; background-position:center; }
-> ce code suivant est l'actuel car je ne parvenais pas à faire changer la position height(ou margin-bottom ?).

Le second quand à lui est le positionnement d'une image dans une news. Pour faciliter la compréhension j'ai pris un petit screen

http://kaeanwam.exano.net/screen.jpg