HTML help

[Ali Mangkang]

People can I first say that I AM NOT a designer. Not one.

Second I somehow have to do a lot of HTML coding. Just yesterday, updating two pages on the ABC website took me ALL day. Here are the two pages I updated: http://www.atlantabike.org/Sponsors and http://www.atlantabike.org/node/687?reset=1&id=1 and they are not that impressive, right?

Please add those two facts together and come to my rescue. TODAY, I am tasked with adding sponsor logos to our Beltline Bike Tour website. Now, we are doing this with Wordpress and they "try" to help but as you can tell from the page - the placement is WHACK JACK!

http://beltlinebiketour.wordpress.com/about/

What I need is someone to just re-code the logo section into a table or something standard that I can use for both the BBT site and the Atlanta Bicycle Coalition website.

Here is the code from the wordpress site. Please let me know if anyone would like to accept this challenge.
<strong>A special thanks to the following sponsors:</strong>
<a href="http://www.larabar.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/larabarlogo2.jpg?w=150" alt="" title="LarabarLogo" width="150" height="36" class="alignright size-thumbnail wp-image-156" /></a></a>&nbsp;&nbsp;&nbsp;&nbsp;
<img src="http://beltlinebiketour.files.wordpress.com/2010/01/keegan_law_300dpi.jpg?w=150" alt="Keegan law logo" title="Keegan_Law_300dpi" width="150" height="20" class="alignright size-thumbnail wp-image-103" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.greenstreetproperties.com"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/greenstreet_logo_rbg.jpg?w=150" alt="green_street" title="GreenStreet_logo_rbg" width="150" height="150" class="alignnone size-thumbnail wp-image-159" /></a>
<a href="http://www.cma-atlanta.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/02/cma-logo-color-no-address1-e1268861564369.jpg?w=149" alt="CMA logo" title="CMA Logo - Color No Address" width="149" height="83"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.iceboxonline.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/icebox-logo_edit.jpg" alt="" title="Icebox logo_edit" width="189" height="142"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http:www.kpmg.com"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/kpmg.jpg" alt="" title="KPMG" width="136" height="53" class="alignnone size-full wp-image-163" /></a>

Thank you for your consideration.
--
Ali Mangkang, Outreach Manager
Atlanta Bicycle Coalition
404-881-1112
a...@atlantabike.org
www.atlantabike.org
Follow us: http://twitter.com/atlantabike
Fan us: http://bit.ly/ABConFB

[Jett Marks (Home)]

Hey Ali,

 

I should bring over an old license for Dreamweaver that should help you with this, but let me add a quick table to help arrange the images.

 

Sorry it took all day to generate the other pages, but they look fine.

 

Jett

--
You received this message because you are subscribed to the Google Groups "Atlanta Bike Geeks" group.
To post to this group, send email to atlanta-b...@googlegroups.com.
To unsubscribe from this group, send email to atlanta-bike-ge...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/atlanta-bike-geeks?hl=en.

[Jett Marks (Home)]

Try this code.  I've used a table with 2 columns and three rows, cellspacing of 12 for the vertical space and "center" for the horizontal spacing.

 

<strong>A special thanks to the following sponsors:</strong>

<table width="100%" border="0" cellspacing="12" cellpadding="0">
  <tr>
    <td>
      <div align="center"><a href="http://www.larabar.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/larabarlogo2.jpg?w=150" alt="" title="LarabarLogo" width="150" height="36" class="alignright size-thumbnail wp-image-156" /></a></div>
    </td>
    <td>
      <div align="center"><a href="http://www.larabar.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/keegan_law_300dpi.jpg?w=150" alt="Keegan law logo" title="Keegan_Law_300dpi" width="150" height="20" class="alignright size-thumbnail wp-image-103" /></a></div>
    </td>
  </tr>
  <tr>
    <td>
      <div align="center"><a href="http://www.cma-atlanta.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/02/cma-logo-color-no-address1-e1268861564369.jpg?w=149" alt="CMA logo" title="CMA Logo - Color No Address" width="149" height="83" /></a></div>
    </td>
    <td>
      <div align="center"><a href="http:www.kpmg.com"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/kpmg.jpg" alt="" title="KPMG" width="136" height="53" class="alignnone size-full wp-image-163" /></a></div>
    </td>
  </tr>
  <tr align="center">
    <td>
      <div align="center"><a href="http://www.greenstreetproperties.com"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/greenstreet_logo_rbg.jpg?w=150" alt="green_street" title="GreenStreet_logo_rbg" width="150" height="150" class="alignnone size-thumbnail wp-image-159" /></a></div>
    </td>
    <td>
      <div align="center"><a href="http://www.iceboxonline.com/"><img src="http://beltlinebiketour.files.wordpress.com/2010/01/icebox-logo_edit.jpg" alt="" title="Icebox logo_edit" width="189" height="142" /></a></div>
    </td>
  </tr>
</table>

 

 

Jett

-----Original Message-----
From: atlanta-b...@googlegroups.com [mailto:atlanta-b...@googlegroups.com]On Behalf Of Ali Mangkang
Sent: Friday, April 02, 2010 1:09 PM
To: atlanta-b...@googlegroups.com
Subject: [Atl Bike Geeks] HTML help

[Ali Mangkang]

THANK YOU!

You know what made this easier...not Dreamweaver. You! Just stay online and I will feed you bits of HTML code that you can clean up for me all day. Sounds like a perfect collaboration right?

Jett, PLEASE do not bring Dreamweaver over here because I am sure my head would explode, but thanks for the offer! For now, I will soldier on with my Bare Bones Guide and occasional emails of despair.

Truly,

Ali