ul bullets

ivyholly · #1 Dec 22nd, 2005, 22:09

How`s it goin`?

On the favourite repertoire page of my site, I`ve got lots of lists. Why do the bullets go outside the edge? How can I skootch things over so that doesn`t happen? Any help appreciated.

http://pyxnet.ath.cx/robin

herkalees · #2 Dec 22nd, 2005, 22:53

It looks great in Opera, but broken badly in IE. I can check into the code soon, but it's Christmas shopping time.

ivyholly · #3 Dec 22nd, 2005, 23:15

Well, I guess that`s no big surprise- I made it in Mozilla (stupid IE

). Haven`t seen it anywhere else yet...

Not to worry; I tend to be around here a fair amount.

I`m sure there are problems with the coding- it`s my 1st css site, and only my second website...

Hey, at least it validates!

ivyholly · #4 Dec 24th, 2005, 05:48

Where are my manners! Thank you for checking it out, herkalees- good to know.

Tim356 · #5 Dec 24th, 2005, 10:40

try adding (to your 'main' class):

Code: Select all

padding-left:8px;

ivyholly · #6 Dec 24th, 2005, 21:09

Thanks Tim356- Tried changing the padding, but it didn`t seem to work. So then I tried margin, which worked great, except it pushed content out of place in the sidebar! Eeesh. I`ll keep trying...

Tim356 · #7 Dec 25th, 2005, 02:16

Beats me, good luck! Let us know how you end up fixing it!

drd · #8 Dec 25th, 2005, 19:56

sounds like the entire list is 100% of the screen and the margin is making it too wide for your div

Try specifying a width for the ul in the css, make it equal or less than the content div and margin combined.

ivyholly · #9 Dec 28th, 2005, 22:19

Hullo,

It was as simple as this- I already had padding: 0 10px in my css for the main class. So I just changed the 2nd number to 20px, problem solved. Now I know what those numbers are for! Learning, learning...

Thanks, everyone

jpmitchell · #10 Dec 29th, 2005, 03:24

While on the subject of UL bullets, I thought I would share a something I ran across this evening while reading my RSS feeds.

http://www.macworld.com/2005/12/secr...eate/index.php

I thought it would help to have this here for those who read this as well as those who search the forums and want to know more about CSS controlled bullet backgrounds.

ivyholly · #11 Dec 29th, 2005, 05:41

Hmm, interesting...

masonbarge · #12 Jan 5th, 2006, 22:35

Quote:

list-style-position: inside;

Hope that helps.

ivyholly · #13 Jan 6th, 2006, 03:21

Thanks masonbarge

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Bullets looking wierd.	mcdanielnc89	Web Page Design	8	Nov 1st, 2007 18:41
IE7 bug: list bullets aligned to bottom	MikeHopley	Web Page Design	6	Sep 12th, 2007 20:56
Image bullets on unordered list	Kobrakai	Web Page Design	4	Aug 15th, 2007 19:27

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
ul bullets