Photo dans mon headert

Résolu
manoufeb -  
 manoufeb -
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


A voir également:

6 réponses

Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
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 ^^.
0
manoufeb
 
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
0
Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
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
0
manoufeb
 
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
0
Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
Normal, l'image et le texte sont dans <h2></h2>, donc le texte va se poser sur la ligne définie par la bordure du bas de l'image qui lui est adjacente. Tu développes comment ? tu codes ? ou tu utilises un designer ? (ou les deux ^^ ?)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
manoufeb
 
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?
0
Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
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.
0
manoufeb
 
Milles Merci!!
ça fonctionnne! j'ai bidouillé un peu avec le padding dans le css mais sa fonctionne! Merci!
0