• Registered: January 29, 2010
  • Posts: 5

Topic: text & image offset

ive tried using tables and some other things but i just cant seem to get the, "My overall rating" and the stars to line up.

My Overall Rating:  X X X X X     <- want it to look like this

http://watches.site11.com


this is the code im using for the tables:

<strong>Suunto Core Review by Gary</strong>
<table style="margin-top: -14px;" border="0" cellpadding="0">
<tbody>
<tr>
<td>My Overall Rating:</td>
<td><a href="images/5star.gif"><img class="alignleft size-full wp-image-100" title="5star" src="images/5star.gif" alt="" width="138" height="25" /></a></td>
</tr>
</tbody>
</table>

any suggestions? appreciate it

Vote up Vote down

  • Registered: April 30, 2009
  • Posts: 157
  • Reputation: 2

Re: text & image offset

Simplest fix is to remove the margin from the star images. Let me know if that works, I tested on Firefox 3.5 and just removed the "margin-top: -14px" from the table and remove the margin: 1em from the stars image using Firebug which worked.

Vote up Vote down

  • From: Tenerife, Spain
  • Registered: December 29, 2008
  • Posts: 579
  • Reputation: 1

Re: text & image offset

Your link is not working yet, your website is being reviewed for the moment.

My suggestion, although probably not what you are looking for, is to forget tables and learn css if you are going to be doing websites on a regular basis.

Lynne
180virtual

Vote up Vote down

  • Registered: April 30, 2009
  • Posts: 157
  • Reputation: 2

Re: text & image offset

Was on this site couple minutes ago now it's being checked for malicious content  mad Looked like a Wordpress site to me.

Vote up Vote down

  • Registered: January 29, 2010
  • Posts: 5

Re: text & image offset

lol, ill try. Soon as i get some support, the web host wanna "review my site"

as soon as its up ill let ya know, thx

Vote up Vote down

  • Registered: January 29, 2010
  • Posts: 5

Re: text & image offset

yea its back up and running. *sigh* that was a big inconvenience. I removed,  <table style="margin-top: -14px;" border="0" cellpadding="0">   that part, but still no luck. It is a wordpress site. Im thinking it mite have to do with the artisteer software that created the wordpress template.

BeeDev, what part do i remove for the star img?


virtual, any specifics? Where can i begin, starting with this sorta issue?

Vote up Vote down

  • From: Tenerife, Spain
  • Registered: December 29, 2008
  • Posts: 579
  • Reputation: 1

Re: text & image offset

I took a look again, but I could not see the "images/5star.gif"?

Lynne
180virtual

Vote up Vote down

  • Registered: January 29, 2010
  • Posts: 5

Re: text & image offset

yea i replaced it with something simple. Just to get it going, ill throw them back up there. I would really like to have the star layout than using:

Overall Rating: 5.0 / 5.0

Visuals look so much better

Vote up Vote down

  • Registered: January 29, 2010
  • Posts: 5

Re: text & image offset

Its now aligned. I believe the cellpadding is just off.  is that what it is?

Overall review:  X X X X X

Quality:            X X X X

instead of having it look like

Overall review:  X X X X X
Quality:            X X X X

is it the cellpadding? and if not what is it and how do i touch it up?

Thx

Last edited by lutherross3 (January 30, 2010 3:48 pm)

Vote up Vote down