Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2387 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Encadrer une image par du texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Encadrer une image par du texte

n°1577582
yellow69
Posté le 21-06-2007 à 11:43:15  profilanswer
 

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....
mood
Publicité
Posté le 21-06-2007 à 11:43:15  profilanswer
 

n°1577620
dartyduck
n00b AttitudE
Posté le 21-06-2007 à 13:41:01  profilanswer
 

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
n°1577627
yellow69
Posté le 21-06-2007 à 14:02:30  profilanswer
 

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....
n°1577630
Nico-Rep
Posté le 21-06-2007 à 14:07:35  profilanswer
 

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
n°1577635
yellow69
Posté le 21-06-2007 à 14:14:21  profilanswer
 

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


---------------
Parfois, il est possible que l'impossible devienne possible....
n°1577641
Nico-Rep
Posté le 21-06-2007 à 14:21:02  profilanswer
 

Montre le bout de code html et le css ;)


---------------
Topic de vente HW - Ancien feed
n°1578016
yellow69
Posté le 22-06-2007 à 14:08:06  profilanswer
 

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....
n°1578035
Nico-Rep
Posté le 22-06-2007 à 14:39:38  profilanswer
 

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
n°1578060
yellow69
Posté le 22-06-2007 à 15:18:44  profilanswer
 

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
n°1578255
dartyduck
n00b AttitudE
Posté le 22-06-2007 à 23:28:29  profilanswer
 

Spoiler :

<br />


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
mood
Publicité
Posté le 22-06-2007 à 23:28:29  profilanswer
 

n°1578264
stravoguin​e
Posté le 23-06-2007 à 00:05:33  profilanswer
 

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
n°1578285
yellow69
Posté le 23-06-2007 à 03:09:16  profilanswer
 

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é!  ;)  
 

n°1578287
stravoguin​e
Posté le 23-06-2007 à 06:09:06  profilanswer
 

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
n°1578315
yellow69
Posté le 23-06-2007 à 11:33:18  profilanswer
 

stravoguine a écrit :

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


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

n°1579541
yellow69
Posté le 26-06-2007 à 18:19:59  profilanswer
 

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à!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Encadrer une image par du texte

 

Sujets relatifs
Changer d'image en cliquant sur un clip?Programer une page web pour qu'on ne puisse pas copier une image
[PHP] - récupérer le texte d'un fichier docreconnaissance de texte dans un fichier image
Défilement d'un fichier texte dynamique de gauche à droiteRedimensioner une image
Image.FromResource ?Insertion image Excel à la place d'un caractére
Insertion image Word (remplacer texte) 
Plus de sujets relatifs à : Encadrer une image par du texte


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR