Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 515 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

CSS navigation with lists

Thread title: CSS navigation with lists
Closed Thread  
Page 2 of 3 < 1 2 3 >
    Thread tools Search this thread Display Modes  
10-02-2006, 08:03 AM
#11
Awesome is offline Awesome
Awesome's Avatar
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
 
Posts: 3,440
iTrader: 26 / 93%
 

Awesome is on a distinguished road

  Old

Originally Posted by Julian
The navigation on my portfolio site is not a normal list, and each item had to be positioned independantly so I used divs.
With some creative list use, your nav could have been done in an unordered list just fine, but it would have added a fair bit of time to the design.

I often use regular links instead of lists as well, so please don't think I'm scoffing.

10-02-2006, 08:40 AM
#12
Garyrae is offline Garyrae
Status: Request a custom title
Join date: Dec 2005
Location: Colchester, UK
Expertise:
Software:
 
Posts: 4,625
iTrader: 16 / 100%
 

Garyrae is on a distinguished road

Send a message via MSN to Garyrae Send a message via Skype™ to Garyrae

  Old

Originally Posted by Blue Ire
I still have no idea what 'excesive outlining' has to do with lists, or rollovers.
In firefox, when "text-indent:-9999px;" is used, firefox will outline an active link all the way across the page.

10-02-2006, 10:28 AM
#13
hjalmar is offline hjalmar
Status: Senior Member
Join date: Nov 2004
Location: Sweden
Expertise:
Software:
 
Posts: 857
iTrader: 11 / 100%
 

hjalmar is an unknown quantity at this point

  Old

Originally Posted by Indy
In firefox, when "text-indent:-9999px;" is used, firefox will outline an active link all the way across the page.
whats wrong with padding to hide the text?

10-02-2006, 02:02 PM
#14
Salathe is offline Salathe
Salathe's Avatar
Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP
 
Posts: 3,820
iTrader: 25 / 100%
 

Salathe will become famous soon enough

Send a message via MSN to Salathe

  Old

Originally Posted by Julian
The navigation on my portfolio site is not a normal list, and each item had to be positioned independantly so I used divs.
Correction, yes indeed it is still a list of links. Just because they needed to be positioned independantly (well, in a circle) is no reason to avoid use of proper, 'correct' markup here.

10-02-2006, 07:17 PM
#15
Awesome is offline Awesome
Awesome's Avatar
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
 
Posts: 3,440
iTrader: 26 / 93%
 

Awesome is on a distinguished road

  Old

Originally Posted by Indy
In firefox, when "text-indent:-9999px;" is used, firefox will outline an active link all the way across the page.
As I said, poor CSS usage.

http://www.cssmastery.com/ - I haven't actually read this, but it comes highly recommended.

10-02-2006, 09:01 PM
#16
Julian is offline Julian
Status: Simply to simplify
Join date: Apr 2005
Location: Foxton, Manawatu, New Zealand
Expertise:
Software:
 
Posts: 5,572
iTrader: 0 / 0%
 

Julian is on a distinguished road

  Old

True salathe, I could have added classes to each of the <li's> I suppose. When it comes up for a redesign i'll do that.

10-02-2006, 09:21 PM
#17
Salathe is offline Salathe
Salathe's Avatar
Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP
 
Posts: 3,820
iTrader: 25 / 100%
 

Salathe will become famous soon enough

Send a message via MSN to Salathe

  Old

Good to hear, Julian.

10-02-2006, 10:27 PM
#18
Andy is offline Andy
Andy's Avatar
Status: Senior Member
Join date: Dec 2005
Location: Essex, UK
Expertise:
Software:
 
Posts: 870
iTrader: 0 / 0%
 

Andy is on a distinguished road

Send a message via MSN to Andy

  Old

text-indent: -99999px
is something I truely hate - infact I hate pretty much all text replacements (ie an image where it should be text).

If you're coding to be user friendly you really aren't by using an image where it should be text.

10-02-2006, 10:30 PM
#19
Joe is offline Joe
Status: Custom User Title
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 2,297
iTrader: 0 / 0%
 

Joe is on a distinguished road

  Old

Originally Posted by Andy
text-indent: -99999px
is something I truely hate - infact I hate pretty much all text replacements (ie an image where it should be text).

If you're coding to be user friendly you really aren't by using an image where it should be text.
CSS isn't just being about user friendly. If everyone who used CSS was completely user friendly, the designs would be quite boring. People who want better readability can simply disable the style sheet and read the content that way.

10-03-2006, 04:15 PM
#20
Andy is offline Andy
Andy's Avatar
Status: Senior Member
Join date: Dec 2005
Location: Essex, UK
Expertise:
Software:
 
Posts: 870
iTrader: 0 / 0%
 

Andy is on a distinguished road

Send a message via MSN to Andy

  Old

Originally Posted by joe
CSS isn't just being about user friendly. If everyone who used CSS was completely user friendly, the designs would be quite boring. People who want better readability can simply disable the style sheet and read the content that way.
Then use flash, much more exciting.

Closed Thread  
Page 2 of 3 < 1 2 3 >


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed