Webmaster Hub > css et image

Version complète: sur le forum Webmaster Hub : css et image

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

vincent2508

jeudi 13 avril 2006 à 21:32

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 :

CODE

#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 :

CODE

<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

CODE

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

mais sans résultat

jeanpierre949

vendredi 14 avril 2006 à 08:57

tu peux le faire en utilisant les position:absolute;
mais pourquoi ne pas'l'avoir mis en background l'image "index"?

Dudu

vendredi 14 avril 2006 à 15:58

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.