Img à gauche et texte centré

Img à gauche et texte centré - HTML/CSS - Programmation

Marsh Posté le 01-02-2006 à 09:47:31    

Salut,
 
Comment avoir sur la même ligne :
Une image à gauche et le texte au centre (et non dans un div à droite)?
 
Je sèche :/

Reply

Marsh Posté le 01-02-2006 à 09:47:31   

Reply

Marsh Posté le 01-02-2006 à 10:33:34    

AGA a écrit :

Salut,
 
Comment avoir sur la même ligne :
Une image à gauche et le texte au centre (et non dans un div à droite)?
 
Je sèche :/


 
Je ne suis pas sûr de bien comprendre ce que tu entends par "et le texte au centre", mais si tu veux coller du texte à droite d'une image, soit tu positionnes tes éléments en absolute, soit en float. Pour que ton texte ne soit pas collé à droite, il suffit de lui mettre un margin à droite.
[:airforceone]

Reply

Marsh Posté le 01-02-2006 à 10:40:43    

Mettre deux div côte à côte ça c'est bon.
Mais du coup le texte n'est pas centré.
 
Exemple :
J'ai une image de 600pix
en dessous j'ai une petite image à gauche et un texte descriptif suivi d'un retour chariot et le texte ENTRER avec un lien.
 
Avec la méthode deux div en float mon texte ENTRER n'est pas centrer par rapport à l'image de 600px.

Reply

Marsh Posté le 01-02-2006 à 10:46:10    

Je ne suis pas sûre non plus d'avoir bien compris...
une des 2 solutions suivantes pourrait-elle te convenir ? :
 
- mettre l'image en float left et ton texte tout simplement à la suite, dans le flux normal
- mettre l'image en float left et ton texte en float left aussi (avec définition du width pour ne pas passer à la ligne sous l'image)

Reply

Marsh Posté le 01-02-2006 à 10:48:56    

AGA a écrit :

Mettre deux div côte à côte ça c'est bon.
Mais du coup le texte n'est pas centré.
 
Exemple :
J'ai une image de 600pix
en dessous j'ai une petite image à gauche et un texte descriptif suivi d'un retour chariot et le texte ENTRER avec un lien.
 
Avec la méthode deux div en float mon texte ENTRER n'est pas centrer par rapport à l'image de 600px.


 
Bah alors tu mets ta grosse image, ta petite image et ton texte dans un div que tu spécifies en position relative (sans changer sa position). La dessus, tu places ta grosse image et ton texte comme tu le désires et tu positionnes ta petite image en absolute pour qu'elle apparaisse là ou tu veux.
A priori ça devrait fonctionner. Il y a peut-être plus simple, mais pour le moment, je ne vois que ça.

Reply

Marsh Posté le 01-02-2006 à 10:50:51    

AGA a écrit :

Mettre deux div côte à côte ça c'est bon.
Mais du coup le texte n'est pas centré.
 
Exemple :
J'ai une image de 600pix
en dessous j'ai une petite image à gauche et un texte descriptif suivi d'un retour chariot et le texte ENTRER avec un lien.
 
Avec la méthode deux div en float mon texte ENTRER n'est pas centrer par rapport à l'image de 600px.


 
Toujours pas clair pour moi :) (un printscreen serait peut-être plus parlant)
 
Ton image de 600px est-elle centrée ou non ?
As-tu un conteneur principal d'une largeur définie ?

Reply

Marsh Posté le 01-02-2006 à 11:02:06    

Reply

Marsh Posté le 01-02-2006 à 11:03:38    

Le but c'est de virer le <table>. D'avoir le texte entrer aligné par rapport à la grosse image et que le tout tiennes dans un 1024 sans scrolling.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed