Mathiis95
Messages postés1Date d'inscriptionjeudi 23 mai 2013StatutMembreDernière intervention23 mai 2013
-
23 mai 2013 à 10:56
Bonjours :)
Depuis peu je me suis mis à créer un site web pour ma chaîne YouTube mais... problème. Mon texte après le menu horizontal monte et se colle avec le menu. Voici le site: https://www.000webhost.com/migrate?static=true
Le CSS:
body
{
font-family: Georgia, "Times New Roman",
Times, serif;
color: black;
background-color: #e3e3e3
}
ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
list-style-type : none;
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}
li /* Ensemble du menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
float:left;
}
ul li a/* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 144px; /* largeur */
float:left;
}
ul li a:hover /* Lorsque la souris passe sur un des liens */
{
color: #000; /* On passe le texte en noir... */
background: #fff; /* ... et au contraire, le fond en blanc */
}
a:link {
color: blue }
a:visited {
color: purple }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
Le HTML de l'index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mathiis95 | Le site</title>
<link rel="stylesheet" href="moncss.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="viewport" content="width=device-width, minimum-scale=0.25"/>
<meta name="viewport" content="width=device-width, user-scalable=no"/>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi"/>
<style>
body {
min-width: 320px;
}
</style>
</head>
<body>
<h1>Site en construction !</h1>
<h2>Le site est très moche pour le moment, veuillez m'excuser !</h2>
<ul>
<li>
<a href="index.html">Accueil</a>
</li>
<li>
<a href="videos.html">Vidéos</a>
</li>
<li>
<a href="playlists.html">Les séries en playlist</a>
</li>
</ul>
<p>Bienvenue sur le site de Mathiis95 !
<p>Comme tu aurais pu le deviner je m'appelle Mathis. J'ai 16 ans...
<p>Voici mon site, je sais que pour le moment il est moche mais c'est normal !
<p>Tu peux aller dans la section "vidéos" pour voir toutes mes vidéos.
<p>Bonne visite ! :)
<p> ILS N'Y A PAS TOUTES LES VIDEOS DE MA CHAINE ! Allez voir ma chaîne pour plus de vidéos..
</body>
</html>