13, May 2008

Sliding doors issues - webmaster forum

 
Webdigity webmaster forums
This forum shares its ad revenue with its members!
[ 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

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


Venture Skills - New Media & IT group


« on: Jul 19, 2007, 03: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 Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Simple Block segmentation analysis
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7824
39879 credits
Members referred : 3



« Reply #1 on: Jul 19, 2007, 03: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
Promote your blog for free.... Visit through proxy

Last blog : Keep it Legal - Tims guide to legal notices
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2169
5008 credits
Members referred : 2


Venture Skills - New Media & IT group


« Reply #2 on: Jul 19, 2007, 04: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 Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Simple Block segmentation analysis
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6236
38242 credits
Members referred : 374


It's time to use PHP5!


« Reply #3 on: Jul 19, 2007, 04:06:35 PM »

try for the UL element

list-style-type:none;


Last blog : Database Management with phpMyAdmin
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2169
5008 credits
Members referred : 2


Venture Skills - New Media & IT group


« Reply #4 on: Jul 19, 2007, 04: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 Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Simple Block segmentation analysis
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6236
38242 credits
Members referred : 374


It's time to use PHP5!


« Reply #5 on: Jul 19, 2007, 04: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


Last blog : Database Management with phpMyAdmin
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2169
5008 credits
Members referred : 2


Venture Skills - New Media & IT group


« Reply #6 on: Jul 19, 2007, 04: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/ Visit through proxy

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

Last blog : Simple Block segmentation analysis
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6236
38242 credits
Members referred : 374


It's time to use PHP5!


« Reply #7 on: Jul 19, 2007, 04:32:19 PM »

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

nice technique to do that (and simple)


Last blog : Database Management with phpMyAdmin
Community Supporter ?
What's HTML?
****
Gender: Male
Posts: 461
4688 credits
Members referred : 0


www.demonhale.com


« Reply #8 on: Jul 20, 2007, 05: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.demonhale.com Visit through proxy , Just Visit...
Partners:
http://www.resume-fix.com Visit through proxy , Free Resumes

Last blog : Slowly Getting Back
I am a fanatic. So?
*****
Gender: Female
Posts: 584
3633 credits
Members referred : 2



« Reply #9 on: Jul 20, 2007, 07: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 Visit through proxy, providing online content and printed marketing materials.
www.helpforwebbeginners.com Visit through proxy, Tutorials and how to's for new  webmasters.
www.CraftyTips.com Visit through proxy, a unique Arts & Crafts Directory
www.nocans.com Visit through proxy - Pet Food Recipe Site
www.petsiteguides.com Visit through proxy - A New Pet Directory

Last blog : Privacy Policy for Blog About Crafts
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6236
38242 credits
Members referred : 374


It's time to use PHP5!


« Reply #10 on: Jul 20, 2007, 07: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


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

Topic sponsors:
Get a permanent link here for $1.99!


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 13, 2008, 09:01:58 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!


Forum Statistics
Total Posts: 34.931
Total Topics: 7.262
Total Members: 3.482
Tutorials : 56
Resources : 143
Designs : 220
Latest Member: ondho

21 Guests, 3 Users online :

11 users online today:



Readers

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