CSS Unordered List Problem

This is a discussion on "CSS Unordered List Problem" within the Web Page Design section. This forum, and the thread "CSS Unordered List Problem are both part of the Design Your Website category.



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

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 1st, 2006, 10:51
New Member
Join Date: Jan 2006
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Exclamation CSS Unordered List Problem

Ok, i have spent the entire day racking my brain over why this is not working. This is a simple rollover button script and internet explorer hates it. Here are a couple screen shots of my problem.

In Firefox:



Where the red line is for some reason there is a gap there and i can't figure out what is casuing it. This is not something im to worried about but it would be nice to ix if anyone notices what the problem is.


In Internet Explorer:



For some reason those little bullets will not go away.

Here is the CSS code i am using, the menu is toward the bottom, i thought i would include the whole file incase something is interfering with something else.

Quote:
html,body{padding:0px;margin:0px;}

td{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.headline{font:18px Verdana,Arial,Tahoma;color:#5C5B5B;font-weight:bold;}
td.error{font:12px Verdana,Arial,Tahoma;color:#C00000;font-weight:bold;}
td.white{font:12px Verdana,Arial,Tahoma;color:#FFFFFF;}
td.menu{background-color:#DDF4FC;padding:5px;text-align:center;font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.menu_selected{background-color:#C7E4EE;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.column{background-color:#DDF4FC;text-align:center;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;height:20;}
td.footer{background-color:#DDF4FC;padding:10px;text-align:center;}
td.newmsg{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;font-weight:bold;}

td.search_results_main{background-color:#FFFFFF;padding:3px;text-align:center;font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}
td.search_results_save{background-color:#FFFFFF;text-align:center;font:12px Verdana,Arial,Tahoma;color:#5C5B5B;}

td.bold_result{font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
table.highlight_result{background-color:#FFF8C1;}

td.ad_field_main{background-color:#FFFFFF;vertical-align:top;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.ad_field{background-color:#FFFFFF;vertical-align:top;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}
div.ad_field_req_bold{font-weight:bold;}
div.ad_field_req_italic{font-style:italic;}

td.view_ad_main{background-color:#FFFFFF;padding:0px;font:12px Verdana,Arial,Tahoma;color:#333333;}
td.view_ad_title{background-color:#FFFFFF;height:20;font:14px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.view_ad_field_name{background-color:#FFFFFF;vertical-align:top;font:11px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.view_ad_field_content{background-color:#FFFFFF;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}
table.view_ad_field_content{background-color:#FFFFFF;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}

td.faq_question{background-color:#FFFFFF;vertical-align:top;font:11px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}
td.faq_answer{background-color:#FFFFFF;font:11px Verdana,Arial,Tahoma;color:#5C5B5B;}

tr.payment_required{background-color:#FEFAD0;font:12px Verdana,Arial,Tahoma;font-weight:bold;color:#5C5B5B;}

hr.search_results{border:0;color:#5C5B5B;backgroun d-color:#5C5B5B;height:1px;}

img{border:0px;}

input{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;margin:0 5 0 5;}

select{font:12px Verdana,Arial,Tahoma;color:#5C5B5B;margin:0 5 0 5;}

a{color:#CC5112;text-decoration:none;}
a:hover{color:#0074A1;text-decoration:underline;}
a.white{color:#CC5112;text-decoration:none;}
a.white:hover{color:#0074A1;text-decoration:underline;}
a.white_small{color:#FFFFFF;font:10px Verdana,Arial,Tahoma;text-decoration:none;}
a.white_small:hover{color:#FFFFFF;font:10px Verdana,Arial,Tahoma;text-decoration:underline;}

div.headingcat{padding:3 0 0 10;width:100%;background:url(images/bg_heading_cat.gif) repeat-x;height:22px;font:11px Verdana,Tahoma;font-weight:bold;color:#014F6D;}
td.headingcat{padding:3 0 0 10;background:url(images/bg_heading_cat.gif) repeat-x;height:22px;font:12px Verdana,Tahoma;font-weight:bold;color:#0074A1;}

div.featured_title_red{font:14px Arial, sans-serif;color:#E2501F;}
div.featured_title_green{font:14px Arial, sans-serif;color:#6D9812;}
div.featured_title_pink{font:14px Arial, sans-serif;color:#D80C89;}

ul{padding:10 0 15 20;margin:0 0 0 10;list-style:url(images/bullet01.gif);}
li{list-style:url(images/bullet01.gif);line-height:15px;}

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */

#menu div {
height: 30px;
list-style-type: none;
margin: 0;
padding: 0;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu li {
list-style-type:none;
line-height:15px;
}

#menu {
height: 30px;
width: 759px;
border-style: none none none none;
border-color: #94AA74;
border-size: 0px;
border-width: 1px;
margin: 0px;
padding: 0px;
}

#menu li a {
height: 30px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #FFFFFF;
display: block;
background: url(http://www.motorocean.com/images/menu1.gif);
padding: 7px 0 0 0px;
}

#menu li a:hover {
color: #26370A;
background: url(http://www.motorocean.com/images/menu1.gif) 0 -37px;
padding: 7px 0 0 0px;
}

#menu li a:active {
color: #26370A;
background: url(http://www.motorocean.com/images/menu1.gif) 0 -64px;
padding: 7px 0 0 0px;
}
Reply With Quote

  #2 (permalink)  
Old Jan 2nd, 2006, 20:33
Junior Member
Join Date: Jan 2006
Age: 30
Posts: 12
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to bmsterling Send a message via Yahoo to bmsterling
Re: CSS Unordered List Problem

i looked at the site in both ie, and ff and they look the same. am i missing something.
Reply With Quote
  #3 (permalink)  
Old Jan 7th, 2006, 14:02
masonbarge's Avatar
Highly Reputable Member
Join Date: Jan 2006
Location: Atlanta GA
Posts: 631
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS Unordered List Problem

bm, just a question on forum navigation: How did you get the URL for his website?
Reply With Quote
  #4 (permalink)  
Old Jan 7th, 2006, 18:14
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to benbramz
Re: CSS Unordered List Problem

Quote:
Originally Posted by masonbarge
bm, just a question on forum navigation: How did you get the URL for his website?
its in his code...
Reply With Quote
Reply

Tags
css, unordered, list, problem

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
First image problem and inline list problem konnor5092 Web Page Design 8 Dec 1st, 2007 09:08
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
Unordered list under background image AdRock Web Page Design 4 Aug 7th, 2006 12:43


All times are GMT. The time now is 16:05.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs 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 43