|
|
|
|
Thread title: CSS navigation with lists |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
10-03-2006, 04:38 PM
|
#21
|
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
Posts: 2,246
|
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.
|
ok, but say for your comany's brand image you've selected an uncommon cursive font. your want to use it for all your headlines to create a consistant design to match your print media (think business card, brochure). there's no clear cut, black and white way to do something. sometimes text indent is used neddlessly, sometimes it actually acocmplishes something. i say let the user decide.
all jokes aside, hasn't the whole i'm so leet because i use xhtml and css instead of an image fad died yet? it always bothered me.
|
|
10-03-2006, 07:40 PM
|
#22
|
Status: Pastafarian
Join date: May 2006
Location: Duct Taped to your Ceiling
Expertise:
Software:
Posts: 3,440
|
Originally Posted by dereklapp
ok, but say for your comany's brand image you've selected an uncommon cursive font. your want to use it for all your headlines to create a consistant design to match your print media (think business card, brochure). there's no clear cut, black and white way to do something. sometimes text indent is used neddlessly, sometimes it actually acocmplishes something. i say let the user decide.
all jokes aside, hasn't the whole i'm so leet because i use xhtml and css instead of an image fad died yet? it always bothered me.
|
Most of us use technologies as needed, and where appropriate... Fo rexample, an entirely flash based, text oriented site is just stupid.
|
|
10-23-2006, 05:53 PM
|
#23
|
Status: Junior Member
Join date: Feb 2006
Location: San Diego, CA
Expertise:
Software:
Posts: 27
|
Originally Posted by derek lapp
ok, but say for your comany's brand image you've selected an uncommon cursive font. your want to use it for all your headlines to create a consistant design to match your print media (think business card, brochure). there's no clear cut, black and white way to do something. sometimes text indent is used neddlessly, sometimes it actually acocmplishes something.
|
If you wanted to embed a font into your page, I would reccomend using sIFR. It uses javascript in combination with CSS and Flash to replace text with any font of your choice.
As far as using lists goes, check out these lists to know what I believe the best way to do navigation. One image, one stylesheet, and we added the extra conditioning to achieve the hover stay for each color tab. Drop-downs can be done entirely with CSS and lists, but Stu Nichol's table method can be used if you want the neat hover stay effect.
A clear choice IMO.
EDIT: sorry the code is a bit spaced out, as it is generated by a CMS.
|
|
10-24-2006, 12:01 AM
|
#24
|
Status: I love this place
Join date: Dec 2005
Location: US and A
Expertise:
Software:
Posts: 595
|
It doesn't matter whether it is an unordered list or an ordered list, if you style it the same, it will look the same.
HTMLGuy
|
|
10-24-2006, 08:53 PM
|
#25
|
Status: Junior Member
Join date: Feb 2006
Location: San Diego, CA
Expertise:
Software:
Posts: 27
|
Originally Posted by HTMLGuy
It doesn't matter whether it is an unordered list or an ordered list, if you style it the same, it will look the same.
HTMLGuy
|
Yeah who needs semantic markup, not us XHTML coders, right? Oh wait that's the reason we're here. Unless you are listing FAQ links or a table of contents, I don't see an ordered list being near as appropriate as an unordered list.
|
|
10-24-2006, 10:48 PM
|
#26
|
Status: I love this place
Join date: Dec 2005
Location: US and A
Expertise:
Software:
Posts: 595
|
An ordered list is no different than an unordered list if styled right. There is not a person out there who will tell you that you coded something wrong by using an ol instead of an ul.
HTMLGuy
|
|
10-24-2006, 10:51 PM
|
#27
|
Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP
Posts: 3,820
|
Originally Posted by HTMLGuy
An ordered list is no different than an unordered list if styled right. There is not a person out there who will tell you that you coded something wrong by using an ol instead of an ul.
HTMLGuy
|
I would. If the list is meant in order, use an ordered list. Otherwise, use an unordered list. Makes sense to me!
|
|
10-24-2006, 11:28 PM
|
#28
|
Status: I love this place
Join date: Dec 2005
Location: US and A
Expertise:
Software:
Posts: 595
|
Yea, it makes sense to do it that way, I was just saying that it really doesn't matter unless he wants numbers or bullets in front of his items. Think about it... I can make an ol look like an ul by adding this to the css...
Code:
ol {
list-style-type: bullet;
}
I wasn't saying you should, I was just saying that you could.
HTMLGuy
|
|
10-25-2006, 12:38 AM
|
#29
|
Status: Request a custom title
Join date: Dec 2005
Location: Colchester, UK
Expertise:
Software:
Posts: 4,625
|
I no longer use "text-indent:-9999px;". I code it like this:
<li class="home"><a href="index.php" title="Home"><span>Home</span></a></li>
Then put "display:none;" on the spans.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|