NewandBlonde Posted February 23 Share Posted February 23 Hello guys, as my username suggests, I am in need of help. I'm writing a table HTML but having some basic knowledge lack, as seen, I cannot seem to align the third image with left two. I would really appreciate some help. Thank you! <tr> <td style="width:100%;"> <table width="100%" style="border-spacing:0" rowspan="1" align="left" > <tr> <a href="NONE" alt="" target="_blank" /> <img src="http://www.club.com/test/images/1.jpg" width="300" alt="" style="border-width:0;width:100%;max-width:300px;height:auto;" /> </a> </td> <tr> <td style="width:100%" align="left" rowspan="1"> <a href="NONE" alt="" target="_blank" /> <img src="http://www.club.com/test/images/2.jpg" width="300" alt="" style="border-width:0;width:100%;max-width:300px;height:auto;" /> </a> </td> </tr> <tr> <td style="width:50%" align="right" rowspan="2"> <a href="NONE" alt="" target="_blank" /> <img src="http://www.club.com/test/images/3.jpg" width="300" alt="" style="border-width:0;width:100%;max-width:300px;height:auto;" /> </a> </td> </tr> Link to comment Share on other sites More sharing options...
Kimberley Posted February 24 Share Posted February 24 (edited) ok, first off I would have done the styles in CSS. It's very simple. The CSS would be td{width: 100%;} so you would not have to keep on repeating yourself on the width and align. Now the reason why you're last table data entry is not aligning to the left like you want it is because "you" have aligned to the right. If you are unsure where to put this custom CSS, it goes in the header. it will look something like this.... <!IDOCTYPE> <html> <head> <style> td{ width: 100%; } </style> Also another thing, never combined XHTML and HTML together, always stick with HTML 5. If you hare having troubles, please use w3schools as reference on how to do basic tables in HTML 5. W3 schools is a wonderful site. I sometimes have to comeback here and jog my memory. If you would like some help on tables, I don't mind helping you out. I also noticed in your code on your on your hyperlink tags, never use an alt. the only time you will use an alt is in the img tag. Now if you are uploading to your web hosting server and you know it's not going to be taken down, then don't worry about alt the. Edited February 24 by Kimberley Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now