Support » Themes and Templates » Inserting spaces in sidebar

  • I’m sure this is a very basic question, but for those not so familiar with HTML (ie. me) it is very frustrating!

    All I want to be able to do is insert a space between two items on my sidebar – the visitor counter and a button I just added. (please see http://www.sarahklass.com to see what I’m talking about) Is there a piece of code that I just add between the pieces of code for these two items that will put a space between them?

    On a similar subject, my footer seems to have scooted up my sidebar and lodged itself right after the last item on there instead of being at the bottom of the page. Any suggestions as to how to remedy this also appreciated 🙂

    Thanks,
    Sarah

Viewing 8 replies - 1 through 8 (of 8 total)
  • Sarah,

    You could use a <br /> tag like this:

    <h2>Visitors</h2>
    		   	<ul id="is_link">
    	<li>1 currently online</li><li>41864 total visitors</li>
    	</ul>
    <br />
    <a href="http://www.scrapbookingtop50.com.au/top50blogs/"><img src="http://www.scrapbookingtop50.com.au/top50blogs/button.php?u=sklass" alt="Top50 Scrapbooking Blogs" border="0"></a>

    Sweet! That seems to have done the job – I thought it would be something simple, but had NO idea exactly what!!

    Thanks SO much 🙂 Don’t suppose you have any ideas about getting the footer to go back to the bottom….

    Thanks again!

    Sarah

    Glad I could be of help.

    The footer issue is most likely cause by your invalid html. You’ve got 89 errors!!!

    Try validating your code and see if that fixes it. If not, maybe I can help.

    Eeek! I just followed that link to the errors, and the trouble is I have no idea where to start ‘validating my code’. A lot of the errors look like problems in the posts that I have written, but I don’t write the code, I just write the posts in the ‘visual’ box of the ‘write post’ screen – do you know what I mean?? So how do I get around this?

    mfields, I would LOVE you to help if you think you could….

    Eeek! Thats a whole lotta code in there!!!!!

    The footer problem lies in your sidebar which (like many wordpress sidebars) is constructed out of nested ul elements. This is a very easy structure to mess up and a hard one to debug when you do.

    Here is what each section of your sidebar should look like:

    <li>
    	<h2>Categories</h2>
    
    	<ul id="is_link">
    		<li class="cat-item cat-item-7">
    			<a href="http://www.sarahklass.com/?cat=7" title="View all posts filed under Classes">Classes</a>
    		</li>
    		<li class="cat-item cat-item-1">
    			<a href="http://www.sarahklass.com/?cat=1" title="View all posts filed under General">General</a>
    		</li>
    		<li class="cat-item cat-item-6">
    			<a href="http://www.sarahklass.com/?cat=6" title="View all posts filed under Life and Family">Life and Family</a>
    		</li>
    		<li class="cat-item cat-item-3">
    			<a href="http://www.sarahklass.com/?cat=3" title="View all posts filed under Scrapping">Scrapping</a>
    		</li>
    		<li class="cat-item cat-item-5">
    			<a href="http://www.sarahklass.com/?cat=5" title="View all posts filed under Stampin' Up!">Stampin' Up!</a>
    		</li>
    		<li class="cat-item cat-item-4">
    			<a href="http://www.sarahklass.com/?cat=4" title="View all posts filed under Stamping">Stamping</a>
    		</li>
    	</ul>
    </li>

    Other points of interest:

    1. Each id must be unique. you have “docimage” and “is_link” repeated multiple times. you should use classes instead.
    2. all attribute values must be wrapped in quotes. You have id=docimage change this to id="docimage"
    3. div’s cannot live inside h3’s – use span instead
    4. Whatever generates the javascript image pop up code is messing up code – improperly nesting a tags. I don’t know if it is the plugin, or if you accidentally do this when you enter code from the ‘visual’ box (I have never used it), but this should be addressed.
    5. WordPress is not generating proper xhtml for the calendar table. images are not closed properly and they have no alt attributes.

    Good luck with all of this!

    Right then…. 🙂 I don’t think luck will cut it, I think a miracle is required! The problem is that the answers to my questions might as well be in Swahili as it would make about as much sense to me. I get that html is a whole other language but I don’t understand it and didn’t realise that quite such an understanding of it was required to run a WordPress blog, which I have been doing for just over a year, but apparently leaving all sorts of errors in my wake! Is there a possibility that the errors exist in the template that I use on my blog, as I haven’t actually done a whole bunch of changing anything (it scares me too much!!)

    Speaking of being scared to change anything, I am! Because I don’t understand the language I am loath to go messing about with anything in case I stuff it up to the point of being irretrievable. Seriously, are there people I can pay to sort this stuff out for me?

    Yep, you might want to try the WordPress Pro Mailing List. Someone there might be able to help you. Sorry, I do not accept non-local freelance work. I normally would try to help you, but your html is massive and the fact that you have a hard time with html could only lead to disaster.

    On another note, The problem with your footer is minor, If I were in your shows, I would just let it go. And let it be addressed when you need to hire someone for customizations or enhancements. This is just my opinion though.

    Best of luck,
    -Mike

    Thanks Mike, you’ve been very helpful 🙂

    Sarah

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Inserting spaces in sidebar’ is closed to new replies.