fond d'ecran avec image et texte

**sophe** · 11/02/2007, 21h17

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**LeXo** · 11/02/2007, 23h46

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

**emmanuell** · 12/02/2007, 00h30

on dirait du css

**stroumfs** · 12/02/2007, 00h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!--
.image {position:absolute;
           margin-left:30%;
           margin-right:30%;
          }
 
body {
         background-color:black;
        }
-->
</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.

**sophe** · 12/02/2007, 00h50

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

**francis m** · 12/02/2007, 02h01

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

fond d'ecran avec image et texte

HTML

Discussions similaires

Partager

Partager