Problème qeel image, centrer le texte Bouton_activeProblème qeel image, centrer le texte Bouton_hoverProblème qeel image, centrer le texte Fb-hoverProblème qeel image, centrer le texte Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème qeel image, centrer le texte EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème qeel image, centrer le texte EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème qeel image, centrer le texte EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème qeel image, centrer le texte EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème qeel image, centrer le texte EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème qeel image, centrer le texte EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème qeel image, centrer le texte EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème qeel image, centrer le texte EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Boutique Nike : -25% dès 50€ sur TOUT le site Nike avec le code ...
Voir le deal

Partagez
 

Problème qeel image, centrer le texte

Voir le sujet précédent Voir le sujet suivant Aller en bas 
chouchounette
chouchounette
{ Membre }
{ Membre }

Féminin Messages : 52



Problème qeel image, centrer le texte Empty
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

Problème qeel image, centrer le texte Captur10


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   Problème qeel image, centrer le texte EmptyVen 04 Juil 2014, 06:38
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème qeel image, centrer le texte Empty
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
MessageSujet: Re: Problème qeel image, centrer le texte   Problème qeel image, centrer le texte EmptyVen 04 Juil 2014, 15:46
Revenir en haut Aller en bas
chouchounette
chouchounette
{ Membre }
{ Membre }

Féminin Messages : 52



Problème qeel image, centrer le texte Empty
Et voilà Smile

MessageSujet: Re: Problème qeel image, centrer le texte   Problème qeel image, centrer le texte EmptyVen 04 Juil 2014, 18:33
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème qeel image, centrer le texte Empty
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 :
MessageSujet: Re: Problème qeel image, centrer le texte   Problème qeel image, centrer le texte EmptyLun 07 Juil 2014, 18:20
Revenir en haut Aller en bas
chouchounette
chouchounette
{ Membre }
{ Membre }

Féminin Messages : 52



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

Messages : 1216



Problème qeel image, centrer le texte Empty
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
MessageSujet: Re: Problème qeel image, centrer le texte   Problème qeel image, centrer le texte EmptyMar 08 Juil 2014, 04:54
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème qeel image, centrer le texte Empty
Chouchounette, peut-on considérer ton problème comme résolu (: ?
MessageSujet: Re: Problème qeel image, centrer le texte   Problème qeel image, centrer le texte EmptyDim 20 Juil 2014, 18:51
Revenir en haut Aller en bas
Contenu sponsorisé




Problème qeel image, centrer le texte Empty
MessageSujet: Re: Problème qeel image, centrer le texte   Problème qeel image, centrer le texte Empty
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

-
» Centrer le texte : grosses difficultés...
» Problème de texte dans le QEEL
» Problème texte qui passe sur un autre texte
» [résolu] Problème avec l'alignement de l'image de fond d'un qeel
» Centrer un texte justifié ?

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 | Signaler un abus | Cookies | Forum gratuit