28, May 2012

Sliding doors issues - webmaster forum

 
Webdigity webmaster forums
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: Sliding doors issues
« previous next »
Pages: [1] Print
Instabuck - The easy way to sell digital products online

Author Topic: Sliding doors issues  (Read 2668 times)
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2175
5052 credits
Members referred : 2


Venture Skills - New Media & IT group


« on: Jul 19, 2007, 02:28:49 pm »

Ok I have a small and annoying bug I have been using the sliding doors method for tabs.

Now it all looks spiffing except in firefox my menu is still showing bullets (fine in IE oh the irony!) any suggestions?

Code:
#primaryNav {
  font-size:0.8em;
  float:left;
  width:100%;
  line-height:normal;
  margin:0;padding:0px /*1*/0px 0;
  list-style:none;
  }
 
#primaryNav li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }

#primaryNav li a {
  float:left;
  display:block;
  width:.1em;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
  }

Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO alternatively for Social media optimisation take a look at the Venture Skills Blog

Last blog : Its all in the mp3s
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 5799
46391 credits
Members referred : 3



« Reply #1 on: Jul 19, 2007, 02:37:59 pm »

Ok CSS is not my thing, but I think I haven't seen this right top and left top thing again. Try to remove it to see what happens.

Trial and Error my two best teachers Cool
Join us @ facebook or twitter

Last blog : Butterfly Marketing 2.0
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2175
5052 credits
Members referred : 2


Venture Skills - New Media & IT group


« Reply #2 on: Jul 19, 2007, 03:04:50 pm »

thats somewhat vital Wink and not the cause the images show fine, in the correct place its the fact that the original bullets show in firefox as well Sad

Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO alternatively for Social media optimisation take a look at the Venture Skills Blog

Last blog : Its all in the mp3s
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #3 on: Jul 19, 2007, 03:06:35 pm »

try for the UL element

list-style-type:none;

Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2175
5052 credits
Members referred : 2


Venture Skills - New Media & IT group


« Reply #4 on: Jul 19, 2007, 03:14:32 pm »

solved it Smiley
Code:
list-style-type:none;
in the li element makes it vanish in firefox, rather then declaring it in the div, or ul
odd never come across that problem before Smiley cheers for the help guys

Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO alternatively for Social media optimisation take a look at the Venture Skills Blog

Last blog : Its all in the mp3s
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #5 on: Jul 19, 2007, 03:17:26 pm »

I see this "bad" CSS code very often in free CSS templates like:

background:none;

some nasty CSS code works fine but some not. I guess the CSS validator will tell the same

Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2175
5052 credits
Members referred : 2


Venture Skills - New Media & IT group


« Reply #6 on: Jul 19, 2007, 03:26:20 pm »

it validates fine and after some research it is the correct method, it was my misuse of list-style:none; which was the problem Smiley By the ways for those interested in what sliding doors is all about http://www.alistapart.com/articles/slidingdoors/

Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO alternatively for Social media optimisation take a look at the Venture Skills Blog

Last blog : Its all in the mp3s
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #7 on: Jul 19, 2007, 03:32:19 pm »

By the ways for those interested in what sliding doors is all about http://www.alistapart.com/articles/slidingdoors/

nice technique to do that (and simple)

Community Supporter ?
Bill Gates is my home boy
*****
Gender: Male
Posts: 619
5660 credits
Members referred : 0


www.dg9.org


« Reply #8 on: Jul 20, 2007, 04:39:17 am »

Ive been using sliding doors all the time... glad you resolved the issue, and I read through this, I might have repeated the answer...

http://www.dg9.org , Just Visit...
Partners:
http://www.resume-fix.com , Free Resumes

Last blog : Archos: Where are you?
Bill Gates is my home boy
*****
Gender: Female
Posts: 710
4449 credits
Members referred : 2



« Reply #9 on: Jul 20, 2007, 06:03:01 pm »

Shucks, finally a coding question I knew the answer to and was beaten to it.

Will have to take a look at that technique.

www.yourmessageconsultant.com, providing online content and printed marketing materials.
www.helpforwebbeginners.com, Tutorials and how to's for new  webmasters.
www.CraftyTips.com, a unique Arts & Crafts Directory
www.nocans.com - Pet Food Recipe Site
www.petsiteguides.com - A New Pet Directory

Last blog : Spring Cleaning at Crafty Tips
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6691
34714 credits
Members referred : 374


It's time to use PHP5!


« Reply #10 on: Jul 20, 2007, 06:41:31 pm »

Shucks, finally a coding question I knew the answer to and was beaten to it.

Will have to take a look at that technique.

hehe... Cheesy

Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=6931
Tags : css Bookmark this thread : Digg Del.icio.us Dzone more....

Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: Sliding doors issues
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
May 28, 2012, 10:13:47 pm





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!






Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2012 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.