Sent by Wade Smart on 6 May 2008 01:01
20080505 19174 GMT-6
Did this list all of the sudden get very quiet? I havent received a message for
many days now.
Anyway, Im using a background image on a page. One is a gif and the other a png.
Neither are showing in IE6.
As I did not use IE Im not sure what would be the problem. Was it not able to
show gif and png? Surely it was.
Wade
<div id="left">
<div class="top-left"></div>
<div class="top-right"></div>
<div class="inside">
<div class="gap-saver"></div>
<div id="left-content">
This is the main content area.
</div>
<div class="gap-saver"></div>
</div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
</div>
..top-left, .top-right, .bottom-left, .bottom-right {
background-image: url('graphics/1280x18.gif');
/* background-image: url('corners1280x18.gif'); CHANGE: path and name of your image
background-image: url('900x20.gif'); */
height: 9px; /* CHANGE: replace by the height of one of your corners (=
1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the <div>'s */
}
..top-left, .bottom-left {
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
..top-right, .bottom-right {
margin-left: 9px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
}
..top-right {
background-position: 100% 0; /* DNC: position right corner at right side, no
vertical changes */
}
..bottom-left {
background-position: 0 -9px; /* CHANGE: replace second number by negative
height of one of your corners */
}
..bottom-right {
background-position: 100% -9px; /* CHANGE: replace second number by negative
height of one of your corners */
}
..inside {
/* border-left: 1px solid #C00000; YCC: color & properties of the
left-borderline */
/* border-right: 1px solid #C00000;YCC: color & properties of the
right-borderline */
/* background: #EFEFEF; YCC: background-color of the inside */
border-left: 2px solid #008000;
border-right: 2px solid #008000;
______________________________________________________________________
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/
