Align an image in a table top and right

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I have created a table with a left and right <td> up to now there has not
been a problem, but because the text in the left side has grown it is forcing
the image in the right <td> to centre vertically. I can align it right but
not top as well. Any help on this. It must be easy I have tried align=â€left
valign=â€topâ€

The link is

http://www.des-otoole.co.uk/development/sunday.htm

Desmond.
 
I have created a table with a left and right <td> up to now there has not
been a problem, but because the text in the left side has grown it is forcing
the image in the right <td> to centre vertically. I can align it right but
not top as well. Any help on this. It must be easy I have tried align=”left
valign=”top”
Click to expand...

In the right hand cell - your cells are marked <th> rather than <td> -
you have alignments, horizontal and vertical, set to default. You are
trying to apply alignment to the image tag.

This might work better for you:

<table border="0" cellpadding="0" cellspacing="0" width="900"
align="center" bgColor="#ffffff">
<tr>
<td width="600">
<span class="title">Sunday</span>

[snip all the text to save space]

</td>
<td width="300" align="right" valign="top">
<img border="0" src="images/sunday.jpg" width="300"
height="300"></td>
</tr>
</table>

Comments on the rest of the page:

1. I'd apply the background colour to the whole page (in the body),
so that those users who don't have their window background set to
white will still see the page as you intended it to be seen.

2. In some paragraphs, you have used <span> tags nested within the
<p> ... </p> tags. It would be neater to use <p class="standard">Your
text...</p>.

3. You've got a greengrocer's apostrophe in Sundays down at the foot
of the page! :)

fido
 
why does the text on the buttons look so jagged?

fido said:
I have created a table with a left and right <td> up to now there has not
been a problem, but because the text in the left side has grown it is
forcing
the image in the right <td> to centre vertically. I can align it right but
not top as well. Any help on this. It must be easy I have tried
align="left
valign="top"
Click to expand...

In the right hand cell - your cells are marked <th> rather than <td> -
you have alignments, horizontal and vertical, set to default. You are
trying to apply alignment to the image tag.

This might work better for you:

<table border="0" cellpadding="0" cellspacing="0" width="900"
align="center" bgColor="#ffffff">
<tr>
<td width="600">
<span class="title">Sunday</span>

[snip all the text to save space]

</td>
<td width="300" align="right" valign="top">
<img border="0" src="images/sunday.jpg" width="300"
height="300"></td>
</tr>
</table>

Comments on the rest of the page:

1. I'd apply the background colour to the whole page (in the body),
so that those users who don't have their window background set to
white will still see the page as you intended it to be seen.

2. In some paragraphs, you have used <span> tags nested within the
<p> ... </p> tags. It would be neater to use <p class="standard">Your
text...</p>.

3. You've got a greengrocer's apostrophe in Sundays down at the foot
of the page! :)

fido
Click to expand...
 
why does the text on the buttons look so jagged?
Click to expand...

Partly because the images have been resized using HTML. The top bar's
natural size is 900 x 120px but the HTML stretches it to 900 x 130 px.
The bottom bar image starts out in life as 977 x 35 but the HTML
shrinks it to display as 900 x 35.

The jagginess isn't quite so bad when you look at the images in their
natural sizes, but they could still benefit from redoing.

If you open the top navbar image in Image Composer you could quickly
obliterate the text using rectangles of the appropriate background
colour, then add new text of the correct size. This would also be an
ideal opportunity to correct the spelling of the word "calendar".

While working on the replacement top bar, you could find a clean
version of the Hope Church logo, resize it and use it to replace the
existing one, with a view to makeing hte word "church" easier to read.

The bottom navbar would be treated in the same manner, although it
would need shortening down to 900px by cutting 77px out of the middle
and butting the two halves together.

I hope Des is reading all this as I think (and hope) I am only posting
it to m.p.f.c. :)

fido
 
Back
Top