Jump to content

help aligning this tags to the left

co.ador

By co.ador
in CSS Help

 Share

Recommended Posts

co.ador Advanced Member

co.ador

Posted
Posted 

<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..

Link to comment
https://forums.phpfreaks.com/topic/188991-help-aligning-this-tags-to-the-left/
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.