fond d'ecran avec image et texte

Version imprimable

bonjour, je suis toute nouvelle dans la programmation du HTML , donc j'ai un petit soucis,
j'essaie en faite de creer une page myspace pour debuter, j'essaie en premier lieu de mettre une image en fond d'ecran centré du haut de page en bas de page avec deux marge noir sur le coté, j'ai reussi a centrer la photo a avoir mes deux bandes noir, mais ma photo est comme "saccadé" et sur mon bas de page prend ma photo mais en decalage ...

je vous donne mon code html et le lien de la page pour voir ce que ca donne
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <style> body {background-color:black;} <center> table{border=1;} tr td {background-image:url(http://i172.photobucket.com/albums/w26/sofy_2007/DSC00016.jpg);} table tr td {background-color:transparent;} </center> </style>
http://www.myspace.com/energybrutsoph
merci d'avance pour votre aide.

11/02/2007, 22h46
LeXo

oula c pas du code html ça
c réinterprété par un script

8O
11/02/2007, 23h30
emmanuell

on dirait du css

Tu peux peut-être utiliser des css (feuilles de styles) intégré à ta fenêtre afin de permettre la mise en page de celle-ci. En fait tu pourrais définir des bloques dans lesques tes éléments serait et tu pourrais les positionner exactement où tu le désire dans ta fenêtre.

Exemple:
Code:

1 2 3 4 5 6 7 8 9 .image {position:absolute; margin-left:30%; margin-right:30%; } body { background-color:black; }
et dans ta fenêtre mettre simplement les éléments de la manière suivante:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <html> <head> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <img src="image.jpg" alt="" class="image" /> </body> </html>
il est aussi possible d'appeler de la facon suivante à toi de voir:
Code:

1 2 3 4 5 6 7 8 9 .image {position:absolute; margin-left:30%; margin-right:30%; } body { background-color:black; }
et dans ta fenêtre mettre simplement les éléments de la manière suivante:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <html> <head> <style type="text/css">  </style> </head> <body> <img src="image.jpg" alt="" class="image" /> </body> </html>
la deuxième méthode permet simplement de mettre les mêmes éléments dans ta page html tandis que la première requièrt un fichier texte (*.css généralement) dans le même dossier que ta page afin que celui-ci puisse s'y rattacher.

en fait ceci va simplement permettre de faire afficher ton image et ton fond d'écran noir le reste tu peux simplement y positionner tes éléments comme bon te semble.

J'espère ne pas avoir été trop vague et que cela pourra t'être utile.

11/02/2007, 23h50
sophe

Merci beaucoup pour ces reponses, je vais essayer les differentes methodes et je vous dirais si ca à marcher.

En faite, moi pour le code je dois l'inserer dans une partie de myspace et dans leur FAQ il disait qu'il fallait que je commence mon code par :
<style>body

"mon code"

</style>

voilà pour information.
merci
12/02/2007, 01h01
francis m

oui mais comme indiqué plus haut, ce n'est pas du html
ni du css d'ailleurs

pour simplifier, le css est le style : taille de tes caractères, couleur, etc
et le hml est le fond de ta page
un code html est toujours entre les balises < et >
je n'ai pas testé mais l'exemple de stroumfs fait bien la distinction des deux

même si tu utilises un éditeur de page web pour commencer, je te suggère après avoir affiché la page dans ton navigateur d'afficher le code source. tu verras c'est fort différent de ton code

et après de lire un tutoriel html (il y en a beaucoup ici) et tu te passeras rapidement de ton éditeur de page web