PC Review


Reply
Thread Tools Rate Thread

Align an image in a table top and right

 
 
=?Utf-8?B?RGVz?=
Guest
Posts: n/a
 
      21st Jul 2005
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.

 
Reply With Quote
 
 
 
 
fido
Guest
Posts: n/a
 
      21st Jul 2005
On Thu, 21 Jul 2005 00:54:03 -0700, Des
<(E-Mail Removed)> wrote:

>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


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
 
Reply With Quote
 
KatWoman
Guest
Posts: n/a
 
      22nd Jul 2005
why does the text on the buttons look so jagged?

"fido" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> On Thu, 21 Jul 2005 00:54:03 -0700, Des
> <(E-Mail Removed)> wrote:
>
>>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"

>
> 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



 
Reply With Quote
 
fido
Guest
Posts: n/a
 
      22nd Jul 2005
On Thu, 21 Jul 2005 19:28:05 -0400, "KatWoman"
<(E-Mail Removed)> wrote:

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


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
 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
I have 'align left' and 'align centre' on tool bar I need align ri Blue Shadow Microsoft Word Document Management 1 17th Dec 2007 07:30 PM
Vertically align text with image =?Utf-8?B?U3RldmUgQnVnZGVu?= Microsoft Word Document Management 4 10th Aug 2005 04:36 PM
Image align - how? Just D. Microsoft ASP .NET 0 5th Apr 2005 05:45 AM
Align an Image and Text within a WinForms RadioButton -- How to prevent text from overlapping image? Samuel R. Neff Microsoft VB .NET 2 27th Jan 2005 09:21 PM
How do I align an image to the center of the stage? =?Utf-8?B?bGFnaWFudA==?= Microsoft Powerpoint 3 14th Dec 2004 04:23 AM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:43 AM.