/    Sign up×
Community /Pin to ProfileBookmark

Aligning Icon with text in a single table

Copy linkTweet thisAlerts:
Nov 09.2006

Hi, I have a Table where I have an Icon followed by am hyperlink text, then another Icon and more hyperlink text.

The problem is when the icons are added, the images is lower then the text and is nt lined up properly.

What I have is:

<table border>
<tr>
<td width=300> <span style=”float: left”><img src=”NEWImages/PrintableVersion.gif” width=”16″ height=”21″></span>
<span style=”float: left”>&nbsp;This is some text</span>&nbsp;| <img src=”NEWImages/Favorites.gif” width=”16″ height=”21″>Some
other text</td>
</tr>
</table>

I want something that looks like this [URL]http://www.microsoft.com/athome/default.mspx?CM=Tab&CE=1[/URL]

What I have is this:
[URL]http://www.prostatcorp.com/Detail.asp?Id=PGA-710[/URL]

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@A1ien51Nov 09.2006 — You play with line-height?

Eric
Copy linkTweet thisAlerts:
@BracholeauthorNov 09.2006 — doesn't line-height use for multiple lines? The space between lines? In my case, I have al lthe text on 1 line, with a combination of images and text.

However, as soon as I insert an image next to the text, it lowers the text to the bottom...

Any suggestions?
Copy linkTweet thisAlerts:
@WebJoelNov 09.2006 — somethng like :

vertical-align:middle;?

this would align the image with the text with equal halves above & below the 'text' part.

example:

<img src="#" [B]style="vertical-align:middle;[/B]" /><a href="#">text</a>
Copy linkTweet thisAlerts:
@sitehatcheryNov 09.2006 — looks like you got it. Looks fantastic in Firefox. Good job on the site.
Copy linkTweet thisAlerts:
@BracholeauthorNov 09.2006 — Thanks...I appreciate the kind word!
×

Success!

Help @Brachole spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...