Diminuer taille image

**ac/dc** · 14/04/2007, 15h15

Bonjour, je suis débutant en CSS. J'affiche une image et quand je reduit la taille, ça me rogne l'image au lieu de la reduire :

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
24
25
26
27
 
<style type = "text/css">
<!--
#image {    /* bloc image en arrière-plan */
width : 750;
height: 500;
background: url("images/carte.gif") no-repeat;
}
#zone1 {    /* zone cliquable */
float: left;
width : 120px;
height: 110px;
margin-left: 180px;
margin-top: 230px;
border: none;
}
-->
</style>
 
</head>
 
<body>
 
<div id="image">
    <a id="zone1" href="javascript:popup()" title="Cliquez pour agrandir"> </a>
</div>
.....

Donc c'est quand je reduis les propriétés width et height de #image. merci !

**Dan_A** · 14/04/2007, 19h33

Quand l'image est en fond (considérée comme décoration) width et height fixent la taille du bloc, pas de l'image.
Si l'image n'est pas en fond, alors width et height appliqués à l'image elle même modifient la taille de l'image.
Pour ce qui est de la sémantique, une décoration ne doit pas être cliquable...

**ac/dc** · 15/04/2007, 14h37

ok, bon bein je vais diminuer l'image manuellement .... merci !

Diminuer taille image

CSS

Vue hybride

Discussions similaires

Partager

Partager