My CSS file is not being read when I upload it. No styling at all only certain parts. If I open the developer tag in google chrome only half of the css code comes up. Why is my website being selective and not picking up all of the code?
Opening the developer tag in Chrome I only see this:
body {
background-color: #A9A9A9
}
.ob {
display: block;
}
#gamebox {
position: static;
width: 99.6%;
height: 600px;
display: flex; /* using a flexbox here */
justify-content: center;
align-items: center;
}
As you can see some items are missing...
I have made a really basic subdirectory page here using this code:
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="webnamecurveball.css">
<title>
Website name - Curveball
</title>
</head>
<body style="background-color: #A9A9A9">
<h3 id="title" style="text-align: center"> Curveball </h3>
<div id="gamebox">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
width="550" height="400">
<param name=movie value="curve-ball.swf">
<param name=quality value=high>
<param name="menu" value="false">
<embed src="curve-ball.swf" quality=high menu="false"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="550" height="400"> </embed></object>
</div>
</body>
And here is my CSS
body {
background-color: #A9A9A9
}
.ob {
display: block;
}
#gamebox {
display: table;
margin: 0 auto;
}
#title {
color: grey;
letter-spacing: 2px;
text-shadow: 3px 2px black;
font-size: 2em;
}
I expect to see a grey title at the top of the page with shadows. This is how it shows up when I open the file locally. However on the website the title comes up as pain text.
Aucun commentaire:
Enregistrer un commentaire