Salut tout le monde,
Je suis en train de suivre un guide sur le site du zéro, ce guide : http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-site-web-avec-html5-et-css3/comment-fait-on-pour-creer-des-sites-web
Je suis au chapitre 4 de la partie 3.
J'ai une question pour le paragraphe La Bannière et 2 pour le paragraphe Le Corps.
Pour la bannière :
Dans le code j'ai ça :
- banniere_image
{
margin-top: 15px;
height: 200px;
border-radius: 5px;
background: url("C:/Users/Romain/Desktop/html et css/miami2.jpg") no-repeat;
position: relative;
box-shadow: 0px 4px 4px #1c1a19;
margin-bottom: 25px;
}
Il explique par la suite que la position relative lui a permis de mettre le .bouton_rouge en position absolute.
Or on a donné aucun emplacement pour le #banniere_image et si je remplace le relative par absolute ma photo disparait complétement et je ne comprend pas pourquoi ?
Pour Le Corps :
Donc dans le code qui est donné on a :
article
{
width: 625px;
margin-right: 15px;
}
aside
{
position: relative;
width: 235px;
background-color: #706b64;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 10px;
color: white;
font-size: 0.9em;
}
Donc 2 questions :
- pourquoi c'est aside qui va se placer à droite et pas article ?
- Dans le code de départ le width est de 900, mais ici on a un width de 625 et un autre de 235. Ce qui nous fait un total de 850. Je suppose que je dois rajouter en plus le margin de l'article et le padding de l'aside donc 850+15+10=875.
Or si je venais à mettre le width de l'aside à 240, et bien le bloc descend sous l'article plutot que d'etre à sa droite, pourtant je n'ai toujours pas dépassé les 900.
Donc la question c'est : qu'est ce que j'ai oublié ou pas compris ?
d'avance pour vos réponses, j'espere avoir été clair dans mes questions.
