How can I set images “LeftSpacer” and “RightSpacer” inline without having a
but yet still staying with in the page “Wrapper” I need “LeftSpacer” were it is and “RightSpace” inline with “LeftSpacer” but all the way to the right.
<html>
<head>
<style type="text/css">
<!--
body {
text-align:center; /* for IE */
margin:0 auto; /* for the rest */
background-color: #ffffff;
}
#Wrapper{
width: 1000px;
}
div#wrapper {
text-align:left;
width:1000px; /* or a percentage, or whatever */
}
/*End Page Wrapper*/
#Header {
width: 100%;
height: 100%;
background: url("http://www.web-designer-ga.com/Pics/top.gif") no-repeat 0 0;
}
#LeftSpacer {
width: 14px;
height: 24px;
background: url("http://www.web-designer-ga.com/Pics/btn_lft.gif") no-repeat 0 0;
}
#RightSpacer {
width: 100%;
height: 100%;
background: url("http://www.web-designer-ga.com/Pics/btn_rgt.gif") no-repeat 0 0;
}
-->
</style>
</head>
<body>
<div id="Wrapper">
<div id="Header"></div>
<div id="LeftSpacer"></div>
<div id="RightSpacer"></div>
</div>
</body>
</html>
You could give Leftspacer and Rightspacer a common class, like:
class="spacers"and then set the css value tofloat:rightordisplay:inline