Discussion :

[Deallyra]

(re)Bonjour,

Voilà... Mon problème est que mon maître de stage à rejeté ma mise en page et je dois la recommencer et avec le sourire
Mais le truc c'est qu'elle m'a demandé de faire une disposition d'image particulière et je patauge allègrement dans le code du style CSS pour DIV...

en gros, je voudrais arriver à un résultat de ce genre


J'ai réussi en mettant des positions absolue et en déplaçant à l'aveugle mes images
(top : 210px; left : 400px par exemple)
Mais le problème est que mon site doit pouvoir être lisible sur n'importe quel type d'écran...
Je précise que les valeurs de déplacement en pixel que je donnais se faisait à partir du bord supérieur gauche de mon conteneur et non contenu...

Je suis consciente d'en demander beaucoup...
Désolée et merci à ceux qui se pencheront sur mon problème.

(remarque c'est ça ou je tue mon maître de stage )

[Bisûnûrs]

La taille de ton div conteneur est en quelle unité ? Si il a une taille fixe, il faut tout simplement lui mettre un position:relative et mettre tes images dans ce div en position:absolute et régler ça au pixel près, ça ne devrait pas bouger quel que soit l'écran qui le visualise.

[Deallyra]

Si par conteneur, on entend bien la même chose à savoir le div qui englobe tout les autres, je peux te répondre qu'il n'est pas en taille fixe.

voici son CSS

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.DeuxCol #conteneur 
{
	background-color : #FFFFFF;
	position : absolute;
	width : 86%;
	top : 1% ;
	bottom : 1%;
	left : 7%;
	right : 7%;
	text-align : justify;
}
 
Il s'adapte à chaque PC

[Bisûnûrs]

Non, j'entendais le div bleu sur ton croquis qui comprend l'image en background.

[Deallyra]

Donc ça correspond à mon DIV #contenu.
Voici son code.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
.DeuxCol #contenu 
{
	padding-right : 10px;
	margin-left : 3%;
	margin-right : 3%;
	height : 60%;
	width : 78%;
	overflow-y : scroll;
}

Celui ci évolue également en fonction de l'écran de l'internaute...

[Candygirl]

est-ce que tu pourrais montrer une image du rendu final (une maquette) que tu es censé avoir pour se faire une idée (si tu as le droit bien sûr) ?