Codage html css

Fermé
Arthur12 - Modifié le 22 avril 2021 à 12:15
jee pee Messages postés 40509 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 30 novembre 2024 - 22 avril 2021 à 12:51
Bonjours , J'ai 12 ans et je code un site en html

Comme je vous l'ai dit je code mon propre site sur la Bande déssinée
mais j'ai un soucis , ma page est diviser en deux et la partie inférieur deviens bleu . Je vous met toute les pièce jointe avec le code css et le code html .

Merci
h1
{
color: red;
}
h3
{
color: purpule;
}
h2
{
color: blue;
}
body
{

background-image:url(fond/spirou1.png); 
background-repeat:no-repeat;
background-position: bottom 190px right 10px;
background-attachment: fixed;
background-color: brown;
}
#carte
{
width: 800px ;
margin:0 auto ;
background-color: white;
text-align:center;
align-content: center;
}

#bande_horizontale
{
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 50px;
background-color:#9033FF ;
}

li 
{
list-style:none !important;
color:#FFF;
padding:10px;
font-size:20px;
text-decoration:none;
}
nav ul 
{
background-color:#64abfb;
padding:0;
margin:0;
}
nav ul li 
{
list-style: none;
line-height:44px;
float:left;
background-color:#64abfb;
}
nav ul li a 
{
color:#FFF;
padding:10px;
font-size:20px;
text-decoration:none;
}
li a:hover 
{
border-bottom:3px #FFF solid;
}

nav ul li ul { display:none; } /* Rend le menu déroulant caché par défaut */
nav ul li:hover ul { /* Affiche la dropNav au survol de la souris avec la class .drop */
z-index:99999;
display:list-item !important;
position:absolute;
margin-top:5px;
margin-left:-10px;
}
nav ul li:hover ul li
{
float:none;
}

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



<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> siteinternet </title>
<link rel="stylesheet"href="style.css">

</head>

<body>
<div id="bande_horizontale"></div>
<div id="carte">
<nav>
<ul>
<li><a href="PAGE0.html">Accueil</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<h1> Salon virtuelle de la bande dessinée </h1>
<p>
<h1>  Les tintin de Hergé </h1>
<p>
<h2> Tintin est un personnage de fiction créé par le dessinateur belge Hergé dans la série de bandes dessinées Les Aventures de Tintin, dont il est le personnage principal. Il apparaît pour la première fois dans le supplément jeunesse Le Petit Vingtième du journal belge Le Vingtième Siècle, avec les aventures de Tintin au pays des Soviets en 1929. Il est considéré comme le « descendant » de Totor, chef scout créé par Hergé en 1926 pour la revue Le Boy-Scout belge.
Tintin est un jeune reporter, toujours accompagné dans ses voyages par son fox-terrier Milou. Il est rejoint dans ses aventures par le capitaine Haddock à partir de l'album Le Crabe aux pinces d'or, puis par le Professeur Tournesol à partir de l'album Le Trésor de Rackham le Rouge. Sa route croise aussi très souvent celle des détectives Dupond et Dupont et plus épisodiquement celle de la cantatrice Bianca Castafiore, dont il fait la connaissance dans l'aventure Le Sceptre d'Ottokar.</h2>
<P>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Comic_Mural_Tintin%2C_Herg%C3%A9%2C_Brussels_%28cropped%29.jpg/280px-Comic_Mural_Tintin%2C_Herg%C3%A9%2C_Brussels_%28cropped%29.jpg"/>
</p>
<ul>
<li>Et voici tout les tintin :<br> 
<img src="https://lh3.googleusercontent.com/proxy/d_DWq9BO2eoC4c1MGanAAl59uGWphDe2MByZess_f5nv30QtSEjYqmPN2F35CsJ5ET2ZxkPNa4b6jbL4ShKOTiaTpFVH4kxSFlmm_UIilDYSRVNY"/>

<h2> TOUTE SES AUTRE OEUVRE: </h2>

<a href="h1.html" > <h3> Page 1 : Qui est hergé ? </h3> </a>
<a href="quick.html" > <h3> Quick et Flupke Gamins de Bruxelles, </h3> </a>
<a href="stratonef.html" > <h3>  Le Stratonef H  </h3> </a>
<a href="popol.html" > <h3>  Popol et Virginie   </h3> </a>
</ul>
<div id="carte">
</body>   
</html>


modération : Pour la mise en forme des sources, au dessus de la zone d'édition de tes messages, il y a des icônes pour l'enrichissement du texte. Celle qui a cet aspect
<> ▼
permet d'appliquer au code, suivant une liste de valeurs, le format correspondant à sa nature.
Un petit tuto là : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
A voir également:

1 réponse

jee pee Messages postés 40509 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 30 novembre 2024 9 438
Modifié le 22 avril 2021 à 12:52
Bonjour,

Le bloc est bleu car c'est le fond de <ul>. En 28 le <li> n'est pas fermé. Et dans le css la couleur c'est purple

0