C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Effet pour vos catégories
Mar 17 Juil 2018, 20:09 par vaaléeriiee

» Qui Est En Ligne - Utopia
Ven 06 Juil 2018, 23:20 par Vincent

» [RPG] Fiche personnage avec bannière latérale
Ven 29 Juin 2018, 06:27 par Tink

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mar 26 Juin 2018, 02:30 par Laluna

» Apparition progressive du corps du forum
Dim 24 Juin 2018, 10:05 par Jimmy

» Formulaire de connexion rapide amélioré
Dim 24 Juin 2018, 10:03 par Jimmy

» Previsualiser le premier message d'un sujet
Dim 24 Juin 2018, 09:57 par Jimmy

» Trois colonnes avec effet Zoom
Mer 20 Juin 2018, 06:58 par Backflip


Partagez | 
 

Problème qeel image, centrer le texte

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 52



Bonjour,

Alors voilà je suis certaine que la solution doit être toute simple mais ca fait deux jours que je bidouille mes codes sans trouver la solution alors je viens quémander de l'aide.

Voici mon qeel




Le problème est simple, j'aimerai que les trois colonnes de texte rentrent dans les trois colonnes de l'image de fond du qeel.


Voici le CSS :





et la partie template correspondante.





Voilà merci d'avance à ceux qui prendront le temps de jeter un coup d'oeil pour m'aider  Amour
MessageSujet: Problème qeel image, centrer le texte   Ven 04 Juil 2014, 06:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Pourrais tu s'il te plait fournir le lien vers le forum où le code est installé s'il te plait Very Happy ?
Je sais que je demande à chaque fois o/, c'est juste que c'est beaucoup plus simple et que cela permet de voir le code avec la bonne de largeur de forum y tout y tout Wink


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème qeel image, centrer le texte   Ven 04 Juil 2014, 15:46
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 52



Et voilà Smile

MessageSujet: Re: Problème qeel image, centrer le texte   Ven 04 Juil 2014, 18:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Hum, c'est bien ce que je pensais (oui, la phrase fait petit vieux, et alors ?! What a Face)

En fait, la solution la plus simple dans ton cas est d'utiliser les propriété CSS de positionnement.
Nous allons positionner directement les blocs au dessus de l'image.

  1. Créer une div avec les dimensions de ton image. Placer l'image en fond (avec background-image).
  2. A l'intérieur, créer une div par "bloc". Rajouter le contenu et des classes pour chacun afin de pouvoir leur donner des dimensions (largeur et hauteur). Pour avoir ces dimensions, il te suffit de regarder sur Photoshop quelle largeur tu veux leur donner.
  3. Une fois que c'est fait, on va les positionner grâce au positionnement.
    On commence par mettre "position: relative" sur la div qui englobe tout, comme ça le positionnement se fera à partir de ce bloc.
    Ensuite on positionne chaque bloc grâce à "position: absolute" puis "top: XX px; left: XX px;" en remplaçant XX par les bonnes valeurs.


Si tu as du mal à comprendre, je t'ai fait un rapide petit exemple :


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème qeel image, centrer le texte   Lun 07 Juil 2014, 18:20
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 52



Comment tu fais pour savoir que c'est à 90px et 85px ?
MessageSujet: Re: Problème qeel image, centrer le texte   Lun 07 Juil 2014, 19:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Je suis une grosse feignasse, j'ai simplement mis 100px pur les 2, puis j'ai ajusté jusqu'à trouver quelque chose qui me plaisait Wink.
Le résultat était trop en bas et à droite, j'ai donc diminué chaque valeur au fur et à mesure.
Mais tu peux aussi relever les coordonnées du point sur Photoshop ^^
Tu verras qu'avec le temps tu auras l'habitude et tu trouveras très vite les valeurs :p


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème qeel image, centrer le texte   Mar 08 Juil 2014, 04:54
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Modérateur }
{ Modérateur }

Messages : 1216



Chouchounette, peut-on considérer ton problème comme résolu (: ?


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Problème qeel image, centrer le texte   Dim 20 Juil 2014, 18:51
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Problème qeel image, centrer le texte   
Revenir en haut Aller en bas
 

Problème qeel image, centrer le texte

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème qeel image, centrer le texte
» Problème d'image sur la Bbox TV ?
» Image tremblante
» test du text-rich qui tourne
» Comment insérer une image, devant le texte sans le déformer

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit