27314 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde !
je débute en html , et je voudrais crée une page qui résume une archi avec des liens vers des photos de plan de machine.
mon soucis ici c'est l’alignement des paragraphe , ce que je veux a l'affichage est ca :

                                                               "Titre principale"

Chapitre 1
               chapitre a
               chapitre b
               chapitre c
                .....
Chapitre2
               chapitre   a
               chapitre   b
               chapitre   c
                .....



j'ai mis en place un fichier CSS :
#carte
{
width : 800px;
margin: 0 auto;
background-color:white;
test-align:center;
align-content:center;
}

ul li
{
	lisst-style-type: none;
}


Mais ca ne me donne pas le resultat attendu.

Si qlq a une idée ? Merci beaucoup
Modifié par Felipe (05 Sep 2019 - 09:54)
Ooops , effectivement :

<!DOCTYPE html>

<html>

	
	   <div id="carte">
						<h1> - Titre principale -</h1>
		<link rel="stylesheet" href="style.css">
	</head>
	
	<div id="carte">
	<H2>Chapitre 1 </H2>

  	
	<H3>chapitre a </H3>

    <UL><LI>chapitre a: <p> - Plans a <a href="C:\XXXX\photo.png"><img src="photo.png" alt= "plans"></a><br />	                
                   <br />
				   <br />
	
	<LI>chapitre b: <p> - Plans b<a href="C:\XXXX\photo.png"><img src="photo.png" alt= "plans"></a><br />		                
                   <br />
				   <br />

	
    <H3>Chapitre 2 </H3>	 

    <UL><LI>chapitre a: <p> - Plans a <a href="C:\XXXX\photo.png"><img src="photo.png" alt= "plans"></a><br />	                
                   <br />
				   <br />
	
	<LI>chapitre b: <p> - Plans b<a href="C:\XXXX\photo.png"><img src="photo.png" alt= "plans"></a><br />		                
                   <br />
				   <br />

voila ....
Modifié par Felipe (05 Sep 2019 - 09:53)
Bonjour,
Il faudrait que tu revoies les bases du HTML, là on ne pourra rien pour toi...
Quelques remarques sans rentrer dans le détail:
- Les balises <div> et <h1> n'ont rien à faire dans le <head>, ça va dans le <body> (qui est inexistant)
- Les balises <p>, <li> et <ul> doivent se fermer
- Aucun intérêt dans ton cas à avoir des <p> dans les <li>
- Les <br/> à répétition c'est pas terrible... Pour gérer des écarts il vaut mieux utiliser des propriétés CSS telles que margin et padding

Bref, un bon apprentissage du HTML puis du CSS et tu arriveras sans problèmes à faire ce que tu veux Smiley smile
Bon courage!
@Mathieu8337 : Merci pour ta réponse.
Si je suis la c'est pour apprendre ,j'ai commencé mon msg par le dire , je suis débutant voir moins , mais ce que je veux faire n'est pas un site ,une plateforme de vente ,...etc, juste une page pour un besoin pro qui donne des liens vers de la doc. pas plus que ça et mon soucis est juste un pb d'affichage sur la même colonne des paragraphes.
C'est c'est compliqué , je prend pour moi .

Merci pour les autres