[WSG] List Item Separators
Hi Good People,
Is their a cross browser solution to adding list separators, eg pipes ('|')
to inline lists using only CSS, or does one have to add them in the markup
outside the anchor tag within the list item ?
Since joining the list about a month ago, I have learned so much (Thankyou
all). It has changed the way I think about web design, and because of that,
I feel there is something not quite right with the latter option.
Can anyone flick me yet another pearl of wisdom ?
Regards
Paul Farrell
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] List Item Separators
* Giving himself a slap on the forehead *
Since posting this, an obvious use of left/right borders has popped into my
head.
Sorry for the unneeded post.. But if people have other methods I would love
to hear them.
PF
I previously wrote:
Hi Good People,
Is their a cross browser solution to adding list separators,
eg pipes ('|') to inline lists using only CSS, or does one
have to add them in the markup outside the anchor tag within
the list item ?
Since joining the list about a month ago, I have learned so
much (Thankyou all). It has changed the way I think about web
design, and because of that, I feel there is something not
quite right with the latter option.
Can anyone flick me yet another pearl of wisdom ?
Regards
Paul Farrell
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] List Item Separators
Whoa. alright, well, I literally just did something like this. code
I ended up using
ul {
list-style-type: none;
}
li {
border-left: 1px solid black;
padding-left: 7px;
margin-left: 5px;
display: inline;
}
not really a pipe, but it looks like it.
hope this is of some use
~j
On Mon, 6 Dec 2004 06:53:38 +1100, Paul Farrell [EMAIL PROTECTED] wrote:
Hi Good People,
Is their a cross browser solution to adding list separators, eg pipes ('|')
to inline lists using only CSS, or does one have to add them in the markup
outside the anchor tag within the list item ?
Since joining the list about a month ago, I have learned so much (Thankyou
all). It has changed the way I think about web design, and because of that,
I feel there is something not quite right with the latter option.
Can anyone flick me yet another pearl of wisdom ?
Regards
Paul Farrell
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
Jonathan T. Sage
Theatrical Lighting / Set Designer
Professional Web Design
[HTTP://www.JTSage.com]
[HTTP://design.JTSage.com]
[EMAIL PROTECTED]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] List Item Separators
*grin*
That's what it's all about, Paul -- you're thinking along different
lines now (no pun intended). I've been doing the same thing, and I love
it! :)
I found the following on A List Apart that you may find helpful. Search
the page for pipe and you'll see something that you can use.
http://www.alistapart.com/articles/taminglists/
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
on 12/5/2004 8:02 PM Paul Farrell said the following:
* Giving himself a slap on the forehead *
Since posting this, an obvious use of left/right borders has popped into my
head.
Sorry for the unneeded post.. But if people have other methods I would love
to hear them.
PF
I previously wrote:
Hi Good People,
Is their a cross browser solution to adding list separators,
eg pipes ('|') to inline lists using only CSS, or does one
have to add them in the markup outside the anchor tag within
the list item ?
Since joining the list about a month ago, I have learned so
much (Thankyou all). It has changed the way I think about web
design, and because of that, I feel there is something not
quite right with the latter option.
Can anyone flick me yet another pearl of wisdom ?
Regards
Paul Farrell
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] List Item Separators
Jonathan T. Sage wrote:
Whoa. alright, well, I literally just did something like this. code
I ended up using
ul {
list-style-type: none;
}
Unless I'm mistaken, once you set list items to display inline,
it automatically disabled the bullet, so this should be unnecessary.
--
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] List Item Separators
Thankyou John, I should have known to go to ALA ! It really is a great site. *grin* That's what it's all about, Paul -- you're thinking along different lines now (no pun intended). I've been doing the same thing, and I love it! :) I found the following on A List Apart that you may find helpful. Search the page for pipe and you'll see something that you can use. http://www.alistapart.com/articles/taminglists/ ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] List Item Separators
As a way to nicely tie up this little thread... :o)
Once you've put your border-left 1 pixel, use the DOM to find the UL
(perhaps through an ID) and remove the first LI's border.
IF JavaScript is turned off - you're no worse off...
function listBorderKill() {
if (document.getElementById('navigationID'))
myBody=document.getElementById('navigationID');
myListElements=myBody.getElementsByTagName(li);
myLI=myListElements.item(0);
myLI.style.borderLeft = 'none';
}
}
window.onload=listBorderKill;
Happy landings!
Richard :o)
- Original Message -
From: Paul Farrell [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Monday, December 06, 2004 7:36 AM
Subject: RE: [WSG] List Item Separators
Thankyou John,
I should have known to go to ALA ! It really is a great site.
*grin*
That's what it's all about, Paul -- you're thinking along
different lines now (no pun intended). I've been doing the
same thing, and I love it! :)
I found the following on A List Apart that you may find
helpful. Search the page for pipe and you'll see something
that you can use.
http://www.alistapart.com/articles/taminglists/
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
