Bonjour,
J'ai un probleme avec une page HTML avec CSS.
J'ai une image d'arrière-plan, je dois positionner du texte precisement dans cette image, a un endroit défini. J'ai utilisé la propriété css "margin". Mais lorsque j'ouvre ma page html dans un navigateur, et que je redimensionne la taille de la fenetre du navigateur, la marge ne change pas de taille. Resultat : le texte est confiné dans un espace bcp plus reduit que normalement.
Comment puis-je positionner le texte, de façon a ce qu'il se positionne toujours au meme endroit sur l'image, quelle que soit la taille de la fenetre, et qu'il y ait plutot une scrollbar ??
Je suppose que je dois donc positionner du texte de maniere relative et non pas absolue...y a t-il une propriété css pour ca? ou bien puis-je le faire en javascript???
CSS :
#Contenu
{
background-image:url(../Images/Milieu.jpg);
background-repeat:repeat-y;
background-position:center;
margin-top:-25px;
min-width:800px;
color:#000000;
text-decoration:none;
/*margin-top:0px;*/
/*margin-left:130px;*/
}
div.Texte
{
margin-left:235px;
margin-right:235px;
text-align:justify;
}
div.STitre
{
text-align:left;
text-decoration:underline;
font-size:18px;
margin-left:240px;
margin-right:235px;
color:#66CCFF;
}
Portion page HTML :
<div ID="Contenu"> <div class="STitre">Sous-Titre</div> <div class="Texte"> <p>Texte qui ne se positionne pas correctement si je modifie la taille de la fenetre du naviguateur!!!</p> </div> </div>
Merci enormement de m'aider!!!!
Imagination is more important than knowledge.