Sent by CKFS on 27 May 2008 00:12
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body {
margin:0;
padding:0;
color:#000;
background: #000000;
font: 0.8em Verdana, arial, sans-serif;
}
#header {
top:0;
left:0;
height: 263px;
color:#009;
background: url(bkheader.jpg) repeat-x;
z-index: 0;
}
#hleft{
position: relative;
top: -1px;
left: 0;
width: 511px;
height: 263px;
background: url(title.jpg) no-repeat;
z-index: 1500;
}
#hrt{
position: absolute;
top: 0px;
right: 0;
width: 500px;
height: 263px;
background: url(rtbk1.gif) no-repeat;
z-index: 1500;
}
#hsearchbox {
margin-top: 20px;
margin-left: 311px;
color: #fff;
}
#topmenu {
margin-top: 20px;
right: 35px;
z-index: 2000;
color: #fff;
}
#hmenu {color: #fff;
margin-top: 30px;
margin-left: 35px;
height: 100%;
width: 331px;
}
#container {width: 100%; height: 100%; background: #000
url('phoenixbl.jpg') bottom right no-repeat;}
#wrapper {height: 551px; background: #000 url('phoenixab.jpg') bottom
right no-repeat;}
#left {width: 331px; height: 100%; float: left; background: #000
url('mainlftcol.gif') no-repeat; }
#main {position: absolute; top: 236px; padding-left: 354px; width: 100%;
/* margin-left: 11em; */ color: #fff; z-index: 100;}
#toptextarea {color: #fff; margin-left: 370px; height: 100%;
background-color: blue; z-index: 2000;}
#footer {clear: both; width: 100%; height: 81px; padding-top: 15px;
background: url('footerabk.jpg') repeat-x; color: #fff; }
#footerpic {float: right; background: url('footerpicrt.jpg') no-repeat
bottom right; margin-top: -31px; z-index: 100;}
</style>
</head>
<body>
<div id="header">
<div id="hleft"><div id="hsearchbox">Search Here</div></div>
<div id="hrt"><div id="topmenu">button1 | button2 | button3 | button4 |
button5 | button6 </div></div>
<img src="toprightheader.jpg" style="float: right; margin-top: -263px;"
alt="design" />
</div>
<div id="container">
<div id="wrapper">
<div id="left"><div id="hmenu">Menu Here</div></div>
<div id="main"><div id="toptextarea">Text here</div></div>
<div id="footer"><span style="padding-left: 105px;">P |
number</span><span style="padding-left: 25px;">F | number</span><span
style="padding-left: 25px;">E | name.com</span><div id="footerpic"><img
src="footerpicrt.jpg" alt="bk" /></div></div>
</div></div>
</body>
</html>
Several problems here -- need to have a picture floated right bottom.
The upper part of the text area needs to resize without covering the
picture in the bottom right corner.
Right now text isn't even showing up in the toptextarea at all.
Any input is most appreciated.
Carol
[EMAIL-REMOVED]
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
