Bonjour,
Débutant .
Je voudrais rénover mon site mettre une image (0.png) en bannière suivi de 2 étoiles (étoile.gif).
La bannière serait du genre :
paille en queue + etoile + etoile
Par la suite je veux mettre des flags.
Je n'arrive pas à installer les "paille en queue +2 étoiles" les uns à coté des autres.
J'ai lu l'article de Raphaël sur les images mais je ne m'en sors pas et sur le livre CSS2 je ne vois pas d'exemples.
Pourriez-vous m'indiquer en Html et Css comment réaliser ceci?
Merci de votre compréhension.
cordialement
Débutant .
Je voudrais rénover mon site mettre une image (0.png) en bannière suivi de 2 étoiles (étoile.gif).
La bannière serait du genre :
paille en queue + etoile + etoile
Par la suite je veux mettre des flags.
Je n'arrive pas à installer les "paille en queue +2 étoiles" les uns à coté des autres.
J'ai lu l'article de Raphaël sur les images mais je ne m'en sors pas et sur le livre CSS2 je ne vois pas d'exemples.
Pourriez-vous m'indiquer en Html et Css comment réaliser ceci?
Merci de votre compréhension.
cordialement
<body>
<!--voir remarque exemple 7 R.Goetter images collées! http://www.alsacreations.com/article/lire/626-impact-rendu-indentation-code.html-->
<p><img class="image0" src="0.png" alt="0"></img>
<img class="image1" src="etoilegif.gif" alt="etoilegif"></img>
</p>body
{
width: 987px;
height: 1200px;
margin: auto; /*pour centrer notre page*/
padding: 0px;
margin-top: 2px; /* pour éviter de coller avec le haut de la fenêtre du navigateur
margin-bottom: 20px; /* Idem pour le bas*/
}
/* ---------------------------banniere 1 et etoile--------------------- */
p.image0
{
float: left;
width: 524px;
height: 78px;
margin-left: 123px;
}
p.image1
{
float: right;
width: 20px;
height: 20px;
margin-left: -200 20px 0 0;
}