Photo dans mon headert
Résolu
Bonjour,
Je suis nouveau dans la création web,j'ai récupérer un template (HTML+CSS) que je modifie pour mon entreprise mais j'ai divers problème.
Problème n°1
Image
je souhaiterai avoir le texte sur la bande noir et à gauche du texte l'image elle aussi sur la bande noir(sachant qu'il continue sur la droite "cf photo" sous le bandeau gris) mais je n'arrive pas à la déplacer vers le heut pour la mettre dans le header.
Voici le lien du site ********
Merci beaucoup
Je suis nouveau dans la création web,j'ai récupérer un template (HTML+CSS) que je modifie pour mon entreprise mais j'ai divers problème.
Problème n°1
Image
je souhaiterai avoir le texte sur la bande noir et à gauche du texte l'image elle aussi sur la bande noir(sachant qu'il continue sur la droite "cf photo" sous le bandeau gris) mais je n'arrive pas à la déplacer vers le heut pour la mettre dans le header.
Voici le lien du site ********
Merci beaucoup
6 réponses
-
Salut,
Je pense pouvoir t'aider, mais j'ai lu 3 fois ton post, et je n'ai pas vraiment compris le résultat que tu souhaites voir ^^. -
Merci de ta réponse!
Voilà le résultat que je souhaiterai avoir :
IMAGE
J'ai utiliser photoshop et le psd du template pour faire cette image.
Encore merci -
Donc, si j'ai bien compris : tu veux avoir dans le header, l'image à gauche, le texte à droite. Le texte étant pour le moment en dessous. Est-ce exact ?
Tu dois déplacer le texte contenu dans la div (.container_c) vers la div (.header_text) pour commencer -
Mon texte est déjà dans le header, il se déplace vers le bas lorsque je glisse/depose mon image à gauche de mon texte.
Voilà mon interface :
IMAGE
Merci de vos réponse -
J'utilise dreamweaver, et je fractionne, je design et j'essai de comprendre le code, mais je ne code pas à proprement parler...
Comment résoudre mon problème alors?-
Ok il va falloir toucher un peu au CSS, mais avant, change le <div class="header_text2"> :
<!-- HTML --> <div class="header_text2"> <div><img ... /></div> <h2>...</h2> </div>
Ensuite le CSS :/* CSS */ .header_text2 h2 { ... position: relative; bottom: 30px;}
Pour le CSS, ajoute les deux dernières propriétés à la ligne qui correspond à .header_text2 h2,
Normalement le texte "Conseil" devrait monter de 30px, ensuite à toi de mettre la valeur qui te convient.
-
-
Milles Merci!!
ça fonctionnne! j'ai bidouillé un peu avec le padding dans le css mais sa fonctionne! Merci!
