Blog Azeroth

A forum for World of Warcraft Bloggers
It is currently Mon Jul 28, 2014 6:30 pm

All times are UTC




Post new topic Reply to topic  [ 7 posts ] 
Author Message
 Post subject: Spacing images in sidebar?
PostPosted: Wed Aug 27, 2008 2:09 am 
Offline

Joined: Wed Aug 27, 2008 1:50 am
Posts: 9
Location: Texas
hey i recently Added a few images that link to othersites, alltop wowhead and Jinx to a widget in my sidebar. I found a way to space them out but it only appears to space them in IE. Firefox displays them all scrunched right on top of each other. You can see it here http://wow.grownassman.net/

Anyone have any idea on how to fix this?


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Wed Aug 27, 2008 2:46 am 
Offline
User avatar

Joined: Wed Jan 23, 2008 1:39 am
Posts: 314
Location: Ner'Zhul, BC, Canada
How are you spacing it? Have you tried setting the padding of images?

_________________
Matticus
"Power Through Knowledge and Reason"
http://www.worldofmatticus.com/
WoW Priest and Officer Blogger

Find me on GMail: matttz@gmail.com

Image


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Wed Aug 27, 2008 2:55 am 
Offline

Joined: Wed Aug 27, 2008 1:50 am
Posts: 9
Location: Texas
I added vspace="5" between <img and SRC i only found that idea through google. and TBH im no expert on HTML so im not sure how exactly to pad it.


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Wed Aug 27, 2008 10:36 am 
Offline

Joined: Thu Jun 12, 2008 8:56 am
Posts: 53
Server: Illidan
A quick
Code:
<br />
after each image tag would be the easiest solution to the vertical spacing issue.

There are other ways to do it, but that's the easiest and most obvious.


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Wed Aug 27, 2008 5:14 pm 
Offline

Joined: Wed Aug 27, 2008 1:50 am
Posts: 9
Location: Texas
i have added the breaks and it still doesnt seem to be spacing the images.


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Wed Aug 27, 2008 11:11 pm 
Offline

Joined: Thu Jun 12, 2008 8:56 am
Posts: 53
Server: Illidan
Find the section in your theme's CSS that applies to your sidebar (could be a #sidebar or .sidebar id/class section) and add the following:

Code:
#sidebar img {
padding: 2px;
}


This is technically a separate block on it's own (because of the 'img' after the #sidebar), but you want to find the section corresponding to your sidebar so you know which id/class you're assigning this value to, otherwise it will apply to all the images on your site.

If you don't care, or want to have this padding apply to all the images of your site, then simply use the following somewhere in your CSS file:

Code:
img {
padding: 2px;
}


You can specify the padding value to be however large or small you need/want.


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Thu Aug 28, 2008 3:08 am 
Offline

Joined: Wed Aug 27, 2008 1:50 am
Posts: 9
Location: Texas
i appreciate all the help but i think im just going to leave it as is. I have tried all of these and i just cant seem to get them to work. Thank you all for trying!


Top
 WWW Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 7 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
mergenine: WoW Alliance BB3
World of Warcraft ® ©2004-2007 Blizzard Entertainment, Inc. All rights reserved.