Une image à un endroit précis Fermé

Question

Bonjour, 



Configuration: Windows XP / Google chrome

Je suis un nul en matière de site internet comme jamais il n'en existe. Pourtant je fais mon possible , kit graphique etc ... 

Aujourd'hui j'ai reussi à faire un menu à gauche ( merci le kit graphique ) à mettre mon texte au milieu mais j'ai une partie blanche à droite. 

Alors pas de soucis, je me suis dit : je vais mettre des images. 

Ah mais là je vous pose la question, comment mettre une image à endroit très précis de manière simple ? 

Merci 

Ludovic

Mihawk · Answer

Salut,

Je ne vois pas trop ce que tu décris... tu n'as pas de screenshot ?
Sinon tu peux créer un cadre, le définir en float (propriété CSS) et mettre l'image en question en tant que "background".

yanniks · Answer

Re, 

Voici une image : http://www.noelshack.com/ 

La partie noir c'est très bien c'est mon menu. 
Lorsque j'écris du texte ça s'écris dans la partie rouge et ça s'arrête dans à la partie bleu. 
Et c'es-t dans la partie bleu que je veux mettre mes images sous forme de petite carré :) 

C'est possible ?

Mihawk · Answer

Tout est possible :-)

Il faut que je sache comment tu as séparé les différentes parties... Avec des "table" ou bien des "div" ?

yanniks · Answer

Bonsoir, 

C'est mon fichier CSS : 

* { margin: 0; padding: 0;}

body {
	margin: 0;
	background-image: url(images/extensiblehead.jpg) ;
	background-repeat: repeat-x;
	font-family: Comic Sans MS, Helvetica, sans-serif;
	font-size: 0.8em;
}

a { color: #3e3e3e; }

a:hover {text-decoration: none; }

/* -Header- */

#header {
	width: 373px;
	height: 153px;
	background: url(images/header.jpg) no-repeat ;
	margin: 0;
}

#header span {
	display: none;
}

/* -Menu header- */

#menuhorizontal {
	height: 27px;
	margin: -96px 0 0 362px;
	list-style-type: none;
}

#menuhorizontal li {
	float: left;
	display: block;
	width: 81px;
	height: 27px;
	margin: 0 4px 0 5px ;
	line-height: 15px;
	background: url(images/menuheader.jpg) no-repeat;
	text-align: center;
}

#menuhorizontal li a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}

#menuhorizontal li a:hover {text-decoration: underline;}

/* Barre de Connexion */

#connexion {
	height: 45px;
	margin: 24px 0 0 370px;
	color: #6a6a6a;
	padding: 7px 0;
}

/* Menu vertical */

#menuvertical {
	width: 140px;
	margin: 57px 0 0 0 ;
	float: left;
	list-style-type: none;
}

#menuvertical li {
	display: block;
	width: 140px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin: 7px 0 0 0;
	background: url(images/menuvertical.jpg) no-repeat;
}

#menuvertical li a {
	color: #fff;
	text-decoration: none;
	margin: 0 20px 0 0;
}

#menuvertical li a:hover{text-decoration: underline;}

/* Contenu */

#contenu {
	width: 670px;
	margin: 45px 0 0 185px;
}

#contenu h2 {
	color: #fb8800;
	margin: 25px 9px 0 0;
	font-size: 1em;
}

#footer {
	clear: both;
	margin: 70px 0 0 0;
	text-align: center;

ça réponds à ta question :( ?

Mihawk · Answer

A peu près : tu fais plusieurs blocs que tu éloignes de la gauche en fonction de l'emplacement souhaiter.

Essaye de créer un cadre avec un fond (une photo) et de le mettre vers la droite aussi, vois ce que ça donne !

yanniks · Answer

Mais mon pauvre je sais pas faire :( :)

Une image à un endroit précis

6 réponses

Discussions similaires