J'ai créé une page en HTML. Je m'occupe de la mise en page avec Bootstrap. Je ne comprends pas un point. Tout semblait fonctionner jusqu'à présent comme je le souhaitais dans la partie supérieure de la page. Mais depuis quelques heures, je ne parviens pas à modifier la suite du document. Je travaille sur le header et quelle que soit la modification que j'apporte à mon css (aussi bien la taille que la couleur de la police, une marge entre deux éléments...), rien ne change à l'écran ! Je ne parviens pas à avancer depuis plusieurs heures. Je n'y vois peut être plus très bien. J'imagine que le problème n'est pas si complexe qu'il y parait mais je n'y comprends rien. Si quelqu'un pouvait jeter un oeil à mon code pour m'aiguiller sur ce qui me bloque, ce serait super sympas. Merci d'avance.
HTML (début de la page) :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styleMaquetteVIDEO.css"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:700" rel="stylesheet">
<title> VoyagesdeRêve : Bienvenue sur notre nouveau site ! </title>
</head>
<!-- XS : smartphones / SM : tablettes / MD : IPAD / LG : TV-->
<body>
<!-- MENU NAVIGATION -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar">
<button type="button" class="navbar-toggle" data-togle="collapse" data-target="#navbar-collapse-main">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" id="menu"> Voyages de Rêves </a>
<a class="right" href="#"> <img src="img/anglais_small.png" alt="Logo"/> </a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-main">
<ul class="nav navbar-nav navbar-left">
<li class="headnav"><a class="active" href="#"> Accueil </a></li>
<li class="headnav"> <a href="#"> Destinations</a></li>
<li class="headnav"> <a href="#"> Expériences</a></li>
<li class="headnav"> <a href="#"> Paroles de voyageurs</a></li>
<li class="headnav"> <a href="#"> Qui sommes nous ? </a></li>
<li class="headnav"> <a href="#"> Destinations sur-mesure du moment</a></li>
<li class="headnav"> <a href="#"> Contact</a></li>
<li class="headnav"> <a href="#"> Le Blog</a></li>
</ul>
</div>
</div>
</nav>
<!-- bloc -->
<div class="bloc_page">
<!-- MENU HEADER -->
<header>
<div id="home">
<div class="landing-text">
<a href="#"><img src="img/logovoyagesderevespetit.jpg" alt="logo" id="logo" class="center-block"/> </a><br/>
<p class="accroche"> Et vos rêves se réalisent... </p> <br/>
<img src="img/icon.png" alt="Icone flèche pleine sur fond transparent dans un cercle" class="center-block" id="fleche"/> <br/>
<h1> Vivre l'Essentiel Oman : Au pays des Mille et Une Nuits <br/> </h1>
<p class="oman">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br/></p>
<a href="#" class="btn btn-default btn-lg"> Demandez un entretien gratuit </a>
</div>
</div>
</header>
Je ne comprends pas où est le problème. Pourrais tu me dire à quel niveau tu l'as trouvé stp ? J'ai collé mon code dans Beautifier CSS mais ça ne me signale rien du tout. C'est la première fois que je l'utilise. Merci.
- Edité par LaureDevillers il y a 28 minutes
Tiens essaye de copier coller a partir d'ici et vérifie bien que tout tes fichiers existe.
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Menu burger light sans JS
Menu burger light sans JS
Menu burger light sans JS