Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Removing extra space around <img> image table elements


  #1  
Old Jun 17, 2010, 03:25 PM
StevenLevy
 
4 posts · Jun 2010
Seattle
I want to create a navigation mechanism similar to the click-on/mouse-over a hole # at this golf page. (Mouse over any of the small horizontal bars above numbers 1-18, or the numbers themselves.) Here's a different variant of it, this time with the horizontal bar below each link. (Mouse over Usage, Examples, etc.) The gist is that:
  1. There's a row of text/number "cells" each with a horizontal bar.
  2. The bar corresponding to the current page is "lit up" (changed color)
  3. As you mouse over a bar or the associated text, that bar also lights up, and unlights as the mouse moves away
  4. The bars and the text cells are clickable links
I'm using Atahualpa 3.51 and WP 2.92.

Currently I have these in a table using js mouseover GIF image swapping for the bars. It works in principle -- see the ninth bar here (it's obvious which "cell" is different). I've placed the elements in a table... but the table adds enormous amounts of extra space around each cell when there's an image/href in the cell. These cells are all marked <td width="8" height="2">, and the row is marked <tr height=2>.

Any ideas on how I can get all the extra space out of the table? (The WP editor shows only extra height but not extra width!) I already have a CSS insert that removes the border around the images (thanks to info found elsewhere in this forum), <table cellspacing=0 cellpadding=0>, etc.

BTW, I'm not wedded to tables as the means for doing this. I just need a row with 18 equally spaced numbers (1..18) and a color-changing horizontal bar over or under each.

Thanks.

Bookmarks

Tags
cellpadding, image, mouseover, table

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu drop down modification - remove arrows & extra space dorigen Page & Category Menu Bars 31 Aug 16, 2014 11:10 AM
[SOLVED] How Do You Add Extra Space Between Category or Page Menu Items? rhythm Page & Category Menu Bars 4 Mar 15, 2010 02:08 PM
Extra space, blueprairie Atahualpa 3 Wordpress theme 1 Jul 22, 2009 10:22 AM
[SOLVED] extra space between posts on homepage reallylost Post-Kicker, -Byline & -Footer 8 Jun 2, 2009 02:11 PM


All times are GMT -6. The time now is 11:53 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.