Aide CSS html, %age disposition image.

Fermé
skizorager Messages postés 23 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 17 mars 2014 - 9 août 2008 à 20:16
skizorager Messages postés 23 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 17 mars 2014 - 9 août 2008 à 21:27
Bonjour à tous,

je me suis lancé dans l'apprentissage du CSS, ma première idée est de placer les images en %age par rrapport à la page, j'y arrive bien mais impossible d'introduire plus d'une donnée de background.

voici mon codage css actuel :

<style type="text/css">
body
{
	background-image: url(pict/top_left2.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 0% 0%;
	background-color: #333333;
}
</style>


ce qui donne grossièrement :

http://dimorar.e3b.org/index_.html

a seconde image à insérer est :

http://dimorar.e3b.org/pict/CV.png

si je me suis mal fait comprendre, regarder le code que j'ai essayer de créer et corriger moi :-)

<style type="text/css">
body
{
	background-image: url(pict/top_left2.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 0% 0%;
	background-color: #333333;
}
{
	background-image: url(pict/CV.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 100% 20%;
	background-color: #333333;
}
</style>


ou

<style type="text/css">
body
div#topleft{
	background-image: url(pict/top_left2.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 0% 0%;
	background-color: #333333;
}
div#topright{
	background-image: url(pict/CV.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 100% 20%;
	background-color: #333333;
}
</style>

avec les balises <div id="topleft">Ceci est le coin droit</div> et <div id="topright">Ceci est le cote droit</div> dans le codage html



et le dernier :

<style type="text/css">
body
h1,
{
	background-image: url(pict/top_left2.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 0% 0%;
	background-color: #333333;
}
h2,
{
	background-image: url(pict/CV.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 100% 20%;
	background-color: #333333;
}
</style>


mais rien n'y fait, cela ne va pas,

merci de vos lumières.
A voir également:

1 réponse

skizorager Messages postés 23 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 17 mars 2014 2
9 août 2008 à 21:27
je viens de m'appercevoir que ce code n'était dispo que pour le background, il ne peut en effet avoir qu'un fond, pourriez vous me dire comment placer les images tiers au fond ?

merci.
1