Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

HTML Table Help


  • Please log in to reply

#1
nashaop

nashaop

    New Member

  • Member
  • Pip
  • 3 posts
Hello - still pretty new, so I'm not sure if this is the right place for this, but hopefully someone can point me in the right direction.

I'm creating a site in Dreamweaver (MX V6). I can code BASIC HTML and some CSS, but it was just much easier at the time to begin this project there.

The issue I'm having is with a table (1 row/2 columns). I have an image in the left column. It's the only thing in the left column. I have images, text, and a form on the right. However, anything I do to the right is changing the left. On the left, I want the image to be at the very top of the table - centered but at the very top. But whenever I push something down further on the right, it pushes the image down on the left. I want the image at the top of the right side to be a little further down - not right at the top.

Can someone assist? Here is a snippet of the code.


<center>
<table width="88%" border="0">
  <tr> 
	<td><img src="IMAGENAME.jpg" width="488" height="706" align="top"></td>
	<td> <p>&nbsp;</p>
		<p align="center"><img src="ANOTHERIMAGENAME.jpg" width="565" height="85"></p>
	  <p align="center"><font color="FFFFFF"><u><font color="#FFFFFF">SOME TEXT</font></u></font> 
	  </p>
	  <p align="center"><font color="#FFFFFF">MORE TEXT</font></p>
	  <p align="center"><font color="#FFFFFF">MORE TEXT</font></p>
	  <p align="center"><font color="#FFFFFF">MORE TEXT</font></p>
		<p align="center"><font color="FFFFFF">MORE TEXT</font> 
		  <!-- Begin Response-O-Matic Form -->

  • 0

Advertisements


#2
wdh

wdh

    Member

  • Member
  • PipPip
  • 20 posts
Why do you not build it in css?
A lot easier than you would think and a much better way to make a website imo.
Do you have a design to show what your trying to achieve or a live version of above to make it easier to help.
  • 0

#3
sarahw

sarahw

    Malware Staff

  • Member
  • PipPipPipPipPip
  • 2,781 posts
Everything should be put in a style script. There is too much unnecessary code in there. eg: you only need one line for your font tags and center tags in your styling.

A good website will not use tables at all. If you a beginner in HTML, you should steer clear from them and not learn a bad habit that you will soon need to break.
  • 0

#4
xmephistox

xmephistox

    Member

  • Member
  • PipPip
  • 42 posts
to keep the image on top add valign="top" to the first td tag. (valign = vertical align)
If you want some space add hspace="XX" or vspace="XX" to the img tag, replace XX with the value you want.

<td valign="top">

<img src="IMAGENAME.jpg" vspace="5" width="488" height="706" align="top">

You could/should do these things in CSS, as much as possible, and if possible, but that's not always the case because of browser incompatibilities so... do as you please.

Edited by xmephistox, 07 June 2010 - 11:14 PM.

  • 0

#5
hiyatran

hiyatran

    Member

  • Member
  • PipPip
  • 11 posts
Listen to these guys cause when you do things in CSS, all you need to do is change one spot and all your HTML pages that are link to CSS will change as well. Just a thought.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP