[thelist] Stylesheet confusion
Nan Harbison
nan at nanharbison.com
Wed Mar 12 16:59:14 CDT 2008
Did you try using float the left one left and the right one right?
CSS is not my strongest suit, but I think this has worked for me.
Nan
-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Chris Ditty
Sent: Wednesday, March 12, 2008 2:53 PM
To: TheList
Subject: [thelist] Stylesheet confusion
Hi all. I am trying to get 2 images on my page on the same line on opposite
sides of the page. The images need to be 163 pixels from the edges with
that gap filled in with a color.
Below is what I have now and for some reason it refuses to work. It worked
yesterday when I went home, but today it won't work. Anyone see the
problem?
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="expires" content="-1"> <meta http-equiv="pragma"
content="no-cache">
<style type="text/css">
#blueFillerLeft{
background-color: #395D91;
width: 163px;
top:0px;
position: relative;
z-index:2;
}
#blueFillerRight{
background-color: #395D91;
right: 0px;
width: 163px;
top: 0px;
position: relative;
z-index:2;
}
#curvedLeft{
margin: 0px 0px 0px 163px;
}
#curvedRight{
margin: 0px 163px 0px 0px;
}
</style>
</head>
<body>
<div id="blueFillerLeft"><div id="curvedLeft"><img
src="../images/left_header_curve.gif"></div></div>
<div id="blueFillerRight"><div id="curvedRight"><img
src="../images/right_header_curve.gif"></div></div>
</body>
</html>
--
* * Please support the community that supports you. * *
http://evolt.org/help_support_evolt/
For unsubscribe and other options, including the Tip Harvester and archives
of thelist go to: http://lists.evolt.org Workers of the Web, evolt !
More information about the thelist
mailing list