Forum Moderators: not2easy
Open this in FF and resize the window a bit. You get a perfect web page!
I'm sure some of you will have seen this before....
I've stuck all the code and styles in one page to help anyone help me!
<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>
[edited by: tedster at 5:01 pm (utc) on June 28, 2005]
Can a mod edit please?
Code below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Help!</title>
<style>
*
{
margin: 0;
padding: 0;
}
body
{
font-family: Tahoma, Arial, sans-serif;
background-color:#FFFFFF;
padding: 0;
background-image: url(background.gif);
background-repeat: repeat-y;
background-position: 50%, 0;
text-align: center;
}
#divContainer
{
width: 760px;
text-align: left;
/* TEMP BORDER FOR DESIGN HELP */
border-style: solid;
border-color: #FF0000;
border-width: 0px;
border-bottom: 0px;
border-top: 0px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
background-color: #AFAFAF;
}
#divHeader
{
background-image: url(helpheader.gif);
background-position: center;
height: 101px;
width: 760px;
border-style: solid;
border-color: #FF0000;
border-width: 0px;
border-bottom: 0px;
border-top: 0px;
}
/* ANCHOR TAGS ON THE TOP OF THE PAGE */
#aOrderHelp, #aShipping, #aContactUs
{
color: #C0C1C2;
font-size: 70%;
text-decoration: none;
padding-left: 7px;
}
#aOrderHelp:hover, #aShipping:hover, #aContactUs:hover
{
color: #C0C1C2;
font-size: 70%;
text-decoration: underline;
}
#divMenuBar
{
background-image: url(menubarback.gif);
height: 28px;
width: 760px;
}
</style>
</head>
<body>
<div id="divContainer">
<div id="divHeader">
<a href="#" id="aOrderHelp">Order Help</a>
<a href="#" id="aShipping">Shipping</a>
<a href="#" id="aContactUs">Contact Us</a>
</div>
<div id="divMenuBar"></div>
</div>
</body>
</html>
Sorry for the rule break!
Anyone help me out?
