Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 05/11/2011, 00h43   #1
Invité de passage
 
Inscription : novembre 2011
Messages : 2
Détails du profil
Informations forums :
Inscription : novembre 2011
Messages : 2
Points : 0
Points : 0
Par défaut Positionner une image à un endroit fixe

Bonjour,


Après avoir fait de nombreuses recherches sur de nombreux forums je sollicite votre aide...

Je viens de refaire le design de mon site web (voir screenshot ici) et j'aimerais que dans la construction de celui ci il ne bouge plus (ex: impossible de faire défiler vers le bas..).

Voila mon problème, j'aimerais ajouter du texte sur mon image (sur certaines pages beaucoup) et je ne sais pas comment faire (j'utilise Dreamweaver et je suis novice sur le logiciel).

Certaines personnes parlent d'ajouter l'image en background mais quand j'essaye, elle est soit trop grande, soit trop petite (bref, j'aimerais quel soit positionnée pile à cet emplacement et de cette taille précise).

Quelqu'un peut-il m'aider?

Merci d'avance..
ajc31 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/11/2011, 01h26   #2
Membre régulier
 
Homme Hamadi
Développeur .NET
Inscription : octobre 2011
Messages : 59
Détails du profil
Informations personnelles :
Nom : Homme Hamadi
Localisation : France

Informations professionnelles :
Activité : Développeur .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : octobre 2011
Messages : 59
Points : 93
Points : 93
Envoyer un message via MSN à Robotech
Hello voici ta réponse ou plutôt une réponse possible
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
html->
<div id="madiv">
Ton texte
</div>
 
CSS->
#madiv{
width:400px; /* Largeur de ton image */
height:400px; /*Hauteur de ton image*/
background-image:url('tonImage.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
}
Robotech est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/11/2011, 01h36   #3
Invité de passage
 
Inscription : novembre 2011
Messages : 2
Détails du profil
Informations forums :
Inscription : novembre 2011
Messages : 2
Points : 0
Points : 0
Merci!.. J'ai essayé, ça fonctionne!


PS:

Pour les internautes qui ont le même problème, corriger la balise "madiv".
<div id="madiv">
Ton texte
</div>
ajc31 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 05/11/2011, 02h12   #4
Membre régulier
 
Homme Hamadi
Développeur .NET
Inscription : octobre 2011
Messages : 59
Détails du profil
Informations personnelles :
Nom : Homme Hamadi
Localisation : France

Informations professionnelles :
Activité : Développeur .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : octobre 2011
Messages : 59
Points : 93
Points : 93
Envoyer un message via MSN à Robotech
tant mieux lol ,alors il faut marquer comme résolu !
Robotech est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h17.


 
 
 
 
Partenaires

Hébergement Web