Une image à un endroit précis
yanniks
-
yanniks -
yanniks -
Bonjour,
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
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
A voir également:
- Une image à un endroit précis
- Remettre l'ecran a l'endroit - Guide
- Légender une image - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Rechercher une image - Guide
6 réponses
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".
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".
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 ?
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 ?
Tout est possible :-)
Il faut que je sache comment tu as séparé les différentes parties... Avec des "table" ou bien des "div" ?
Il faut que je sache comment tu as séparé les différentes parties... Avec des "table" ou bien des "div" ?
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 :( ?
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 :( ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question