Unordered list under background image

This is a discussion on "Unordered list under background image" within the Web Page Design section. This forum, and the thread "Unordered list under background image are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Aug 6th, 2006, 14:17
Highly Reputable Member
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Unordered list under background image

I have an unordered list underneath a background image but the spacing between the two is too big.

Is there a way of shrinking the gap so that the list starts underneath the background image?

Code: Select all
 
.news
{
width: 190px;
margin-left: 5px;
margin-right: 5px;
background-color: #E4EFFF; /*#EDF0F6*/
border: 1px solid #FFFFFF;
background-image: url(../images/slice.jpg);
margin-top: 5px;
background-repeat: repeat-x
}
ul#member {
  width: 175px;
  list-style-type: none;
  margin-left: 0;
  padding-left: 10px;
list-style-position: outside;
}
ul#member li, {
  font-family: verdana, sans-serif;
  font-size: 11px;
  list-style: none;
  margin-top: 0;
  padding-left: 10px;
}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Aug 6th, 2006, 15:11
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Unordered list under background image

Change the padding and margin values from the defaults being applied by the browser.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Aug 7th, 2006, 10:01
Highly Reputable Member
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Unordered list under background image

Is there a way of formatting an ordered list.

I have noticed the numbering in an ordered list is the standard browser font and not the same font as the text. Is there a way of changing it?

Also how do I adjust the indent of the numbering
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Aug 7th, 2006, 10:46
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Unordered list under background image

You need to look at the css list atributes and the range of options that go with them.

I'm sorry if what I am about to say seems a bit harsh but you ask so many basic questions that I think you ought to get either a good book or two on css and/or work through a number of the many good css tutorials available online and then use the forum for when you are really stuck on an issue that you have tried and been unable to resolve.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Aug 7th, 2006, 12:43
minute44's Avatar
Most Reputable Member

SuperMember
Join Date: Apr 2006
Location: Nottingham UK
Age: 25
Posts: 1,351
Blog Entries: 1
Thanks: 0
Thanked 1 Time in 1 Post
Re: Unordered list under background image

Quote:
Originally Posted by AdRock View Post
Is there a way of formatting an ordered list.

I have noticed the numbering in an ordered list is the standard browser font and not the same font as the text. Is there a way of changing it?

Also how do I adjust the indent of the numbering
go here.... http://css.maxdesign.com.au/listamatic/index.htm
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
unordered, list, under, background, image

Thread Tools

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 On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
unordered list - strange behavior pesho318i Web Page Design 9 Dec 6th, 2007 14:19
Putting navigation list on top of background image Kurt Web Page Design 5 Sep 16th, 2007 07:19
unordered list problem in FF alexgeek Web Page Design 4 Sep 10th, 2007 15:26
Image bullets on unordered list Kobrakai Web Page Design 4 Aug 15th, 2007 18:27
CSS Unordered List Problem relph2 Web Page Design 3 Jan 7th, 2006 18:14


All times are GMT. The time now is 23:56.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42