okay nu har jeg gjort som du har sagt...
har filen
styles.css
/* CSS Document */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #666;
}
#top {
margin-top: 0px;
padding: 0px;
height: 168px;
width: 818px;
background: url("http://www.wizzo.dk/topbanner.png");
z-index: 1;
}
#menu {
position: relative;
top: 100px;
margin-top: 0px;
padding: 0px;
}
#tekstboks {
margin-top: 140px;
margin-left: 2px;
margin-bottom: auto;
width: 818px;
background-color: #999;
text-align: left;
}
#menulinks {
margin-top: 90px;
border-right: 1px solid #DDD;
float: left;
}
a.menulinks:link {
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
text-decoration: none;
}
a.menulinks:visited {
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
text-decoration: none;
}
a.menulinks:hover {
color: #F00;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
border-bottom-color: #F00;
border-bottom-width: thick;
border-bottom-style: solid;
}
a.menulinks:active {
color: #00F;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
border-bottom-color: #00F;
border-bottom-width: thick;
border-bottom-style: solid;
}
også min xindex.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>
<div id="menu">
<center>
<a href="#" class="menulinks">Home</a>
|
<a href="#" class="menulinks"> About Us</a>
|
<a href="#" class="menulinks">News</a>
|
<a href="#" class="menulinks">News</a></div>
</center>
</div>
</center>
<center>
<div id="tekstboks">
<h1>HEEEEY<h1>
</div>
</center>
</body>
</html>
problemet er bare at i ff viser den ikke topbanneret og i IE viser den hverken topbanneret eller menuen... øv...
men jo det er lidt underligt jeg kan kode php og ikke der basale css
fokuserede mere på php da jeg startede
Du bruger DreamWeaver kan jeg se ;P (Det program smadrer alt flot kildekode..)
Nå, men din xindex.php skal se sådan her ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="main">
<div id="top">
<div id="menu">
<a href="#" class="menulinks">Home</a>
|
<a href="#" class="menulinks"> About Us</a>
|
<a href="#" class="menulinks">News</a>
|
<a href="#" class="menulinks">News</a>
</div><!-- Menu END -->
</div>
<div id="tekstboks">
<h1>HEEEEY<h1>
</div><!-- Tekstboks END -->
</div><!-- Main END -->
</body>
</html>
og din CSS:
/* CSS Document */
*{
border: 0;
margin: 0;
padding: 0;
}
body {
background-color: #666;
}
#main
{
width: 818px;
margin: auto;
background-color: #999;
min-height: 600px;
}
#top {
margin-top: 0px;
padding: 0px;
height: 168px;
width: 818px;
background-image: url("http://www.wizzo.dk/topbanner.png");
background-repeat: none;
z-index: 1;
border-bottom: 1px solid #000;
}
#menu {
width:818px;
position: relative;
top: 100px;
margin-top: 0px;
padding: 0px;
margin: auto;
text-align: center;
}
#tekstboks {
margin: auto;
width: 818px;
min-height: 400px;
background-color: #999;
}
a.menulinks:link {
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
text-decoration: none;
}
a.menulinks:visited {
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
text-decoration: none;
}
a.menulinks:hover {
color: #F00;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
border-bottom-color: #F00;
border-bottom-width: thick;
border-bottom-style: solid;
}
a.menulinks:active {
color: #00F;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
border-bottom-color: #00F;
border-bottom-width: thick;
border-bottom-style: solid;
}
Jeg har tilføjet nogle ting og fjernet andre.. I CSS'en har jeg lavet en global "indstilling" (*) den bruger jeg til at resette alle borders, margins og paddings.. Det gør det en del nemmere at arbejde med =]
Jeg har også fjernet alle dine <center> tags i xindex.php da det kan gøres meget nemmere og pænere i CSS, nemlig med:
margin: auto;Hvis der er nogle spørgsmål omkring din CSS og det jeg ellers har rettet så smider du bare en besked =]
- Martin Bille Broberg