Bonjour,
Il y à quelques jours, je me suis lancer dans le design d'un site web, et maintenant, j'aimerais le coder ;). J'ai donc suivit quelques tutos (je connaissait déjà les base du HTML /CSS).
Je rencontre néanmoins un problème, malgré les tutos, je ne comprend pas comment "intégré" un code CSS proprement à un HTML.
En effet, je chercher à faire une "boite", dans lequel je mettrais un texte, avec une dimension particulière et qui se place bien sur ma page.
Voici mon code html :
Code HTML :
<html>
<head>
<title> Le site officiel des agros de Joffre ! </title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="CSS/style.css" media=all />
Ma première feuille </br> de style
<div class=".box"> Et voila ma boite </div>
</br>
</hr>
</body>
</html>
et mon CSS :
Code :
body {
background-color:#000000;
background-image: url("images/Agroa.png"); // image de fond
background-repeat: no-repeat;
background-attachment: scroll;
background-position:50% 0%;
height:1678px;
overflow: auto;
}
.box {
margin-top: 100px; // la boite voulu (pour test) mais qui ne s'affiche pas ...
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
background-color: orange;
}Si quelqu'un pouvait m'aiguiller :) merci.