Page 1 sur 1

petit probleme de debutant

Publié : 04 mai 2020, 16:17
par jean136
bonjour
j essai d apprend la realisation d une page web
j ai certainement un probleme de débutant
je n arrive pas a mettre ( c est mon contenu) en haut a gauche dans mon bloc id content
il est bien dans le bloc id content , mais dessus un autre bloc id menu
je vous joint un copier / coller de mon petit travaille sa sera peut etre plus clair pour vous

</style>
</head>
<body>
<div style="text-align: center;" id="titres">
<h1>titre<br>
</h1>
</div>
<div id="content">
<div id="menu_gauche">
<p>c est menu gauche</p>
</div>
<p>c est contenu<br>
</p>
</div>
<br>
<br>
</body>
</html>
je pense que vous allez vite comprendre le bleme , mais moi sa fait une semaine que je suis bloqué
merci a l ame charitable
se que je veux faire c est un bloc div id content et mettre autre bloc div id menu
est ce que sa se fait comme ca
je le fait avec kompoter
merci a vous tous d avance

le css ici
#titres {
height: 30%;
width: 100%;
background-color: #ffccff;
}
#content {
width: 85%;
height: 100px;
background-color: #ffffcc;
}
#menu_gauche {
height: 90px;
width: 100px;
}

Re: petit probleme de debutant

Publié : 05 mai 2020, 16:22
par jean136
bonjour
pas de reponse a mon probleme
pouvez vous me donnez peu etre un site qui peu m aider ,plus dédié a mon probleme ou a mon niveau
ou une ame charitable
bonne journee a tous

Re: petit probleme de debutant

Publié : 05 mai 2020, 18:12
par lool_lauris
Salut,

Il y plein de sites sur le net qui propose des didactiels sur la réalisation d'un site web et les techniques associés (html, css, javascript, php, ...). Ces 2 là sont à mon avis incontournables :
=> https://www.alsacreations.com/
=> https://openclassrooms.com/fr/courses/1 ... l5-et-css3

Re: petit probleme de debutant

Publié : 06 mai 2020, 08:08
par Agent virtuel

Re: petit probleme de debutant

Publié : 06 mai 2020, 09:16
par brieucs
bonjour,
peut-être les 2 lignes "height: ..." du style se disputent.
brieucs.

Re: petit probleme de debutant

Publié : 06 mai 2020, 09:20
par brieucs
pour matérialiser les "boites", ajouter le style :
* { border: 1px dotted blue; }
par exemple.