Quick question, need help!
-
I’ve created these buttons on my sidebar, and they’re ok, but how do you space them out more? They’re all squished together. Is there some basic code I can insert between buttons like
(though that doesn’t work) to leave a space?Here’s my blog… http://geekliness.com
Much appreciated!
-
Have you tried this?
<div class="sb-spacer"/>
it seems to work between your search box and Posts RSS Feed button ok.
Thanks! I tried that, but it didn’t work. 🙁 Any other suggestions?
Something wrong with your html, this is what I see, for all the menu items:
<a href="http://geekliness.com/feed/"<img src="http://geekliness.com/wp-content/themes/redoable 1.1/images/categories/postsrss.png"
Fix that. Add a class to each link then style the link add margin/padding to the img.
Hmm, that’s weird… this is what I have…
/* <div class="secondary"> <?php if( get_option('redo_livesearchposition') == 0 ) { ?> <div id="search"> <h2><?php _e('Search','redo_domain'); ?></h2> <?php include (TEMPLATEPATH . '/searchform.php'); ?> </div> <div class="sb-spacer"></div> <div id="dynamic-content"></div> <div id="current-content"> <?php } else { ?> <div id="search"> <h2><?php _e('Search','redo_domain'); ?></h2> <?php include (TEMPLATEPATH . '/searchform.php'); ?> </div> <div class="sb-spacer"></div> <?php } ?> <a>/images/categories/postsrss.png" </a><a>/images/categories/commentsrss.png" <div class="sb-spacer"/> </a><a>/images/categories/categories.png" </a><a>/images/categories/cartech.png" </a><a>/images/categories/cars.png" </a><a>/images/categories/computertech.png" </a><a>/images/categories/digitalcameras.png" </a><a>/images/categories/ebayfunk.png" </a><a>/images/categories/featured.png" </a><a>/images/categories/gadgets.png" </a><a>/images/categories/geekizeit.png" </a><a>/images/categories/geekycarbargains.png" </a><a>/images/categories/geekytechbargains.png" </a><a>/images/categories/hometech.png" </a><a>/images/categories/hometheatertech.png" </a><a>/images/categories/movies.png" </a><a>/images/categories/videogames.png" </a><a>/images/categories/wordsofgeekliness.png" */
Sorry for such a noob question, but can you quickly give me the code to add margin/padding? I know what that stuff is in theory, just don’t know exactly what to put in.! Thanks. Also, I don’t know how to add a class for each of those. Any insight would be appreciated.
And it didn’t paste… but it is
< a href = " the link " < img src = " < ? php bloginfo ( ' template_directory ' ) ; ? >
before the /images linesDon’t mean to be persistent, but in spite of the link errors, try this again just for giggles… this time with a closing div. I see it already working in your theme as a spacer, and I can make it work with a live edit using Firebug in Firefox. If not, my apologies.
<div class=”sb-spacer”></div>
Cj
- The topic ‘Quick question, need help!’ is closed to new replies.