chouchounette
{ Membre }
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 | | |
|
Nihil
{ 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 ? 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 | | |
|
chouchounette
{ Membre }
Messages : 52
| Et voilà | | |
|
Nihil
{ Modérateur }
Messages : 1216
| Hum, c'est bien ce que je pensais (oui, la phrase fait petit vieux, et alors ?! ) 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.
- Créer une div avec les dimensions de ton image. Placer l'image en fond (avec background-image).
- 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.
- 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 : | | |
|
chouchounette
{ Membre }
Messages : 52
| Comment tu fais pour savoir que c'est à 90px et 85px ? | | |
|
Nihil
{ 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 . 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 | | |
|
Nihil
{ Modérateur }
Messages : 1216
| Chouchounette, peut-on considérer ton problème comme résolu (: ? | | |
|