Problème navigation
Résolu
frizou70
Messages postés
205
Statut
Membre
-
frizou70 Messages postés 205 Statut Membre -
frizou70 Messages postés 205 Statut Membre -
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
- Navigation sans internet - Guide
- Enlever navigation privée ipad ✓ - Forum iPad
