Salut à tous !
Débutant dans la conception de sites et incapable de trouver un morceau de code à faire, je sollicite votre aide pleine d'experience : )
Avant tout, un bref schéma de ma page:
http://img683.imageshack.us/i/blablay.jpg/
Le corps de la page (2) est centré, mais du coup l'espace du fond (1) à gauche et à droite varie si l'on change la taille de la fenêtre du browser.
J'aimerai caler mon image (3) à droite de la bordure de la page, quelle que soit la dimension de la fenêtre.
Code : HTML | <body>
<div id=image></div>
<div id=centre>
...
</body>
|
Pour ce qui est du CSS
Code : CSS 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 | body{
margin: 0;
padding: 0;
font-family: "Trebuchet MS";
background-color: #B6CC74;
line-height: 16px;}
#Image{
width: 227;
height: 307px;
background-image: url("images/image.png");
float: right;} /*vire l'image de l'écran */
#centre {
margin: auto;
width: 800px;
padding-top: 30px;
padding-bottom: 160px;
background-image: url("images/006.jpg");
border: 2px solid;
border-top: hidden;
border-bottom: hidden;}
|
En mettant l'image à l'intérieur de #centre, elle ne s'affiche pas en dehors si je la pousse sur le côté.
A l'exterieur, en lui mettant la propriété "float: right" elle disparait tout simplement, "padding" et "margin" ne marchent pas vu qu'ils se font par rapport à <body> et non à #corps.
Si quelqu'un connais une façon "d'accrocher" l'image à droite de cette bordure, ma reconnaissance lui en serais éternelle !
Par avance merci,
Édité
le 09/02/2010 à 18:08:29
par
Zealoth
Zealoth
Flux RSS News
Twitter
Facebook
