Problème navigation
Résolu
frizou70
Messages postés
190
Date d'inscription
Statut
Membre
Dernière intervention
-
frizou70 Messages postés 190 Date d'inscription Statut Membre Dernière intervention -
frizou70 Messages postés 190 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai un problème dans l'intégration de mon site,
la navigation ne veut pas rentrer dans le body, pourtant j'ai l'impression de ne rien avoir oublié dans le html, et rien dans le css qui pourrait déplacer la navigation, enfin voilà je vous donne le html et le css pour ceux qui pourront m'aider, merci :)
html :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Chic et Broc | Accueil</title>
<link href="normalize.css" rel="stylesheet" type="text/css">
<link href="styles.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="londres.jpg" />
<link href='http://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="titre"><a href="index.html"><img src="img/interface/titre.png" alt="Chicetbroc"></a></div>
<nav>
<ul>
<li><a href="quisommesnous.html">Qui sommes-nous ?</a></li>
<li><a href="galerie.html">Galerie photo</a></li>
<li><a href="contact.html">Contact et infos pratiques</a></li>
</ul>
</nav>
</body>
</html>
css :
@charset "UTF-8";
/* CSS Document */
@font-face {
font-family: 'Franchise-Bold';
src: url('Franchise-Bold.ttf');
font-weight: normal;
font-style: normal;
}
html {
background:url(img/interface/fond.png) repeat #DDD;
}
body {
margin: 0 auto;
width:960px;
background-color:#FFF;
border: 1px solid black;
margin-top:15px;
margin-bottom:15px;
}
div#titre {
margin-left:100px;
}
nav ul li.active {
background-color:#DDD;
}
nav ul {
font-size:18px;
text-shadow: 1px 1px 2px #555;
margin-left:100px;
padding:0;
list-style-type:none;
}
nav li {
font-family: 'Franchise-Bold';
font-size:26px;
float:left;
background-color:#FFF;
height:55px;
width:auto;
text-align:center;
padding:20px 5px 0 5px;
border:1px solid black;
color:#FFF;
border-radius:10px;
margin:10px;
}
nav li a {
display:block;
width:116px;
color:black;
text-decoration:none;
padding:3px;
width:auto;
height:65px;
text-align:center;
}
nav ul li:hover {
background-color:#DDD;
-webkit-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
}
nav ul li a:visited {
color:#FFF
}
et voici ce que ça donne au niveau graphique : https://www.casimages.com/i/111220035849548409.png.html
Merci !
j'ai un problème dans l'intégration de mon site,
la navigation ne veut pas rentrer dans le body, pourtant j'ai l'impression de ne rien avoir oublié dans le html, et rien dans le css qui pourrait déplacer la navigation, enfin voilà je vous donne le html et le css pour ceux qui pourront m'aider, merci :)
html :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Chic et Broc | Accueil</title>
<link href="normalize.css" rel="stylesheet" type="text/css">
<link href="styles.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="londres.jpg" />
<link href='http://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="titre"><a href="index.html"><img src="img/interface/titre.png" alt="Chicetbroc"></a></div>
<nav>
<ul>
<li><a href="quisommesnous.html">Qui sommes-nous ?</a></li>
<li><a href="galerie.html">Galerie photo</a></li>
<li><a href="contact.html">Contact et infos pratiques</a></li>
</ul>
</nav>
</body>
</html>
css :
@charset "UTF-8";
/* CSS Document */
@font-face {
font-family: 'Franchise-Bold';
src: url('Franchise-Bold.ttf');
font-weight: normal;
font-style: normal;
}
html {
background:url(img/interface/fond.png) repeat #DDD;
}
body {
margin: 0 auto;
width:960px;
background-color:#FFF;
border: 1px solid black;
margin-top:15px;
margin-bottom:15px;
}
div#titre {
margin-left:100px;
}
nav ul li.active {
background-color:#DDD;
}
nav ul {
font-size:18px;
text-shadow: 1px 1px 2px #555;
margin-left:100px;
padding:0;
list-style-type:none;
}
nav li {
font-family: 'Franchise-Bold';
font-size:26px;
float:left;
background-color:#FFF;
height:55px;
width:auto;
text-align:center;
padding:20px 5px 0 5px;
border:1px solid black;
color:#FFF;
border-radius:10px;
margin:10px;
}
nav li a {
display:block;
width:116px;
color:black;
text-decoration:none;
padding:3px;
width:auto;
height:65px;
text-align:center;
}
nav ul li:hover {
background-color:#DDD;
-webkit-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
}
nav ul li a:visited {
color:#FFF
}
et voici ce que ça donne au niveau graphique : https://www.casimages.com/i/111220035849548409.png.html
Merci !
A voir également:
- Problème navigation
- Navigation privée - Guide
- Supprimer les données de navigation - Guide
- Simulateur de navigation maritime gratuit - Télécharger - Loisirs créatifs
- Enlever navigation privée chrome ✓ - Forum Google Chrome
- Erreur de certificat navigation bloquée ✓ - Forum Réseaux sociaux
