Rien ne s affiche quand j'ouvre mon index.html

Résolu/Fermé

nekfroid - 13 déc. 2018 à 12:46
nkefroid - 13 déc. 2018 à 20:02

Bonjour,

Configuration: Windows / Chrome 70.0.3538.110

voici mon code html :

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title> Traductrice professionnelle</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<link rel="stylesheet" href="src/css/main.css">


<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.6.0/js/all.js"/>

</head>



<body>

<header> Mes services
<div class="block">
<header class="header">
<a href="#" class="header-logo">Traductrice professionnelle</a>
<nav class="header-menu">
<a href="#">Accueil</a>
<a href="#">Mes services</a>
<a href="#">A propos</a>
<a href="#">Mes clients</a>
<a href="#">Me contacter</a>
</nav>
</header>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="src/js/main.js"></script>
</body>


</html>

Pourriez-vous me signaler si une erreur se trouve dedans, car quand j'ouvre mon index.html, rien ne s'ouvre!

Merci d'avance.

A voir également:

Rien ne s affiche quand j'ouvre mon index.html
Le clavier de mon telephone ne s'affiche plus - Guide
Yahoo mail ne s'ouvre plus - Accueil - Mail
Chrome ne s'ouvre plus ✓ - Forum Virus
Faites en sorte que la cellule a1 affiche exactement ce qui est montré sur cette image. quel mot apparaît en b1 ? - Forum Excel

3 réponses

Réponse 1 / 3

zum Messages postés 1326 Date d'inscription mardi 2 décembre 2003 Statut Contributeur Dernière intervention 25 octobre 2023 287
13 déc. 2018 à 12:59

Bonjour,
Il faudrait aussi avoir accès au fichier .css

nekfroid
13 déc. 2018 à 13:03

pas de probleme :
/*
HEADER

header {
width: 100%;
margin-left: 0;
margin-right: 0;
height: 70px;
line-height: 70px;
background-color: #2c3e50;
}
header header-logo{
color: #FFFFFF;
font-family: 'Shadows Into Light', cursive;
float: left;

}
head {
background-color: chocolate
}

Réponse 2 / 3

zum Messages postés 1326 Date d'inscription mardi 2 décembre 2003 Statut Contributeur Dernière intervention 25 octobre 2023 287
13 déc. 2018 à 13:20

Un premier souci sur le code html:


<!DOCTYPE html> 
<html> 
<!-- Head --> 
<head> 
<meta charset="utf-8"> 
 
<!-- CSS --> 

<link rel="stylesheet" type="texte/css" href="main.css" /> 
<!-- CSS --> 
<!-- Font --> 


<!-- Font --> 
<title>	Traductrice professionnelle</title>
</head> 
<!-- Head --> 


<!-- body --> 
<body>

Suppression des balises

script

et ceux qui concerne les

font

, qui doivent se trouver dans le code .css

Réponse 3 / 3

nekfroid
13 déc. 2018 à 16:49

Je crois, savoir : mes balises <a> ont un probleme, elles n-affichent aucun texte.
Par exemple avec ce code je ne vois rien...
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>mdrr test</title>

<link rel="stylesheet" href="src/css/main.css">

</head>

<body>

<header role='header'>
<nav class="menu" role='naviagtion'>
<div class="m-left">
<h3> Traductice professionnelle </h3>
</div>
<div class="m-left">
<a href="#">Accueil</a>
<a href="#">Mes clients</a>
<a href="#">A propos</a>
<a href="#">Me contacter</a>
</div>
</nav>
</header>
</body>

</html>

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
13 déc. 2018 à 19:03

Salut,
chez moi, tel quel, sans CSS, cela s'affiche correctement.
<nav class="menu" role='naviagtion'> : navigation peut-être correspondrait mieux à ce que tu veux ?

nekfroid > telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024
13 déc. 2018 à 19:06

Bonjour, le problème précédent est résolu mais j'en ai un nouveau...
Premièrement, quand je met mon <a href='#' class="m-link"> <i class="fas fa-home"></i> Accueil</a> un trait blanc dégeulasse apparaît.
http://prntscr.com/lulaw7
Deuxièmement, je ne trouve pas la commande pour ajouter une réaction au texte (m.link:hover)

Merci d'avance,
NekFroid.

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
13 déc. 2018 à 19:12

C'est sympa de laisser chercher la solution à problème résolu :(

nkefroid > telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024
13 déc. 2018 à 20:02

Sincèrement désolé...

Discussions similaires

Apache2 accès à autre que /var/www/html/index.html

Discord se lance mais l'écran se reste gris et rien ne se passe

[Sujet Groupé] Accès impossible à MarketPlace/Facebook

H.P Smart ne demarre plus

[Sujet groupé] Yahoo Mail ne veut plus s'ouvrir