Register  |  Login




Advertisement

Start Your Own Q&A Site

Create your own Q&A site easily, allowing you to quickly grow a new community around any subject matter or generate new organic traffic for your existing website.

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
Tutorials

 

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 a Tutorial in the Tutorial 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 tutorials 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 Experts

View More

Rank

Expert

Points

1.

nidhi

10354

2.

oracleofDelphi

6493

3.

rcastagna

5596

4.

LAGM

4848

5.

PeterNZ

3487

6.

gonzalo

2840

7.

Mason

2770

8.

jgivoni

2303

9.

xarcus

1820

10.

Anpanman

917

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