Encadrer une image par du texte

Encadrer une image par du texte - HTML/CSS - Programmation

Marsh Posté le 21-06-2007 à 11:43:15    

Re salut à tous, j'ai essayé en vain d'appliquer les tutos pour encadrer une image par du texte mais rien n'y a fait, quels conseils pourriez vous me donner pour m'aider svp, merci!


---------------
Parfois, il est possible que l'impossible devienne possible....
Reply

Marsh Posté le 21-06-2007 à 11:43:15   

Reply

Marsh Posté le 21-06-2007 à 13:41:01    

tu définit ton image dans ton css

Code :
  1. #boite img {
  2. ...
  3. float: left ou right; en fonction de sa position par rapport à ton text
  4. }


Enfin je te dis ça si tu veux faire comme ici :o

Message cité 1 fois
Message édité par dartyduck le 21-06-2007 à 13:41:13

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 21-06-2007 à 14:02:30    

dartyduck a écrit :

tu définit ton image dans ton css

Code :
  1. #boite img {
  2. ...
  3. float: left ou right; en fonction de sa position par rapport à ton text
  4. }


Enfin je te dis ça si tu veux faire comme ici :o


 
Oui c'est ce que je veux (enfin voulait... mais cela pourra me resservir...)
j'avais bien essayé le float mais cela me mettait juste une ligne et après un grand vide et le texte reprennait sous l'image!
 
je l'intègre dans le css?


---------------
Parfois, il est possible que l'impossible devienne possible....
Reply

Marsh Posté le 21-06-2007 à 14:07:35    

yellow69 a écrit :

Oui c'est ce que je veux (enfin voulait... mais cela pourra me resservir...)
j'avais bien essayé le float mais cela me mettait juste une ligne et après un grand vide et le texte reprennait sous l'image!
 
je l'intègre dans le css?


 
Il faut mettre l'image avant le texte dans ton html.


---------------
Topic de vente HW - Ancien feed
Reply

Marsh Posté le 21-06-2007 à 14:14:21    

Oui, c'est bien ce que j'avais fait...


---------------
Parfois, il est possible que l'impossible devienne possible....
Reply

Marsh Posté le 21-06-2007 à 14:21:02    

Montre le bout de code html et le css ;)


---------------
Topic de vente HW - Ancien feed
Reply

Marsh Posté le 22-06-2007 à 14:08:06    

Nico-Rep a écrit :

Montre le bout de code html et le css ;)


 
en fait j'ai réussi avec un truc tout bête, align left au lieu de baseline! C'est visible sur le site de ma signature, c'etait pour le petit calendrier!
 
merci!


---------------
Parfois, il est possible que l'impossible devienne possible....
Reply

Marsh Posté le 22-06-2007 à 14:39:38    

yellow69 a écrit :

en fait j'ai réussi avec un truc tout bête, align left au lieu de baseline! C'est visible sur le site de ma signature, c'etait pour le petit calendrier!
 
merci!


 
Ok ;)
 
Edit: y a un souci de placement de la colonne droite quand je visionne ton site.

Message cité 1 fois
Message édité par Nico-Rep le 22-06-2007 à 14:40:55

---------------
Topic de vente HW - Ancien feed
Reply

Marsh Posté le 22-06-2007 à 15:18:44    

Nico-Rep a écrit :

Ok ;)
 
Edit: y a un souci de placement de la colonne droite quand je visionne ton site.


 
Ha? tu passes par quel navigateur? peux tu me faire une cpature d'écran stp?
 
Edit: effectivement je viens d'essayer par explorer... :cry:  :pt1cable:  :fou:  comment remedier a cela? les polices ont changé de taille (entre autre!)


Message édité par yellow69 le 22-06-2007 à 15:21:49
Reply

Marsh Posté le 22-06-2007 à 23:28:29    

Spoiler :

<br />


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 22-06-2007 à 23:28:29   

Reply

Marsh Posté le 23-06-2007 à 00:05:33    

Sur Ie6, ton bloc de droite est complétement foiré, tu dois faire attention aux pixels qe tu appliques à tes blocs et compter aussi tes pixels de bordure pour que ça n'arrive pas.
 
Faites gaffe quand vous faites un site à ça :
 
http://img107.imageshack.us/img107/5121/yafss005vw5.jpg
 
Regardes aussi la taille de ta police d'écriture qui n'est pas la méme, c'est quoi ce bordel?  :sol:  
 
Ton Hover sur les images vont trop à droite ce qui empéche la lecture de l'image et décale fortement vers la droite donc on ne peut lire la droite de ton calendrier...Et c'est pas trés accéssibilité ça, les mal voyants ils font comment? Ils se brossent?
 
 :hello:

Message cité 1 fois
Message édité par stravoguine le 23-06-2007 à 00:05:45
Reply

Marsh Posté le 23-06-2007 à 03:09:16    

stravoguine a écrit :

Sur Ie6, ton bloc de droite est complétement foiré, tu dois faire attention aux pixels qe tu appliques à tes blocs et compter aussi tes pixels de bordure pour que ça n'arrive pas.
 
Faites gaffe quand vous faites un site à ça :
 
http://img107.imageshack.us/img107 [...] 005vw5.jpg
 
Regardes aussi la taille de ta police d'écriture qui n'est pas la méme, c'est quoi ce bordel?  :sol:  
 
Ton Hover sur les images vont trop à droite ce qui empéche la lecture de l'image et décale fortement vers la droite donc on ne peut lire la droite de ton calendrier...Et c'est pas trés accéssibilité ça, les mal voyants ils font comment? Ils se brossent?
 
 :hello:


 
Quand j'ai teste sur IE7... j'avais pas les même problèmes... mais je ne sais pas pourquoi la police change sous IE! un probleme de css je pense!
 
Normal que tu ne puisses pas lire mon calendrier... j'en ai pas mis  :D  :lol:  
 
Niveau accessibilité, mon site est juste fait pour quelques joueurs, et n'est même pas referencé!  ;)  
 

Reply

Marsh Posté le 23-06-2007 à 06:09:06    

Essaie de mettre la taille des polices en "em".Ca devrait régler le probléme.

Message cité 2 fois
Message édité par stravoguine le 23-06-2007 à 06:09:14
Reply

Marsh Posté le 23-06-2007 à 11:33:18    

stravoguine a écrit :

Essaie de mettre la taille des polices en "em".Ca devrait régler le probléme.


 
ok je vais voir cela..... ;)  

Reply

Marsh Posté le 26-06-2007 à 18:19:59    

stravoguine a écrit :

Essaie de mettre la taille des polices en "em".Ca devrait régler le probléme.


 
Après verification .... mes polices sont bien en "em", donc le problème ne viens pas de là!

Reply

Sujets relatifs:

Leave a Replay

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