[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