Menu
I know that I can not use 2 images as a background image. I have an image set as a background for a div tag class=”contentBox” (top left corner) and I also want to have an image set at the bottom right corner. I have tried setting the second image (bottom right) by using a class=”image”. I’m getting the effect that I want. I want my div tag to have cut off corners for the top left and bottom right.
Any suggestions on how to fix this issue.
[CODE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>IMPulse NC, INC. – Traction Power Aftermarket</title>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<link rel=”stylesheet” type=”text/css” href=”../css/pop_style.css” />
<link rel=”stylesheet” type=”text/css” href=”../css/mainLayout.css” />
<style type=”text/css”>
/* HTML selectors start */
h5.indent {
margin-left:25px;
}
li.list {
list-style-image:url(../art/arrow.gif);
}
/* HTML selectors end */
/* ID selectors start */
#mainText {
height:700px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
margin-left:1%;
margin-right:1%;
padding: 10px 5px;
word-spacing:3px;
}
/* id ends here */
/* class starts here */
.space {
margin-left:2px;
}
.contentBox {
weight:100%;
height:10%;
background: url(../art/leftCorner_5.gif) top left no-repeat;
background-color:#6699cc;
padding:5px 5px 5px 5px;
}
.image {
position:absolute;
float:right;
vertical-align:bottom;
}
/* class ends here */
</style>
<script language=”JavaScript” type=”text/JavaScript”>
<!– function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName==”Netscape”)&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //–>
</script>
</head>
<body>
<!– CASCADING POPUP MENUS v5.2 by Angus Turnbill http://www.twinhelix.com –>
<script language=”javascript” type=”text/javascript” src=”../js/pop_core.js”></script>
<script language=”javascript” type=”text/javascript” src=”../js/pop_data.js”></script>
<!– border begins here –>
<div id=”border”>
<!– second nav start here –>
<div id=”secNavBar”><a href=”../index.htm”>Home</a> | <a href=”quality.htm”>Quality</a> | <a href=”contactUs.htm”>Contact Us</a> | <a href=”siteMap.htm”> Site Map</a></div>
<!– logo starts here –>
<div id=”logo”>
<img src=”../art/NewLogo.jpg” alt=”Logo of IMPulse NC, INC.” usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”5,3,280,74″ href=”../index.htm” alt=”Return to home page” />
</map>
</div>
<!– primary navigation div tags starts here –>
<div id=”priNav”>
<a id=”home” name=”home” style=”visibility:hidden;”>Home</a>
<!– primary navigation div tags ends here –>
</div>
<!– main text starts here –>
<div id=”mainText”>
<h2>Traction Power Aftermarket Products </h2>
<br />
<p style=”font-size:14px;font-style:normal;font-weight:normal;”>IMPulse NC, INC. manufactures the best relays and electrical devices to be offered in the traction substation industry.</p><br />
<p>
Below is a complete list of aftermarket devices that we offered. </p><br />
<!– AC Ground Fault Relay –>
<div class=”contentBox”>
<h5 class=”indent”>AC Ground Fault Relay</h5><br />
<img src=”#” alt=”IR6140 / 6060″ width=”100″ height=”100″ style=”float:left;margin-top:1%;padding:5px 5px 5px 5px;” />
<p class=”space”>IMP-151-D AC Ground Fault Relay is designed to be used in grounded AC power distribution systems of 600 volts or less.</p><br />
<p class=”space”>To learn more view pdf or text-only.
</p>
<img src=”../art/rightBCorner.gif” alt=”right corner image” class=”image” />
</div><br />
<!– Bus Over/Under Voltage –>
<div class=”contentBox”>
<h5 class=”indent”>Bus Over/Under Voltage</h5><br />
<img src=”#” alt=”IR6140 / 6060″ width=”100″ height=”100″ style=”float:left;margin-top:1%;padding:5px 5px 5px 5px;” />
<p class=”space”>Bus Over/Under Relay consists of a sending unit and an adjustable relay unit. The sending unit connects to the voltage to be monitored; it is self powered. The receiver consists of a fiber optic receiver.</p>
<br />
<p class=”space”>To learn more view pdf or text-only.
</p>
<img src=”../art/rightBCorner.gif” alt=”right corner image” class=”image” />
</div><br />
<!– ETS Supervisory –>
<div class=”contentBox”>
<h5 class=”indent”>ETS Supervisory</h5><br />
<img src=”#” alt=”IR6140 / 6060″ width=”100″ height=”100″ style=”float:left;margin-top:1%;padding:5px 5px 5px 5px;” />
<p class=”space”>ETS Supervisory Relay is normally used to provide an output from remote shorting of a wire pair while montoring for an open loop. The typical application is for remote stop buttons. </p>
<br />
<p class=”space”>To learn more view pdf or text-only.
</p>
<img src=”../art/rightBCorner.gif” alt=”right corner image” class=”image” />
</div><br />
<!– main text ends here –>
</div>
<div id=”btm_Bar”>
100 IMPulse Way • Mount Olive, North Carolina 28365 • Main (919) 658-2200 • Fax (919) 658-2268<br /> ©2006 IMPulse NC, Inc. All Rights Reserved. </div>
</div>
<script language=”javascript” type=”text/javascript” src=”../js/pop_events.js”></script>
</body>
</html>