Superposition image et texte
Bonjour,
J'ai un petit problème.
Je fait mon site en html avec en haut une bannière et dessus je souhaiterai ajouter du texte et une image en haut à droite de cette bannière (logo facebook).
Je travail avec un fichier html et un fichier css.
Sur ma page html j'ai :
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css">
<img src="images-references/entete.jpg">
<p><facebook>(le code fourni par facebook)</facebook></p>
Sur ma page css j'ai :
Facebook
{
color: #ffffff;
width: "";
height: "";
position: absolute;
topBOT: "20";
right: 80px;
}
En espérant avoir été le plus explicite possible
Merci d'avance pour votre aide
Clément
J'ai un petit problème.
Je fait mon site en html avec en haut une bannière et dessus je souhaiterai ajouter du texte et une image en haut à droite de cette bannière (logo facebook).
Je travail avec un fichier html et un fichier css.
Sur ma page html j'ai :
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css">
<img src="images-references/entete.jpg">
<p><facebook>(le code fourni par facebook)</facebook></p>
Sur ma page css j'ai :
{
color: #ffffff;
width: "";
height: "";
position: absolute;
topBOT: "20";
right: 80px;
}
En espérant avoir été le plus explicite possible
Merci d'avance pour votre aide
Clément
4 réponses
-
tu mets çà dans une div
-
en html
<div id="facebook">
<img src="images-references/entete.jpg">
</div>
et tu positionne celle -ci avec du css
elle sera imbriquée avec celle de la bannière
<div id="banniere">
<div id="facebook">
<img src="images-references/entete.jpg">
</div>
</div>-
Excusez moi mais je suis un tout jeune en la matière.
J'ai essayé mais ça me fait rien.
J'ai bien mis dans ma page html :
<div id="facebook">
<img src="images-references/entete.jpg">
</div>
et dans mon css :
Facebook
{
<div id="banniere">
<div id="https://www.facebook.com/plugins/like.php?href<%3B%3Fphp echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:25px"">
<img src="images-references/entete.jpg">
</div>
</div>
}
Je vous donne le lien de mon site, peut être que vous allez y voir plus clair.
www.la-maison-du-plan.com
et je vous met le fichier à télécharger sur le site :
http://perrier.clement.free.fr
Cordialement
Clément
-
-
Pour moi il faut diviser le site en plusieurs parties
- header avec bannière, c'est que tu intégrera ton image facebook
- corps avec le contenu
- menu
- et footer -
Ou alors tu ouvres ta bannière sous photoshop voire paint, et tu rajoutes ton texte...
