co.ador Posted January 19, 2010 Share Posted January 19, 2010 <html> <style type="text/css"> #cart{ margin-top:-6em; margin-left:15em; width:660px; margin-bottom:5em; } #cart select{ margin-bottom:3em; } #cart font{ margin-right:0em; } .pricecart{ text-align:left; margin-left:0em; } #cart img { margin-right:0em; margin-bottom:-2.27em; } #cart hr { margin-bottom:1.1em; } </style> <div id="cart"> <font face="verdana" size="1" color="black"> <select name="4" onChange="UpdateQty(this)"> <option SELECTED >1</option><option >2</option><option >3</option><option >4</option><option >5</option><option >6</option><option >7</option><option >8</option><option >9</option><option >10</option><option >11</option><option >12</option><option >13</option><option >14</option><option >15</option><option >16</option><option >17</option><option >18</option><option >19</option><option >20</option><option >21</option><option >22</option><option >23</option><option >24</option><option >25</option><option >26</option><option >27</option><option >28</option><option >29</option><option >30</option></select> </font> <img src="images/logopic.gif" alt="we" width="60" height="50" /> <font face="verdana" size="1" color="black" style="font-weight:bold; width:40px; background:green;"> Al Casino</font> <font face="verdana" size="1" color="black" class="pricecart"> $8.95</font> <font face="verdana" size="1" color="black"> <a href="cart.php?action=remove_item&id=4">Remove</a></font> <script language="JavaScript"> function UpdateQty(item) { itemId = item.name; newQty = item.options[item.selectedIndex].text; document.location.href = 'cart.php?action=update_item&id='+itemId+'&qty='+newQty; } </script> <hr size="1" color="red" NOSHADE> <font face="verdana" size="1" color="black"> <select name="2" onChange="UpdateQty(this)"> <option SELECTED >1</option><option >2</option><option >3</option><option >4</option><option >5</option><option >6</option><option >7</option><option >8</option><option >9</option><option >10</option><option >11</option><option >12</option><option >13</option><option >14</option><option >15</option><option >16</option><option >17</option><option >18</option><option >19</option><option >20</option><option >21</option><option >22</option><option >23</option><option >24</option><option >25</option><option >26</option><option >27</option><option >28</option><option >29</option><option >30</option></select> </font> <img src="images/logopic.gif" alt="we" width="60" height="50" /> <font face="verdana" size="1" color="black" style="font-weight:bold; width:40px; background:green;"> Frescas</font> <font face="verdana" size="1" color="black" class="pricecart"> $7.95</font> <font face="verdana" size="1" color="black"> <a href="cart.php?action=remove_item&id=2">Remove</a></font> <script language="JavaScript"> function UpdateQty(item) { itemId = item.name; newQty = item.options[item.selectedIndex].text; document.location.href = 'cart.php?action=update_item&id='+itemId+'&qty='+newQty; } </script> <hr size="1" color="red" NOSHADE> <font face="verdana" size="1" color="black"> <select name="3" onChange="UpdateQty(this)"> <option SELECTED >1</option><option >2</option><option >3</option><option >4</option><option >5</option><option >6</option><option >7</option><option >8</option><option >9</option><option >10</option><option >11</option><option >12</option><option >13</option><option >14</option><option >15</option><option >16</option><option >17</option><option >18</option><option >19</option><option >20</option><option >21</option><option >22</option><option >23</option><option >24</option><option >25</option><option >26</option><option >27</option><option >28</option><option >29</option><option >30</option></select> </font> <img src="images/logopic.gif" alt="we" width="60" height="50" /> <font face="verdana" size="1" color="black" style="font-weight:bold; width:40px; background:green;"> Almejas </font> <font face="verdana" size="1" color="black" class="pricecart"> $8.50</font> <font face="verdana" size="1" color="black"> <a href="cart.php?action=remove_item&id=3">Remove</a></font> <script language="JavaScript"> function UpdateQty(item) { itemId = item.name; newQty = item.options[item.selectedIndex].text; document.location.href = 'cart.php?action=update_item&id='+itemId+'&qty='+newQty; } </script> <hr size="1" color="red" NOSHADE> <font face="verdana" size="1" color="black"> <select name="1" onChange="UpdateQty(this)"> <option SELECTED >1</option><option >2</option><option >3</option><option >4</option><option >5</option><option >6</option><option >7</option><option >8</option><option >9</option><option >10</option><option >11</option><option >12</option><option >13</option><option >14</option><option >15</option><option >16</option><option >17</option><option >18</option><option >19</option><option >20</option><option >21</option><option >22</option><option >23</option><option >24</option><option >25</option><option >26</option><option >27</option><option >28</option><option >29</option><option >30</option></select> </font> <img src="images/logopic.gif" alt="we" width="60" height="50" /> <font face="verdana" size="1" color="black" style="font-weight:bold; width:40px; background:green;"> Cotél </font> <font face="verdana" size="1" color="black" class="pricecart"> $10.95</font> <font face="verdana" size="1" color="black"> <a href="cart.php?action=remove_item&id=1">Remove</a></font> <script language="JavaScript"> function UpdateQty(item) { itemId = item.name; newQty = item.options[item.selectedIndex].text; document.location.href = 'cart.php?action=update_item&id='+itemId+'&qty='+newQty; } </script> <hr size="1" color="red" NOSHADE> </html> The above code is an shopping cart that will have a select for quantity, a image tag, a text or name of the item and then a remove text that gives the user the power to remove the item. Now I want to make this four elements to align left. I get the select and img tag to align left but some how I am getting some problem to align the name of the item and the remove text to the left. The thing is the margin left of the item name tag will not align properly to the left the remove text. help.. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.