background image
Dernière réponse : dans Programmation
B O N J O U R S !
alors voila c'est tout simple:
j'ai ca:
<div style="background: url(test2_fichiers/image005.jpg); position:absolute;margin-left:27.8pt;margin-top:-30.75pt;width:681.75pt; height:1233.75pt"></div>
et je desire mettre cette image sous le text (paske la elle se met par dessus tout et on vou plus qu'elle
)
merci d'avance !
alors voila c'est tout simple:
j'ai ca:
<div style="background: url(test2_fichiers/image005.jpg); position:absolute;margin-left:27.8pt;margin-top:-30.75pt;width:681.75pt; height:1233.75pt"></div>
et je desire mettre cette image sous le text (paske la elle se met par dessus tout et on vou plus qu'elle
) merci d'avance !
Autres pages sur : background image
Lassé par la pub ? Créez un compte
Je crois qu'il faut que tu rajoutes la fonction z-index en ce qui concerne les calques...
"
Placer entre les balises <body> et </body>
<div id="Layer1" style="position: absolute; overflow: auto; left: 150px; top: 150px; width: 639px; height: 389px; z-index: 1; background: #999999; vertical-align: middle">
Explications complémentaires :
Layer1 : Nom du calque, à changer pour en utilisez plusieurs
Overflow :auto : effacer ce code si vous ne voulez pas qu’il y ait une scollbar dans votre calque
Top : Position en nombre de pixel à partir du haut de la page
Left : Position en nombre de pixel à partir de la partie gauche de la page
width=639px : largeur du calque
height=389px : hauteur du calque.
z-index :x : remplacer x par un chiffre, le calque de z-index : 1 se trouve en dessous du z-index :2 qui se trouve en dessous du z-index :3 et ainsi de suite….
background: #999999 : Couleur du fond du calque
"
"
Placer entre les balises <body> et </body>
<div id="Layer1" style="position: absolute; overflow: auto; left: 150px; top: 150px; width: 639px; height: 389px; z-index: 1; background: #999999; vertical-align: middle">
Explications complémentaires :
Layer1 : Nom du calque, à changer pour en utilisez plusieurs
Overflow :auto : effacer ce code si vous ne voulez pas qu’il y ait une scollbar dans votre calque
Top : Position en nombre de pixel à partir du haut de la page
Left : Position en nombre de pixel à partir de la partie gauche de la page
width=639px : largeur du calque
height=389px : hauteur du calque.
z-index :x : remplacer x par un chiffre, le calque de z-index : 1 se trouve en dessous du z-index :2 qui se trouve en dessous du z-index :3 et ainsi de suite….
background: #999999 : Couleur du fond du calque
"
salut, j'ai vu ton post sur sdz, mais les "dns" de free me renvoie sur un autre site !
essaie ceci:
ton position:absolute fixe ton div sur ta page en le sortant du flux(ce qui le superpose au reste de ton code html qui lui est dans le flux), et sur le code que tu presente ton div n'a rien d'autre qu'une image d'arriere plan, donc si tu veux afficher un texte sur l'image d'arriere plan tu dois le mettre dans le div pour qu'il se retrouve en avant plan !
j'espere etre clair et avoir mis le doigt sur ta petite erreur
a plus
essaie ceci:
<div style="background: url(test2_fichiers/image005.jpg);position:absolute; margin-left:27.8pt;margin-top:-30.75pt;width:681.75pt; height:1233.75pt">mon texte dans mon div, blabla bla bla bli bloup !</div>
ton position:absolute fixe ton div sur ta page en le sortant du flux(ce qui le superpose au reste de ton code html qui lui est dans le flux), et sur le code que tu presente ton div n'a rien d'autre qu'une image d'arriere plan, donc si tu veux afficher un texte sur l'image d'arriere plan tu dois le mettre dans le div pour qu'il se retrouve en avant plan !
j'espere etre clair et avoir mis le doigt sur ta petite erreur
a plus
(lol mois aussi je vieny la paske le sdz merde ^^)
oui mais le pb c'est que le texte que je vais mettre entre les <div>et</div> contien lui aussi des <div>et</div>, donc qu premier </div> venu, le <div style='...'> sera fini ! (y'a quand meme tout un site sur l'image !)
le truc du z-index: -5 marche bien... mais que sur IE
help ! comment je fait sur FF ?!
oui mais le pb c'est que le texte que je vais mettre entre les <div>et</div> contien lui aussi des <div>et</div>, donc qu premier </div> venu, le <div style='...'> sera fini ! (y'a quand meme tout un site sur l'image !)
le truc du z-index: -5 marche bien... mais que sur IE
help ! comment je fait sur FF ?!
salut,
ou lalala le css sortie de la page html c'est lisible la c'est prise tete, je jetterais un oeil ce soir !
pour aller sur le SDZ utilise ton fichier hosts pour rediriger sur la bonne ip
ajoute cette ligne dedans et l'acces au site du zero marche a nouveau !
a plus
ou lalala le css sortie de la page html c'est lisible la c'est prise tete, je jetterais un oeil ce soir !
pour aller sur le SDZ utilise ton fichier hosts pour rediriger sur la bonne ip
ajoute cette ligne dedans et l'acces au site du zero marche a nouveau !
Citation :
213.186.41.156 www.siteduzero.coma plus
voilou :
bon, maintenant pour faire ta page vraiment dans l'idée du xhtml il faut que tu sorte tout le style (css) de la page et que tu mette ça dans un fichier css, tu verra ce sera beaucoup plus facile a faire.
bon courage
a plus
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" target="_blank">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="fr" >
<style>
p.MsoNormal, li.MsoNormal, div.MsoNormal
{
mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
}
body {background-color:#999999;}
#aa {
background: url(<a href="http://tipaldi.free.fr/CJTV/test2_fichiers/image005.jpg" target="_blank">http://tipaldi.free.fr/CJTV/test2_fichiers/image005.jpg</a>);
position:absolute;
margin-left:27.8pt;
margin-top:-30.75pt;
width:681.75pt;
height:1233.75pt;
z-index: -0;/* ici la difference ! */
</style>
<body>
<head>
<meta name="keywords" content="CJTV, Arthur, TIPALDI, fun, videos, parodies, gratuit, CrazyJester, cj, COINTIN" />
<meta name="description" content="Un site de ouf', mon premier site en PHP avec
toutes mes videos de merde et bien sur aussi comme partout des videos pompées sur d'autres sites.
Fun, délire, par Arthur TIPALDI alias CrazyJester ou cj" />
<meta name="author" content="cj" />
<meta name="copyright" content="Copyright © pas de copyright: amusez-vous !" />
<title>[CJTV] :: BIENVENU.wmv</title>
<div id ="aa"></div>
<embed src="BIENVENU.wmv" loop="false" controller="true" autoplay="true" alt="CJTV" style='position:absolute;
margin-left:247pt;margin-top:98.6pt;width:258.15pt;height:230.0pt;z-index:5'>
<fieldset style="background-color: orange; color: black; font-size: 11px; font-family:arial; padding: 5px;
margin-top: 75px; margin-right: 5px; width:100pt; position: fixed; text-align: justify">
<legend style="font-size: 14px; color: grey; font-weight: bold;"> NewsLetter : </legend>
<form method="post" action="newsletter.php">
<textarea name="ouinon" cols="13" rows="1" value="oui">oui</textarea>
je souhaite recevoir un mail m'informant de l'ajout d'une nouvelle video... mon e-mail ou hotmail:<br/>
<textarea name="mail" cols="13" rows="1"></textarea> <input type="submit" value="------inscription------" />
</fieldset></form>
<p style="margin-left:140.4pt; margin-top:486.15pt; width:300pt; height:461.95pt; position: absolute;
overflow: auto; border-right:1px solid black; text-align: justify">
<br align=center><u><span
style='font-size:14.0pt;font-family:"Arial Black"'>Tipaldi-Cointin :<o:p></o:p></span></u></br>
<br><o:p> </o:p></br>
<br/>
<span style='font-size:9.0pt;font-family:Arial;color:red'>14/06 - 15 h 54 :<o:p></o:p></span>
<br/><b style='font-size:12.0pt;font-family:Arial;'> <a href="CJTV00.php?video=BilLard.wmv">BilLard</a> <o:p></o:p></b>
<br/><span style='font-size:10.0pt'>C'est notre premiere video, bien a l'arrache ^^
Celle qui nous a lancée dans le tournages de films pourris<o:p></o:p></span>
<br/><a> </a><br/>
<span style='font-size:9.0pt;font-family:Arial;color:red'>14/06 - 16 h 05 :<o:p></o:p></span>
<br/><b style='font-size:12.0pt;font-family:Arial;'> <a href="CJTV00.php?video=Boules.wmv">Boules</a> <o:p></o:p></b>
<br/><span style='font-size:10.0pt'>Une deuxieme video qu'on a tournée dans la foulée le meme jour.
Toujours a l'arrache, mais ca nous fait bien marrer :P<o:p></o:p></span>
<br/><a> </a><br/>
<span style='font-size:9.0pt;font-family:Arial;color:red'>14/06 - 16 h 07 :<o:p></o:p></span>
<br/><b style='font-size:12.0pt;font-family:Arial;'> <a href="CJTV00.php?video=CS.wmv ">ParodieCS #1</a> <o:p></o:p></b>
<br/><span style='font-size:10.0pt'>Notre premiers film "reflechit" qui parodie le célebre jeux Counter-Strike<o:p></o:p></span>
<br/><a> </a><br/>
<span style='font-size:9.0pt;font-family:Arial;color:red'>14/06 - 16 h 08 :<o:p></o:p></span>
<br/><b style='font-size:12.0pt;font-family:Arial;'> <a href="CJTV00.php?video=nuuul.wmv ">Nous en Vrac</a> <o:p></o:p></b>
<br/><span style='font-size:10.0pt'>Ben voila quoi... c'est un peut nous en vrac quoi, du bon n'importe quoi<o:p></o:p></span>
<br/><a> </a><br/>
<span style='font-size:9.0pt;font-family:Arial;color:red'>14/06 - 16 h 08 :<o:p></o:p></span>
<br/><b style='font-size:12.0pt;font-family:Arial;'>
<a href="CJTV00.php?video=PasQueDeLaChatte.wmv ">Pas Que De La Chatte! #1</a> <o:p></o:p></b>
<br/><span style='font-size:10.0pt'>On s'est mis au BasketBall !
Pas de trucages, on s'est juste vu tous les apres-midis pendant 3 semaines...
d'autres paniers encors plus fous a venir !..<o:p></o:p></span>
<br/><a> </a><br/>
<a name="fin"></a>
</p>
<p style="margin-left:445pt; margin-top:486.15pt; width:241pt; height:461.95pt;
position: absolute; overflow: auto; border-left:0px solid black; text-align: justify">
<br align=center><u><span
style='font-size:14.0pt;font-family:"Arial Black"'>Liens :<o:p></o:p></span></u></br>
<br><o:p> </o:p></br>
</p>
</body>
<p class=MsoNormal align='center' style='font-size:10.0pt;color:orange'><a>en cours:</a> BIENVENU.wmv<o:p> </o:p></p>
<p size=18 align='center' class=MsoNormal style='font-size:14.0pt'>
<a>---</a><a target="_BLANK" href="BIENVENU.wmv">telecharger la video</a><a>---</a>
<a target="_BLANK" href=mailto:cj_cacom@hotmail.com>m'ecrire</a><a>---</a>
<a target="_BLANK" href="livreor.php?page=1">livre d'or</a><a>---</a>
<o:p> </o:p></p>
<p class=MsoNormal style='font-size:2.0pt;color:orange'><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal align='center' style='font-size:18.0pt;color:orange'><o:p> </o:p></p>
<p class=MsoNormal align='center' ;color:orange'><o:p> </o:p></p>
<p class=MsoNormal align='center' style='font-size:5.0pt;color:orange'><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal align='center' style='font-size:0.0pt;color:orange';><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<br style='mso-ignore:vglayout' clear=ALL>
<p class=MsoNormal><span style='mso-tab-count:15'>
</span></p>
<p style="margin-left:430pt; margin-top:0pt; position: absolute; border-left:0px solid black" class=MsoNormal>
<span style='mso-tab-count:13'> </span><span
> </span><b style='mso-bidi-font-weight:
normal'><span style='font-family:"Arial Black";color:red'>
15/06/2005 - 20 h 47<o:p></o:p></span></b></p>
<p class=MsoNormal align='center' style='font-size:16.0pt;color:orange';><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-tab-count:1'> </span><b
style='mso-bidi-font-weight:normal'><span style='color:black'> <a href="CJTV.php?video=CJTV.gif"> </a> <span
style='mso-tab-count:7'> </span> <a href="CJTV.php?video=CJTV.gif"> </a> <span style='mso-tab-count:2'> </span>
<o:p></o:p></span></b></p>
<p class=MsoNormal align=center style='text-align:center'><b style='mso-bidi-font-weight:
normal'><span style='font-size:10.0pt;color:black'><span
style='mso-tab-count:7'></span>
</span> </b><span style='font-size:10.0pt'><o:p></o:p></span></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p>
<p class=MsoNormal align=center style='text-align:center'><o:p> </o:p></p><a name="minichat"></a>
</div>
</body>
</html>
bon, maintenant pour faire ta page vraiment dans l'idée du xhtml il faut que tu sorte tout le style (css) de la page et que tu mette ça dans un fichier css, tu verra ce sera beaucoup plus facile a faire.
bon courage
a plus
Lassé par la pub ? Créez un compte
- Contenus similaires :
Tags :
- ForumTd background image
- ForumCode background image
- ForumBalise background image
- ForumBackground image html
- ForumButton html background image
- ForumPhp background image
- ForumHtml background image td
- ForumSiteduzero background image
- ForumBackground image tableau html
- ForumCss background image width
- Voir plus