toplisek
01-30-2008, 11:42 AM
I have defined script for navigation and have problem how to define correct css that it will be seen also top and bottom border of navigation? Need help
CSS:
#navigation1 { margin-bottom:12px;width:205px;text-align:center;float:left; }
.topright{ background: #fff url('topright.gif') no-repeat right top; }
.topleft { background: url('topleftgif') no-repeat left top; }
.bottomright { background: url('bottomright.gif') no-repeat right bottom; }
.bottomleft { background: url('bottomleft.gif') no-repeat left bottom; }
HTML CODE:
<div id="navigation1" class="topright">
<div class="topleft">
<div class="bottomright">
<div class="bottomleft">
<div class="????"><img border="0" id="?????" src="content1.gif" /></div>
</div></div></div>
</div>
CSS:
#navigation1 { margin-bottom:12px;width:205px;text-align:center;float:left; }
.topright{ background: #fff url('topright.gif') no-repeat right top; }
.topleft { background: url('topleftgif') no-repeat left top; }
.bottomright { background: url('bottomright.gif') no-repeat right bottom; }
.bottomleft { background: url('bottomleft.gif') no-repeat left bottom; }
HTML CODE:
<div id="navigation1" class="topright">
<div class="topleft">
<div class="bottomright">
<div class="bottomleft">
<div class="????"><img border="0" id="?????" src="content1.gif" /></div>
</div></div></div>
</div>