Aanvik
asked on
HTML Formatting Issue.
I am having trouble with a html formatting issue. Please review the attached image..
Code attached shows the html format for the referenced part. Any help would be appreciated.
Code attached shows the html format for the referenced part. Any help would be appreciated.
<p class="header-bar-gold"><span class="text-blue-16px">Need a Passport Cover?</span></p>
<br />
<style type="text/css">
.rightfloat
{
float: center;
width: 585px;
}
.left {
font-size: 20pt;
}
.separator {
float: center;
width: 292px;
}
</style>
<div class="rightfloat">
<table align="center" width="100%" border=1>
<tr><td align="center">
<p align="center"><img src="/images/passport-holder.jpg" width="90" height="80" alt="Tony Perotti Ultimo Passport Holder" /></p>
<p align="center">Tony Perotti Ultimo<br>Passport Holder</p>
<p align="center"><strong>Price: $28.00</strong></p>
<p align="center">
<select size="1" name="selectTony">
<% Build_Select_Box_For_Numbers 0, 99, Request.Form("selectTony") + 0 %>
</select></p>
</td>
<td align="center">
<p align="center"><img src="/images/passport-cover.jpg" width="90" height="80" alt="Black Leather Passport Cover" /></p>
<p align="center">Black Leather<br>Passport Cover</p>
<p align="center"><strong>Price: $15.00</strong></p>
<p align="center"><select size="1" align="center" name="selectBlack">
<% Build_Select_Box_For_Numbers 0, 99, Request.Form("selectBlack") + 0 %>
</select></p>
</td></tr>
</table>
</div>
<br class="clearfloat" />
So currently it is displaying like in the picture you sent or do you want it to look like that?
wrap it in a div with the image and align center or right from there :)
besides I'm not familiar with the style property 'float: center;' as far as I know it does not exist. you have align:right, align:left and align:none;
i'm gonna try and copying your code to a project to see how it is currentle rendering
i'm gonna try and copying your code to a project to see how it is currentle rendering
ASKER
I want it in center... The current image shows how it is looking with this code.
yes right Said APoPhysPT , float center is not valid attribute. only left right none and inherit are available.
try placing this in your code:
Also why do you use <p> within a table? there is no need for that, you should look into some tutorials on how to draw tables.. if your are going to use tables, you ought to make better use of the <tr> and <td> elements for positioning instead of mixing up paragraphs and tables
<p align="center" style="margin-left: auto; margin-right: auto; width: 100%">Also why do you use <p> within a table? there is no need for that, you should look into some tutorials on how to draw tables.. if your are going to use tables, you ought to make better use of the <tr> and <td> elements for positioning instead of mixing up paragraphs and tables
I forgot to clarify, in your code, substitute this - > <p align="center"> <- on both tags <p> before the <select>, it should look like so:
<p align="center" style="margin-left:auto;margin-right:auto;width:100%">
<select size="1" align="center" name="selectBlack">
</select>
</p>
Also I inserted your code onto a new website project and it render correctly, using latest firefox, latest google Chrome, and all IE's from 5.5 up to 9 inclusive. Try erasing all your browser data like cookies and buffered data so that it is actually loading your latest compiled version
ASKER
I tried this
<p align="center" style="margin-left:auto;ma
<select size="1" align="center" name="selectBlack">
</select>
</p>
and it did not work. Same result.
<p align="center" style="margin-left:auto;ma
<select size="1" align="center" name="selectBlack">
</select>
</p>
and it did not work. Same result.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER