Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 06-23-2008, 02:51 AM Line Break Spacing
Junior Talker

Posts: 4
Name: Johnny
Trades: 0
I'm a newb so please forgive me if this does not make any sense. I am using Wordpress with a custom theme and I have been making small changes here and there.

I am trying to figure out why the spacing is different in some of the sections I created in the sidebar. Here is a screenshot:



I would like spacing in the 'I'm Connected' and 'Must Read Books' sections to be the same as it is in the 'Most Popular Posts' section.

The site is located at http://www.lovefor.biz

Last edited by jsmakr; 06-23-2008 at 03:28 AM..
jsmakr is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-23-2008, 09:46 AM Re: Line Break Spacing
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Your lists are incorrectly formatted. You cannot have line breaks and paragraphs inside a <ul>. Put ALL your items within proper <li> tags and they will be more uniform.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-23-2008, 12:18 PM Re: Line Break Spacing
Junior Talker

Posts: 4
Name: Johnny
Trades: 0
When I use the <li> tags, then I get these bullet points which I obviously do not want, and that still does not change the spacing.

jsmakr is offline
Reply With Quote
View Public Profile
 
Old 06-23-2008, 12:30 PM Re: Line Break Spacing
wayfarer07's Avatar
Poo on You

Latest Blog Post:
Introducing WowWindow
Posts: 3,985
Name: Abel Mohler
Location: Asheville, North Carolina USA
Trades: 0
Here is a solution:

CSS
Code:
#r_sidebar ul li, #l_sidebar ul li {
list-style: none;
}
Place the items into <li> tags as suggested by LadynRed, and place the above code into your CSS file
__________________
Join me on
Please login or register to view this content. Registration is FREE

Last edited by wayfarer07; 06-23-2008 at 12:32 PM..
wayfarer07 is offline
Reply With Quote
View Public Profile Visit wayfarer07's homepage!
 
Old 06-23-2008, 06:02 PM Re: Line Break Spacing
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
That will get rid of the bullets. Once you have everything in a <li>, then you control the height and spacing with margin/padding and/or line-height.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-23-2008, 09:02 PM Re: Line Break Spacing
Junior Talker

Posts: 4
Name: Johnny
Trades: 0
Quote:
Originally Posted by wayfarer07 View Post
Here is a solution:

CSS
Code:
#r_sidebar ul li, #l_sidebar ul li {
list-style: none;
}
Place the items into <li> tags as suggested by LadynRed, and place the above code into your CSS file
That did not seem to get rid of the bullet points
jsmakr is offline
Reply With Quote
View Public Profile
 
Old 06-23-2008, 09:47 PM Re: Line Break Spacing
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
That's because those <li> items showing the bullets are NOT properly inside a <ul></ul> !
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-23-2008, 10:38 PM Re: Line Break Spacing
Junior Talker

Posts: 4
Name: Johnny
Trades: 0
K, got rid of the bullets but spacing is still off. What do I need to change in the css file to correct this?
jsmakr is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Line Break Spacing
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.20059 seconds with 12 queries