• 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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Have you tried this?

    <div class="sb-spacer"/>

    it seems to work between your search box and Posts RSS Feed button ok.

    Thread Starter loybond

    (@loybond)

    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.

    Thread Starter loybond

    (@loybond)

    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.

    Thread Starter loybond

    (@loybond)

    And it didn’t paste… but it is < a href = " the link " < img src = " < ? php bloginfo ( ' template_directory ' ) ; ? > before the /images lines

    Don’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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Quick question, need help!’ is closed to new replies.