css et image

vincent2508 · 13 Avril 2006

bonsoir,

j'ai réalisée une intreface et pour ne plus me servir des tableaux je m'essaye au css (c'est là que ça coince) "je suis débutant

mon code css est le suivant :

#bt2 {
  background-image: url(../images/ecribouton_2.gif);
  background-repeat: no-repeat;
  width: 100px;
  height: 123px;
  padding: 0;
}

#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 1000px;
     height: 800px;
     margin-top: -400px; 
     margin-left: -500px;
         }

div#bt1{
  background-image: url(avatar-p.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 103px;
  padding: 0;
}

la page html :

<html>
<head>
<title>index</title>

<link href="Pages/style.css" rel="stylesheet" type="text/css">
</head>
<body> 
<div id="global">
<img src="images/index.gif">
</div>
</body>
</html>

comment faire apparaître bt1 et bt2 sur l'image index.gif. ensuite les deux boutons permettraient de d'ouvrir des liens.

j'ai essayé ca dans le html

</div>
<div id="bt1"> </div>

mais sans résultat

jeanpierre949 · 14 Avril 2006

tu peux le faire en utilisant les position:absolute;

mais pourquoi ne pas'l'avoir mis en background l'image "index"?

Dudu · 14 Avril 2006

Bonjour,

j'ai l'impression, à la vue du code, que tu as mis en CSS les images qui devraient se trouver dans l'HTML.. et dans l'HTML les images qui devraient se trouver dans le CSS

Connexion

css et image

Sujets conseillés

vincent2508

Lien vers le commentaire

Partager sur d’autres sites

jeanpierre949

Lien vers le commentaire

Partager sur d’autres sites

Dudu

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité