Crystal-Dag
01-10-2007, 03:49 PM
I was wondering why this coding doesn't seem to always show the background http://urbandisaster.awardspace.co.uk
CSS
a:link, a:active, a:visited {
color : #5FA7E3;
font-family : tahoma;
text-decoration : none;
font-size : 8pt;
}
a:hover {
color : #C0FFFF;
font-size : 8pt;
font-family : tahoma;
text-decoration : none;
font-weight : bold;
cursor : crosshair;
}
body, table, td, div {
color : #ffffff;
font-family : arial;
font-size : 8pt;
line-height : 10pt;
}
body {
background: url(http://i21.tinypic.com/11ujbxw.jpg)
}
b {
color : #7EB2DE;
font-family : tahoma;
font-size : 8pt;
line-height : 10pt;
}
i {
color : FFFFFF;
font-family : georgia;
font-size : 8pt;
font-style : italic;
line-height : 10pt;
}
u {
color : #7EB2DE;
font-family : verdana;
font-weight : normal;
font-size : 8pt;
border-bottom : 1px dashed #C0FFFF;
}
strong {
color : #7EB2DE;
font-family : tahoma;
font-weigh : bold;
font-size : 12pt;
line-height : 10pt;
}
.layout {
position : absolute;
top : 0;
left : 0;
}
.content {
position : absolute;
top : 447px;
left : 4px;
width : 416px;
background : #BBD6EB;
}
.sidebar {
position : absolute;
top : 314px;
left : 441px;
width : 140px;
background : #BBD6EB;
}
.linkbar {
position : absolute;
top : 256px;
left : 436px;
width : 149px;
}
a.nav:link, a.nav:visited, a.nav:active {
font-family : georgia;
font-size : 8pt;
line-height : 10pt;
color : #B3D0E9;
background : #ffffff;
cursor : none;
display : block;
border-left : 5px solid #7EB2DE;
border-top : none;
border-right : none;
border-bottom : 0px;
margin : 0;
margin-bottom : 0;
padding : 2px;
text-align : right;
font-weight : normal;
}
a.nav:hover {
font-family : georgia;
font-size : 8pt;
line-height : 10pt;
color : #B3D0E9;
background-color : #C0FFFF;
cursor : crosshair;
display : block;
border-left : 5px solid #7EB2DE;
border-top : none;
border-right : none;
border-bottom : 0px;
margin : 0;
margin-bottom : 0;
padding : 2px;
text-align : right;
font-weight : normal;
}
.side {
margin : 0;
background : #ffffff;
font-family : Georgia;
font-size : 12px;
line-height: 14px;
color : #7EB2DE;
text-transform : uppercase;
font-weight : normal;
text-align : right;
border-bottom : 4px solid #7EB2DE;
}
.side2 {
margin : 0;
font-family : Georgia;
font-size : 12px;
line-height: 14px;
color : #FFFFFF;
text-transform : uppercase;
font-weight : normal;
text-align : center;
border-bottom : 4px solid #7EB2DE;
}
.head {
margin : 0;
background : #ffffff;
font-family : georgia;
font-size : 18px;
line-height: 20px;
color : #7EB2DE;
text-transform : none;
font-weight : none;
text-align : left;
border-bottom : 5px solid #B3D0E9;
}
h5 {
color : #ffffff;
background-color : transparent;
font : 8pt arial;
text-transform : none;
line-height : 10px;
border-bottom : 1px dashed #ffffff;
letter-spacing : 0;
padding-left : 2px;
padding-right : 2px;
padding-top : 2px;
padding-bottom : 2px;
text-align : right;
margin : 0;
}
HTML
[quote]
<html>
<head>
<title>- Urban Disaster</title>
</head>
<body>
<LINK REL=stylesheet HREF="style.css" TYPE="text/css">
<div class="layout"><img src="MainImage.jpg"></div>
<div class="linkbar">
<div class="side2">A D V E R T </div>
</div>
<div class="sidebar">
<div class="side">W E L C O M E</div>
<br>
Hey! Welcome to <b>Urban Disaster</b>. This is a personal website however you will find resources for <u>you</u>, your website <i>and</i> bebo! Tutorials shall also be coming to <b>Urban Disaster</b> soon!
<br><br>
<div class="side">T h i s G U Y</div>
<img src="Me Thumbnail.jpg" align="left"> Gavin.Sixteen.<br>Scottish.Invi.<br>Optimistic & <br>Loving.<u>Likes:</u><br>Friends.Music.<br>Film.Dancing<br>At Parties.<br><u>Hates:</u> Twits.<br>Sadness.DJs.<br>Junk Stuff.<br><u>Sites:</u> My <a href="http://www.Urban-Disaster.bebo.com" target="_blank">Bebo</a>.My <a href="http://www.Myspace.com/GavzorzProductions" target="_blank">Space</a>.<br>My <a href="http://www.faceparty.com/Gavzorz" target="_blank">Faceparty</a>.<i>More? <i><a href="Gavin.html" target="_self">Here</a>
<br><br>
<div class="side">N a v i g a t e</div>
<br>
<a
class="nav" href="URLHERE">HOME</a>
<a
class="nav" href="URLHERE">GAVIN</a>
<a
class="nav" href="URLHERE">PHOTOS</a>
<a
class="nav" href="URLHERE">GUEST</a>
<a
class="nav" href="URLHERE">BEBO</a>
<a
class="nav" href="URLHERE">CHAT</a>
<a
class="nav" href="URLHERE">SITE</a>
<a
class="nav" href="URLHERE">CONTACT</a>
<br>
<br>
<div class="side">L I N K A G E</div>
<br>
Want A Link Here? Contact Me <a href="Contact" target="_self">Here</a>
<br>
<br>
<div class="side">S I T E S T A T S</div>
<center>
<br>
<a href="http://www.fastwebcounter.com" title="Free Web Counter"><script src="
CSS
a:link, a:active, a:visited {
color : #5FA7E3;
font-family : tahoma;
text-decoration : none;
font-size : 8pt;
}
a:hover {
color : #C0FFFF;
font-size : 8pt;
font-family : tahoma;
text-decoration : none;
font-weight : bold;
cursor : crosshair;
}
body, table, td, div {
color : #ffffff;
font-family : arial;
font-size : 8pt;
line-height : 10pt;
}
body {
background: url(http://i21.tinypic.com/11ujbxw.jpg)
}
b {
color : #7EB2DE;
font-family : tahoma;
font-size : 8pt;
line-height : 10pt;
}
i {
color : FFFFFF;
font-family : georgia;
font-size : 8pt;
font-style : italic;
line-height : 10pt;
}
u {
color : #7EB2DE;
font-family : verdana;
font-weight : normal;
font-size : 8pt;
border-bottom : 1px dashed #C0FFFF;
}
strong {
color : #7EB2DE;
font-family : tahoma;
font-weigh : bold;
font-size : 12pt;
line-height : 10pt;
}
.layout {
position : absolute;
top : 0;
left : 0;
}
.content {
position : absolute;
top : 447px;
left : 4px;
width : 416px;
background : #BBD6EB;
}
.sidebar {
position : absolute;
top : 314px;
left : 441px;
width : 140px;
background : #BBD6EB;
}
.linkbar {
position : absolute;
top : 256px;
left : 436px;
width : 149px;
}
a.nav:link, a.nav:visited, a.nav:active {
font-family : georgia;
font-size : 8pt;
line-height : 10pt;
color : #B3D0E9;
background : #ffffff;
cursor : none;
display : block;
border-left : 5px solid #7EB2DE;
border-top : none;
border-right : none;
border-bottom : 0px;
margin : 0;
margin-bottom : 0;
padding : 2px;
text-align : right;
font-weight : normal;
}
a.nav:hover {
font-family : georgia;
font-size : 8pt;
line-height : 10pt;
color : #B3D0E9;
background-color : #C0FFFF;
cursor : crosshair;
display : block;
border-left : 5px solid #7EB2DE;
border-top : none;
border-right : none;
border-bottom : 0px;
margin : 0;
margin-bottom : 0;
padding : 2px;
text-align : right;
font-weight : normal;
}
.side {
margin : 0;
background : #ffffff;
font-family : Georgia;
font-size : 12px;
line-height: 14px;
color : #7EB2DE;
text-transform : uppercase;
font-weight : normal;
text-align : right;
border-bottom : 4px solid #7EB2DE;
}
.side2 {
margin : 0;
font-family : Georgia;
font-size : 12px;
line-height: 14px;
color : #FFFFFF;
text-transform : uppercase;
font-weight : normal;
text-align : center;
border-bottom : 4px solid #7EB2DE;
}
.head {
margin : 0;
background : #ffffff;
font-family : georgia;
font-size : 18px;
line-height: 20px;
color : #7EB2DE;
text-transform : none;
font-weight : none;
text-align : left;
border-bottom : 5px solid #B3D0E9;
}
h5 {
color : #ffffff;
background-color : transparent;
font : 8pt arial;
text-transform : none;
line-height : 10px;
border-bottom : 1px dashed #ffffff;
letter-spacing : 0;
padding-left : 2px;
padding-right : 2px;
padding-top : 2px;
padding-bottom : 2px;
text-align : right;
margin : 0;
}
HTML
[quote]
<html>
<head>
<title>- Urban Disaster</title>
</head>
<body>
<LINK REL=stylesheet HREF="style.css" TYPE="text/css">
<div class="layout"><img src="MainImage.jpg"></div>
<div class="linkbar">
<div class="side2">A D V E R T </div>
</div>
<div class="sidebar">
<div class="side">W E L C O M E</div>
<br>
Hey! Welcome to <b>Urban Disaster</b>. This is a personal website however you will find resources for <u>you</u>, your website <i>and</i> bebo! Tutorials shall also be coming to <b>Urban Disaster</b> soon!
<br><br>
<div class="side">T h i s G U Y</div>
<img src="Me Thumbnail.jpg" align="left"> Gavin.Sixteen.<br>Scottish.Invi.<br>Optimistic & <br>Loving.<u>Likes:</u><br>Friends.Music.<br>Film.Dancing<br>At Parties.<br><u>Hates:</u> Twits.<br>Sadness.DJs.<br>Junk Stuff.<br><u>Sites:</u> My <a href="http://www.Urban-Disaster.bebo.com" target="_blank">Bebo</a>.My <a href="http://www.Myspace.com/GavzorzProductions" target="_blank">Space</a>.<br>My <a href="http://www.faceparty.com/Gavzorz" target="_blank">Faceparty</a>.<i>More? <i><a href="Gavin.html" target="_self">Here</a>
<br><br>
<div class="side">N a v i g a t e</div>
<br>
<a
class="nav" href="URLHERE">HOME</a>
<a
class="nav" href="URLHERE">GAVIN</a>
<a
class="nav" href="URLHERE">PHOTOS</a>
<a
class="nav" href="URLHERE">GUEST</a>
<a
class="nav" href="URLHERE">BEBO</a>
<a
class="nav" href="URLHERE">CHAT</a>
<a
class="nav" href="URLHERE">SITE</a>
<a
class="nav" href="URLHERE">CONTACT</a>
<br>
<br>
<div class="side">L I N K A G E</div>
<br>
Want A Link Here? Contact Me <a href="Contact" target="_self">Here</a>
<br>
<br>
<div class="side">S I T E S T A T S</div>
<center>
<br>
<a href="http://www.fastwebcounter.com" title="Free Web Counter"><script src="