CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Probleme de CSS

Supra7R
Supra7R
Niveau 6
06 mars 2020 à 06:24:07

Salut,

Je suis en train d faire un site web et malheureusement mon CSS s'applique sur certaines pages mais pas sur une. Je n'ai pas trouvé de réponses lors de mes recherches.
Voici mon hmtl :

<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Snake</title>
		<link rel = "stylesheet" href = "myStyle.css" />
	</head>
	<body>
		<div class="menu"></div>
		<div>
			<canvas class="myCanvas"></canvas>
			<script type="text/javascript" src="snake.js"></script>
		</div>
	</body>
</html>

Mon CSS :
.divForm{ position: relative; top: 100px; text-align: center; height: 100%; color: white; } .bodyConnection{ background-color: black; } #linkConnectionToSignIn{ color: white; } a:visited { color: white; } .inputForm{ border-radius: 4px; border : none; border-bottom: 2px solid grey; width: 15%; } .menu{ width: 100px; height: 100px; background-color: red; }

Merci

Supra7R
Supra7R
Niveau 6
06 mars 2020 à 06:39:23
.divForm{
position: relative;
top: 100px;
text-align: center;
height: 100%;
color: white;
}

.bodyConnection{
background-color: black;
}

#linkConnectionToSignIn{
color: white;
}
a:visited {
color: white;
}

.inputForm{
border-radius: 4px;
border : none;
border-bottom: 2px solid grey;
width: 15%;
}

.menu{
width: 100px;
height: 100px;
background-color: red;
}
Pseudo supprimé
Pseudo supprimé 06 mars 2020 à 21:13:33

ton fichier myStyle.css est dans le meme répertoire que ta page html ?

de plus, vaut mieux:
<link rel="stylesheet" type="text/css" href="mystyle.css">

et je suis pas certain que les espace avant et apres les = ca fonctionne.

Kikapp
Kikapp
Niveau 1
07 mars 2020 à 21:33:38

C'est normal que ton CSS ne fonctionne pas.
En réalité ton CSS fonctionne mais comme ton élément "menu" n'a ni de hauteur ni de background il n'apparaît pas.

N'hésite pas à ajouter type="text/css" dans ton lien css

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment