HTML Table help

NewandBlonde · February 23, 2023

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>

Kimberley · February 24, 2023

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, 2023 by Kimberley

Sign In

HTML Table help

Recommended Posts

NewandBlonde

Link to comment

Share on other sites

Kimberley

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity