Hmm.. Det har jeg prøvet nu, men det virker ikke.
Jeg sender lige koden, så håber jeg, at du har tid til at hjælpe
HTML:
<!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=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/main/stylesheet.css">
<title>Untitled Document</title>
</head>
<body>
<div id="site_container">
<div id="site_container_top_row">
<div id="site_container_top_row_header">
BlomSites
</div>
<div id="site_container_top_row_bottom">
<div id="site_container_top_row_bottom_username">
Username:
<input id="username" name="username" type="text" value="" />
</div>
<div id="site_container_top_row_bottom_password">
Password:
<input id="password" name="password" type="password" value="" />
</div>
<div id="site_container_top_row_bottom_login">
<a href="javascript:login()">Login</a>
</div>
<div id="site_container_top_row_bottom_not_yet_registred">
<a href="#">Not yet registred?</a>
</div>
</div>
</div>
<div id="site_body">
<div id="site_container_left_column">
<div id="site_container_left_column_top">
</div>
<div id="site_container_left_column_middle">
<div id="site_container_left_column_middle_link">
<a href="#">Main Page</a><br />
<div id="site_container_left_column_middle_button"></div>
<a href="#">About Us</a><br />
<div id="site_container_left_column_middle_button"></div>
<a href="#">Schedule Me</a><br />
<div id="site_container_left_column_middle_button"></div>
<a href="#">News Archive</a><br />
<div id="site_container_left_column_middle_button"></div>
<a href="#">Gallery</a><br />
<div id="site_container_left_column_middle_button"></div>
<a href="#">Why Us</a><br />
<div id="site_container_left_column_middle_button"></div>
<a href="#">Contact Us</a><br />
<div id="site_container_left_column_middle_button"></div>
</div>
<div id="site_container_left_column_middle_include">
<img src="images/container/left_column/include/include.gif" />
</div>
</div>
<div id="site_container_left_column_bottom">
</div>
</div>
<div id="site_container_right_column">
<div id="site_container_right_column_top">
</div>
<div id="site_container_right_column_middle">
<div id="site_container_right_column_middle_content_header">
Welcome to BlomSites(.dk)
</div>
<div id="site_container_right_column_middle_content">
This text is random and is only to fill the page.<br/>
Faint heart never won fair lady - Proverb:<br/>
<br/>
Once upon a time there was an affectionate and
passionate boy, William, who was very devoted to a
girl, who was living on the other side of the street,
and had been so for the past three years. They had
been friends as long as he could remember, but he
was too shy to ask her out. One fantastic evening they
were sitting around the crackling and hot fire, in the
clear and romantic moon glow when she suddenly
moved closer to him and placed her head on his
shoulder. She tried hard to make William realize that
she was in love too, but he was too shy to make a
move. She stood up and went home.<br/>
<br/>
One day an old acquaintance of her stopped by her
house and they left. William waited and waited, it
almost seemed forever to forget about her, and he
kept thinking about what he did wrong. He was such a calm, attractive and restrained person
who would never use a girl, and then she went away with such a show-off instead of
staying with him, William thought for himself.
<br/>
The point is, If William had just been a little more courageous instead of being such a
coward, then it could be him she ran off with.
</div>
</div>
<div id="site_container_right_column_bottom">
</div>
</div>
<div id="site_container_bottom_row">
<div id="site_container_bottom_row_top">
</div>
<div id="site_container_bottom_row_middle">
©opyright 2009 - BlomSites CVR / SE: 31732441 - Kontakt: +45 22 962 965 - e-Mail: Irempsum@unisolaruim.com
</div>
<div id="site_container_bottom_row_bottom">
</div>
</div>
</div>
</div>
</body>
</html>
CSS:
/*
The body
*/
body
{
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
background: #CBCBCB url(../../images/background/background.jpg) top left repeat-x;
}
/*
Links
*/
a:link, a:visited { color: #000000; text-decoration: none; }
a:active, a:hover { color: #000000; text-decoration: none; }
#site_container_left_column_middle_link a:hover { color: #000000; text-decoration: none; font-size: 110%; }
#site_container_top_row_bottom_not_yet_registred a:hover { color: #000000; text-decoration: underline; }
/*
Headers
*/
h1
{
font-size: 16pt;
font-weight: bold;
color: #b10d00;
border-bottom: solid 2px #bb2b20;
}
h2
{
font-size: 10pt;
padding: 10px 0px 0px 0px;
font-weight: bold;
color: #ff5032;
font-family: verdana;
}
h3
{
margin: 0px;
padding: 0px 10px 0px 20px;
font-size: 10pt;
font-weight: bold;
font-family: verdana;
}
/*
Containing top row & left and right column
*/
#site_container
{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 800px;
min-height: 800px;
background: #CCCCCC url(../../images/container/background.png) top left repeat-y;
border: solid 1px #333333;
}
/*
Containing left and right columns
*/
#site_body
{
margin: 10px;
width: 800px;
height: auto;
}
/*
Containing top row
*/
#site_container_top_row
{
background: #0099FF url(../../images/container/top_row/banner.jpg) top left no-repeat;
width: 800px;
height: 150px;
}
#site_container_top_row_header
{
padding: 55px;
font-size: 32pt;
font-weight: bold;
color: #000000;
}
#site_container_top_row_bottom
{
float: right;
padding-right: 10px;
margin-top: -5px;
font-size: 10pt;
font-weight: bold;
color: #000000;
max-width: 700px;
}
#site_container_top_row_bottom_username
{
float: left;
margin-right: 25px;
}
#site_container_top_row_bottom_password
{
float: left;
margin-right: 10px;
}
#site_container_top_row_bottom_username input, #site_container_top_row_bottom_password input
{
font-size: 10pt;
background: url(../../images/container/top_row/login/transparent_light.png);
padding: 2px 10px 0 10px;
height: 17px;
width: 90px;
border: 0;
color: #000000;
}
#site_container_top_row_bottom_login
{
float: left;
margin-right: 25px;
}
#site_container_top_row_bottom_not_yet_registred
{
font-weight: normal;
float: left;
margin-right: 5px;
}
/*
Containing left column
*/
#site_container_left_column
{
float: left;
height: auto;
width: 195px;
}
#site_container_left_column_top
{
background: url(../../images/container/left_column/top.png) top left no-repeat;
height: 5px;
width: 195px;
}
#site_container_left_column_middle
{
background: url(../../images/container/left_column/background.png) top left repeat-y;
min-height: 590px;
width: 195px;
}
#site_container_left_column_bottom
{
background: url(../../images/container/left_column/bottom.png) top left no-repeat;
height: 5px;
width: 195px;
}
#site_container_left_column_middle_link
{
padding-top: 20px;
margin-left: 35px;
list-style: none;
line-height: 33px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#000000;
min-height:325px;
}
#site_container_left_column_middle_button
{
float: right;
padding-right: 20px;
background: url(../../images/container/left_column/button.png) no-repeat;
height: 4px;
width: 155px;
}
#site_container_left_column_middle_include
{
float: none;
margin-top: 30px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
height: auto;
max-width: 160px;
}
/*
Containing right column
*/
#site_container_right_column
{
float: left;
height: auto;
width: 585px;
}
#site_container_right_column_top
{
background: url(../../images/container/right_column/top.png) top left no-repeat;
height: 5px;
width: 585px;
}
#site_container_right_column_middle
{
background: url(../../images/container/right_column/middle.png) top left repeat-y;
min-height: 590px;
width: 585px;
}
#site_container_right_column_bottom
{
background: url(../../images/container/right_column/bottom.png) top left no-repeat;
height: 5px;
width: 585px;
}
#site_container_right_column_middle_content_header
{
min-height: auto;
width: 510px;
margin-left: auto;
margin-right: auto;
text-align: justify;
border-bottom: solid 2px #0066CC;
font-size: 12pt;
padding-bottom: 5px;
padding-top: 30px;
}
#site_container_right_column_middle_content
{
min-height: auto;
width: 510px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 30px;
text-align: justify;
}
/*
Containing footer
*/
#site_container_bottom_row
{
float: left;
height: auto;
width: 780px;
}
#site_container_bottom_row_top
{
background: url(../../images/container/bottom_row/top.png) top left no-repeat;
height: 5px;
width: 780px;
}
#site_container_bottom_row_middle
{
background: url(../../images/container/bottom_row/middle.png) top left repeat-y;
min-height: 20px;
width: 780px;
text-align: center;
padding: 0 10px 0 10px;
}
#site_container_bottom_row_bottom
{
background: url(../../images/container/bottom_row/bottom.png) top left no-repeat;
height: 5px;
width: 780px;
}
Indlæg senest redigeret d. 18.01.2009 20:40 af Bruger #14181