hulp met gears3 website

Status
Niet open voor verdere reacties.
D

djbosanac

Gebruiker
Lid geworden
13 aug 2008
Berichten
293
Zit met wat problemen:

html:
Code: 
<doctype html>
<html>
<head>
	<title>Test Pagina</title>
	<link rel="stylesheet" type="text/css" href="../css/stylesheet.css" />
</head>
<body>
<div class="container">
<div class="header">
<h1>Gears Of War 3</h1>
<h2>Community Test Board</h2>
</div>
<div class="menu">
<ul>
				<li><a href="index.html">HOME</a></li>
				<li><a href="../pages/about.html">ABOUT US</a></li> 
				<li><a href="../pages/pictures.html">Pictures</a></li> 
				<li><a href="../pages/downloads.html">Downloads</a></li> 
				<li><a href="../pages/forums.html">Forums</a></li>
				<li><a href="../pages/contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</body>
</html>

stylesheet
Code: 
*
{
	padding: 0px;
	margin: 0px;
}
body
{
		background-color: black;
		background-image: url(../images/bg.jpeg);
		padding-top: 5px;
}
div.container
{
	width: 800px;
	height: 959px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
}
div.header
{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 800px;
	background-position: right;
	border: solid white 2px;
}
h1
{
	color: white;
	margin-left: 160px;
	margin-top: 60px;
}
h2
{
	color: white;
	margin-left: 147px;
}
li
{
	color: white;
	display: inline;
	margin-left: 57px;
}
ul
{
	padding-top: 5px;
}
a
{
	color: #F8FCF7;
	text-decoration: none;
}


Elke keer als ik op een pagina ga, laad die de stylesheet niet, en soms ook alle andere dingen niet.
Ik weet wel iets dat je met ../ moet werken, alleen weet even niet uit me hoofd.

Daarnaast staat de stylesheet in het mapje css, en de .html staan in de pages zoals je ziet, maar het werkt niet, eerste padina werkt wel gewoon.
Zie bijlage hoe alle pagina's er moeten uitzien..
 

Bijlagen

  • 1b.jpg
    1b.jpg
    86,8 KB · Weergaven: 19
Hallo,

Als je de pagina laad in Chrome dan kan je element inspecteren doen, als je dan op het tabje network klikt, en de pagina opnieuw herlaad (CTRL+F5).

dan kan je zien waarom hij de CSS niet laad, Probeer dit eens:

Code: 
<link rel="stylesheet" type="text/css" href="/../css/stylesheet.css" />
 
ik heb deze gedaan nu:

<link rel="stylesheet" type="text/css" href="/../css/stylesheet.css" />

maar hij pakt de css niet, je ziet alleen de menu enz.
Maar bij andere tabs dan pakt die helemaal niks, waar kan het aan liggen,..
 
daarnaast heb ik met css menu maker ook problemen:

index
Code: 
<doctype html>
<html>
<head>
	<title>Test Pagina</title>
	<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
	<link rel="stylesheet" href="../menu/menu_style.css" type="text/css" />
</head>
<body>
<div class="container">
<div class="header">
<h1>Gears Of War 3</h1>
<h2>Community Test Board</h2>
</div>
<div class="menu">
<ul id="menu">
	<li><a href="index.html" target="/../pages" title="Home">Home</a></li>
	<li><a href="about.html" target="/../pages" title="About Us">About Us</a></li>
	<li><a href="pictures.html" target="/../pages" title="Pictures">Pictures</a></li>
	<li><a href="downloads.html" target="/../pages" title="Downloads">Downloads</a></li>
	<li><a href="forums.html" target="/../pages" title="Forums">Forums</a></li>
	<li><a href="contact.html" target="/../pages" title="Contact Us">Contact Us</a></li>
</ul>
</div>
</div>
</body>
</html>

stylesheet
Code: 
*
{
	padding: 0px;
	margin: 0px;
}
body
{
		background-color: black;
		background-image: url(../images/bg.jpeg);
		padding-top: 5px;
}
div.container
{
	width: 800px;
	height: 959px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
}
div.header
{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 800px;
	background-position: right;
	border: solid white 2px;
}
div.menu
{

}
h1
{
	color: white;
	margin-left: 160px;
	margin-top: 60px;
}
h2
{
	color: white;
	margin-left: 147px;
}
li
{
	color: white;
	display: inline;
	margin-left: 57px;
}
ul
{
	padding-top: 5px;
}
a
{
	color: #F8FCF7;
	text-decoration: none;
}

stylesheet menu
Code: 
ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	background:transparent url("images/black.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li
{
	display:block;
	float:left;
	margin:0;
	pading:0;
	border-right:1px solid #ffffff;
}
ul#menu li a
{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	height:40px;
}
ul#menu li a:hover
{
	background:transparent url("images/blue.jpg") repeat-x top left;	
}

maar hij toont niks, wat doe ik fout,,,,
 
In welke map staan de html-bestanden en in welke map (t.o.v. de map met html-bestanden) staan de css-bestanden?
 
css
images
menu
pages

en index staat niet in een map, gewoon er buiten..
 
<link rel="stylesheet" type="text/css" href="./stylesheet.css" />
<link rel="stylesheet" href="./menu/menu_style.css" type="text/css" />
Probeer het eens zo?
 
het is al opgelost, ze hebben geen rechten gekregen bij de hele bouw nog.
Maar het ging erom dat de index.php verkeerd zat ipv /pages/index.html moest het gewoon index.html zijn, omdat die niet in een mapje zit.

en dan de rest van alles was gewoon goed, door 1 fout. liep alles verkeerd.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan