Register  |  Login



Question

Status: Closed Points: 125 Time: 03:46 - Mar 07, 2007  

sbjc23

Why is the link aligning to the bottom next to an image?

I am creating a page and I have a link that is text right next to an image that I also want to be in the link:

Example:

<tr>
<td align="right" valign="center">
<a href="link.html" class="bodybold">Link Text <img src="images/image_1.gif" border="0"></a>
</td>
</tr>

But when it displays the text is a lot lower than the image is. Is there a way to have these so they are both centered vertically?

Categories:

Answer Discussion
Answer Summaries

 

Q&A System for Websites and Corporate Collaboration

Advertisement

  • Generates significant organic traffic for websites
  • Saves companies money, resources, and time

roger.berbel

Date:: Mar 07, 2007

Time:: 08:40

Add 'align' attribute in the image tag, like this:

<img src="images/image_1.gif" border="0" align="middle">

jgivoni

Date:: Mar 07, 2007

Time:: 08:40

Certainly.
Put the CSS style:
vertical-align: middle
on the image element.

The reason they do not look vertically centered is, that the text and the image are two inline elements - meaning that they belong to the same line. The line itself - which is a block element - is in fact centered, because the table cell has valign="center". But to change the alignment between the text and the image internally, you need to specify it using the vertical-align CSS property.

sbjc23

Date:: Mar 07, 2007

Time:: 12:58

Thanks guys.

Question Answered

This question has been closed, and points have been rewarded to the following experts:

roger.berbel: 75
jgivoni: 50

You're welcome however to comment or give additional information or if you wish, you have the ability to write an Answer Summary for the Summary Area.

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

No summaries have been submitted yet. Want to be the first?

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

Ask a Question

Have a new question? Ask!

You have 100 characters to use



Top HTML Experts

View More

Rank

Expert

Points

1.

rcastagna

1022

2.

jgivoni

928

3.

nidhi

875

4.

xarcus

240

5.

john2

170

6.

danmacryan

125

7.

Anpanman

75

8.

multani.sarbjit

75

9.

PeterNZ

75

10.

roger.berbel

75

Become an Expert

Register today to share your knowledge with the community and be recognized and rewarded for your contributions.


Register Here




"Psst, Quomon is a great site. Pass it on."     Tell a Friend  |   Link To Us  |   Save to Delicious  |   Digg! Digg it



Language Options

English:

www.quomon.com

Español:

www.quomon.es