Re: [WSG] Is a list required for horizontal navigation?

2005-02-06 Thread gareth rushgrove
Hi All
Been lurking for a while and finally got round to posting. So here goes;
One advantage of the unordered list approach would be that you can 
eliminate quite a bit of your code (moving it to the css), as well as it 
being maybe more semantically correct (it is a 'list' of links after all).

Go for something like:
ul id=navbar
	lia href=/index.htm title=HomeHome/a/li
	lia href=/press-room/press-room.htm title=Press RoomPress 
Room/a/li
	lia href=/sitemap.htm title=Site MapSite Map/a/li
	lia href=/contact.htm title=Contact UsContact Us/a/li
/ul

Note that its alot shorter. To get your custom bullets:
ul#navbar li {
list-style-image: url('url-of-image.gif');
}
To get them to form a horizontal line:
ul#navbar li {
display: inline;
}
and style the links themselves with:
ul#navbar li a {
}
ul#navbar li a:hover {
}
Rather than assigning lots of classes to individual links try use the 
cascading part of the style sheets -  so 'ul#navbar li a' means (read it 
backwards) a link inside a list item inside an unordered list with the 
id of navbar.

Another quick point that took me a while to get round to (ie. I kept 
confusing myself!). Try use things like mainnavbar or primarynavbar for 
the id's. If you go for topnavbar, and then later decide to put it on 
the left or right your styles get confusing!

Hope that helps!
Gareth

[EMAIL PROTECTED] wrote:
Good morning mates,
I have a navigation bar with four links that uses a style sheet to control
it's placement and presentation at the top of my site, but I did not place
them in a Unordered List because the links naturally align themselves
horizontally.
Therefore, I thought I'd ask if this is considered semantically correct?
I've eliminated unnecessary markup, and used a style sheet to control the
menu's presentation. The id controls the placement, and the class styles
the links:
div id=container
a href=/index.htm class=topnavbar title=HomeHome/a
img src=/Images/markers/bullet.gif width=8 height=8 alt= /
a href=/press-room/press-room.htm class=topnavbar title=Press
RoomPress Room/a
img src=/Images/markers/bullet.gif width=8 height=8 alt= /
a href=/sitemap.htm class=topnavbar title=Site MapSite Map/a
img src=/Images/markers/bullet.gif width=8 height=8 alt= /
a href=/contact.htm class=topnavbar title=Contact UsContact Us/a
/div
Respectfully,
Mario S. Cisneros
**
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] design of Macromedia site

2005-02-06 Thread ByteDreams



Thank you very much. I will take a look. 
Sure sounds like it, though I hope I don't have to purchase the 
article..
ByteDreams





From: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] On Behalf Of csslistSent: 
Saturday, February 05, 2005 9:58 PMTo: 
wsg@webstandardsgroup.orgSubject: re: [WSG] design of Macromedia 
site
not sure which 1 ur talking bout but 
communitymx.com showed how to do it this week
Recreating Macromedia's LayoutMacromedia's current web site layout 
contains two effects that are very popular today: equal-height columns and 
rounded corners on columns and boxes. When these two effects are combined, it 
creates a slick and impressive looking web site. Although there are numerous 
articles out there describing how to achieve both of these effects in CSS, there 
is not much written about how to achieve both of them in conjunction. 
Surprisingly, the effect can be quite simple to achieve, as our deconstruction 
of Macromedia's site will reveal. We'll show you how they achieve this layout 
feat, then describe an alternative way to produce the rounded corner effect that 
is more streamlined. 
Sendhttp://www.communitymx.com/abstract.cfm?cid=AC5ACif ur not a 
member it will cost ya a few bucks but well worth it, they have been putting on 
lots of this stuff lately

From: "ByteDreams" [EMAIL PROTECTED]Sent: Saturday, 
February 05, 2005 8:56 PMTo: 
wsg@webstandardsgroup.orgSubject: [WSG] design of Macromedia 
siteA long while back I ran across an article someplace 
explaining how thosecontent boxes and the images on macromedia's website 
were created. I lovethis style, and was looking for a similar tutorial. 
Anyone know?Thanks 
ByteDreams**The 
discussion list for http://webstandardsgroup.org/See 
http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to 
the list  getting 
help**


RE: [WSG] List Indenting

2005-02-06 Thread Paul
I am still struggling with the list indenting, I have started building
my page from scratch piece by piece and it seems when I change the
position attribute from absolute to relative the list indents, anyone
ever come across this before ?

Page for reference: http://www.speakupnow.ca/wu/index1.php

Cheers,
Paul

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Vicki Berry
Sent: Friday, February 04, 2005 3:25 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] List Indenting


Hi Paul,

Ah, gotcha now.  I wasn't seeing the problem as I was viewing in
Firefox. Safari is fine, it's just MacIE.

It's nearly 3am here and I'm battling to stay awake, but I had started
to play with your code.  Floating the ul left removes the problem with
the list, but causes other problems. :-\  I'm going to call it a night
now... hopefully someone else will spot the solution soon!  Good luck
with it... I totally understand the frustration.  :-(

Vicki.  :-)

Paul wrote:

 Thanks Vicki I will take a look at those margins but the problem I am 
 currently after is only happening when I view on a MAC, the links in 
 the body, everything after the 1st link indents 20-30 px to the 
 rightvery frustrating.


**
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 Indenting

2005-02-06 Thread Paul
Sorry to be badgering the indented list but I have just put only the
lists into my container and have the same properties for both lists,
just different names, yet one indents and one does not. Anyone, anyone ?

Page for reference: http://www.speakupnow.ca/wu/index1.php

Ha ha,
Paul

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Sunday, February 06, 2005 3:16 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] List Indenting


I am still struggling with the list indenting, I have started building
my page from scratch piece by piece and it seems when I change the
position attribute from absolute to relative the list indents, anyone
ever come across this before ?

Page for reference: http://www.speakupnow.ca/wu/index1.php

Cheers,
Paul

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Vicki Berry
Sent: Friday, February 04, 2005 3:25 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] List Indenting


Hi Paul,

Ah, gotcha now.  I wasn't seeing the problem as I was viewing in
Firefox. Safari is fine, it's just MacIE.

It's nearly 3am here and I'm battling to stay awake, but I had started
to play with your code.  Floating the ul left removes the problem with
the list, but causes other problems. :-\  I'm going to call it a night
now... hopefully someone else will spot the solution soon!  Good luck
with it... I totally understand the frustration.  :-(

Vicki.  :-)

Paul wrote:

 Thanks Vicki I will take a look at those margins but the problem I am
 currently after is only happening when I view on a MAC, the links in 
 the body, everything after the 1st link indents 20-30 px to the 
 rightvery frustrating.


**
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
**


**
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 Indenting

2005-02-06 Thread Sarah Wedde
On 2/7/05 8:14 AM, Paul [EMAIL PROTECTED] wrote:

 Sorry to be badgering the indented list but I have just put only the
 lists into my container and have the same properties for both lists,
 just different names, yet one indents and one does not. Anyone, anyone ?
 
 Page for reference: http://www.speakupnow.ca/wu/index1.php
 
 Ha ha,
 Paul


Paul,

You still have a link to your external style sheet (with #mainnavlinks {
left : 21px;}) as well as your embedded styles.

Sarah


**
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] Web app guidance/site comment

2005-02-06 Thread Richard Czeiger
nice work  :o)

you can get a badge!
http://images.google.com/images?q=w3c+validationimgsz=iconhl=enlr=ie=UTF
-8rls=GGLC,GGLC:1970-01,GGLC:enstart=20sa=N

:o)

R

- Original Message -
From: Brendan Smith [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Friday, February 04, 2005 7:21 PM
Subject: [WSG] Web app guidance/site comment


Greetings all,

I'm currently working on a web app that I have created in as much of a web
standards karma giving way as I can muster.

If I could get some feed back on this little number from the crowd out there
I would be most greatful. General tips and pointers are what I'm after.

If you look closely enough it might be blatantly obvious who this project is
for. Ok, if you're from Sydney Australia and drive a car/have a license that
is.

https://monitor.hpa.com.au/rta/ https://monitor.hpa.com.au/rta/

This is in no way a live product, and for the most part are just a bunch of
static HTML files. Expect no magic within! Or live database for that matter.

I have managed to keep the majority of pages valid in both HTML and CSS.
(When I typed that I felt I should get a badge or something?)

The only quirk I have with it is how some tables will wrap/drop below the
menu on IE in tight areas (narrow your browser on the home page). Is this to
be expected?

Thanks in advance for your time...

Brendan




**
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] Web app guidance/site comment

2005-02-06 Thread JonathanC
https://monitor.hpa.com.au/rta/

Strange... looks fine in Firefox 0.9.3 (Mac OSX) but in IE5.2, it's 
completely unstyled!

Regards,

Jonathan Cooper
Manager of Information / Website
Art Gallery of New South Wales
Sydney, Australia
http://www.artgallery.nsw.gov.au

- Original Message -
From: Brendan Smith [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Friday, February 04, 2005 7:21 PM
Subject: [WSG] Web app guidance/site comment


Greetings all,

I'm currently working on a web app that I have created in as much of a web
standards karma giving way as I can muster.

If I could get some feed back on this little number from the crowd out 
there
I would be most greatful. General tips and pointers are what I'm after.

If you look closely enough it might be blatantly obvious who this project 
is
for. Ok, if you're from Sydney Australia and drive a car/have a license 
that
is.

https://monitor.hpa.com.au/rta/ https://monitor.hpa.com.au/rta/

This is in no way a live product, and for the most part are just a bunch 
of
static HTML files. Expect no magic within! Or live database for that 
matter.

I have managed to keep the majority of pages valid in both HTML and CSS.
(When I typed that I felt I should get a badge or something?)

The only quirk I have with it is how some tables will wrap/drop below the
menu on IE in tight areas (narrow your browser on the home page). Is this 
to
be expected?

Thanks in advance for your time...



**
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 Indenting

2005-02-06 Thread Paul
Perfect, Thanks Sarah!

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Sarah Wedde
Sent: Sunday, February 06, 2005 4:20 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] List Indenting


On 2/7/05 8:14 AM, Paul [EMAIL PROTECTED] wrote:

 Sorry to be badgering the indented list but I have just put only the 
 lists into my container and have the same properties for both lists, 
 just different names, yet one indents and one does not. Anyone, anyone

 ?
 
 Page for reference: http://www.speakupnow.ca/wu/index1.php
 
 Ha ha,
 Paul


Paul,

You still have a link to your external style sheet (with #mainnavlinks {
left : 21px;}) as well as your embedded styles.

Sarah


**
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
**



[WSG] XHTML Strict alternative to ol start=11

2005-02-06 Thread Ian Fenn
Hi,

I am in the process of building a template for a page of search results. The
rest of the website is XHTML Strict so I'm having to code it this way.

Had I been doing it with HTML Transitional or similar, I would have displayed a
second page of results as follows:

ol start=11liFirst result/li
liSecond.../li
...
/ol

Which would produce:

11. First result
12. Second...
...

Do you have any suggestions as to how I could achieve a similar effect with
XHTML Strict? I was thinking of using a CSS counter but I wasn't sure how that
would play with several pages of dynamic results.

Many thanks,

--
Ian Fenn
Chopstix Media
http://www.chopstixmedia.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] colour contrast analyser

2005-02-06 Thread Steven . Faulkner

Andreas Boehmer wrote:

But it seems you cannot manually
enter HEX codes?
 you can now!

with regards

Steven Faulkner
Web Accessibility Consultant
National Information  Library Service (NILS)
454 Glenferrie Road
Kooyong Victoria 3144
Phone: (613) 9864 9281
Fax: (613) 9864 9210
Email: [EMAIL PROTECTED]

National Information Library Service
A subsidiary of RBS.RVIB.VAF Ltd.


|-+
| |   Andreas Boehmer|
| |   [EMAIL PROTECTED]|
| |   dia.com.au  |
| |   Sent by: |
| |   [EMAIL PROTECTED]|
| |   p.org|
| ||
| ||
| |   04/02/2005 04:45 PM  |
| |   Please respond to wsg|
| ||
|-+
  
---|
  | 
  |
  |   To:   wsg@webstandardsgroup.org   
  |
  |   cc:   
  |
  |   Subject:  Re: [WSG] colour contrast analyser  
  |
  
---|






 a colour contrast analyser,
 useful for checking  foreground  background colour combinations
 is now available.
 (http://www.nils.org.au/ais/web/resources/contrast_analyser/index.html)



I like it. The colour picker is useful. But it seems you cannot manually
enter HEX codes?
**
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] XHTML Strict alternative to ol start=11

2005-02-06 Thread Patrick H. Lauke
Ian Fenn wrote:
Had I been doing it with HTML Transitional or similar, I would have displayed a
second page of results as follows:
ol start=11liFirst result/li
liSecond.../li
...
/ol

Do you have any suggestions as to how I could achieve a similar effect with
XHTML Strict? I was thinking of using a CSS counter but I wasn't sure how that
would play with several pages of dynamic results.
The painful answer is: you're supposed to do it via CSS, but 
unfortunately support for counters is spotty at best...so you're left 
with either reverting to transitional, or writing your own DTD.
--
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] Web app guidance/site comment

2005-02-06 Thread Andrew Krespanis
Your :hover changes on menus create a contrast shift that is far too small.
In short, make the :hover background lighter and text darker so we can
still read the menu :)


On Fri, 4 Feb 2005 19:21:31 +1100, Brendan Smith
[EMAIL PROTECTED] wrote:
 Greetings all,
 
 I'm currently working on a web app that I have created in as much of a web 
 standards karma giving way as I can muster.
 
 If I could get some feed back on this little number from the crowd out there 
 I would be most greatful. General tips and pointers are what I'm after.
 
 If you look closely enough it might be blatantly obvious who this project is 
 for. Ok, if you're from Sydney Australia and drive a car/have a license that 
 is.
 
 https://monitor.hpa.com.au/rta/ https://monitor.hpa.com.au/rta/
 
 This is in no way a live product, and for the most part are just a bunch of 
 static HTML files. Expect no magic within! Or live database for that matter.
 
 I have managed to keep the majority of pages valid in both HTML and CSS. 
 (When I typed that I felt I should get a badge or something?)
 
 The only quirk I have with it is how some tables will wrap/drop below the 
 menu on IE in tight areas (narrow your browser on the home page). Is this to 
 be expected?
 
 Thanks in advance for your time...
 
 Brendan
 
 
 


-- 

http://leftjustified.net/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Another plea for help: FF1.0 render problem

2005-02-06 Thread Leslie Riggs
Hello,
I posted a few days ago, about this puzzler.  Didn't get a response.  I 
REALLY need some help with this from you gurus.

I primarily code for Firefox, then check other browsers, then IE6.  The 
majority of users who will view the pages on this site are IE users, 
however, the fact that I see this rendering problem on the Gecko 
browsers is really bothering me.  The pages validate XHTML 1.1; CSS 
validation comes back with no errors.

I use the same style sheet for both pages.  Both pages reference the 
same DIVs for navigation and the content area.  For some reason that I 
can't fathom, the events page shows a gap between the nav bar (nav) and 
the content area (containall).  The home page does not show this gap.  
I've checked and rechecked, changed this and that, to no avail. 

This only appears to be a problem with Firefox and other Gecko browsers 
(Opera too).  IE6 renders fine.

Can anyone please help me figure this out? 

URL for problem page:
http://www.theonlineworks.com/test/wiscrad/events.html
URL for CSS:
http://www.theonlineworks.com/test/wiscrad/css/mainstyles.css
The links for the dates on the calendars are not working yet; I haven't 
set them up -- I'm too hung up on this issue right now.

If anyone can help, I'd be s thankful.
Leslie Riggs
**
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] XHTML Strict alternative to ol start=11

2005-02-06 Thread Ian Fenn
Quoting Patrick H. Lauke [EMAIL PROTECTED]:
 The painful answer is: you're supposed to do it via CSS, but
 unfortunately support for counters is spotty at best...so you're left
 with either reverting to transitional, or writing your own DTD.

Hmm... Thanks Patrick. Neither of these are really an option. I guess I could
use a table... in this context do you think it would be acceptable?

All the best,

--
Ian Fenn
**
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] XHTML Strict alternative to ol start=11

2005-02-06 Thread Patrick H. Lauke
Ian Fenn wrote:
I guess I could
use a table... in this context do you think it would be acceptable?
I'd give that a tentative yes (while putting on my flame-proof piyamas), 
if the number has some sort of meaning. Heck, even if it denotes order 
or position I'd go with it.

table
thead
th scope=colposition/th
th scope=colresult/th
/thead
tbody
tr
td11/td
tdfirst result/td
/tr
tr
td12/td
tdsecond result/td
/tr
/tbody
/table
--
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] Another plea for help: FF1.0 render problem

2005-02-06 Thread Jeff Lowder - Accessibility 1st
Hi Leslie

Your problem occurs when you have the border-top: 0; after the border
statement.

If you take this out, it then works the same as in other browsers, strange I
know.

Hope this helps.

Cheers

Jeff Lowder
Accessibility 1st
Ph: 02 9570 9875
Mobile: 0419 350 760
E-mail: [EMAIL PROTECTED]
Website: http://www.accessibility1st.com.au


 From: Leslie Riggs [EMAIL PROTECTED]
 Reply-To: wsg@webstandardsgroup.org
 Date: Sun, 06 Feb 2005 18:35:58 -0600
 To: wsg@webstandardsgroup.org
 Subject: [WSG] Another plea for help: FF1.0 render problem
 
 Hello,
 I posted a few days ago, about this puzzler.  Didn't get a response.  I
 REALLY need some help with this from you gurus.
 
 I primarily code for Firefox, then check other browsers, then IE6.  The
 majority of users who will view the pages on this site are IE users,
 however, the fact that I see this rendering problem on the Gecko
 browsers is really bothering me.  The pages validate XHTML 1.1; CSS
 validation comes back with no errors.
 
 I use the same style sheet for both pages.  Both pages reference the
 same DIVs for navigation and the content area.  For some reason that I
 can't fathom, the events page shows a gap between the nav bar (nav) and
 the content area (containall).  The home page does not show this gap.
 I've checked and rechecked, changed this and that, to no avail.
 
 This only appears to be a problem with Firefox and other Gecko browsers
 (Opera too).  IE6 renders fine.
 
 Can anyone please help me figure this out?
 
 URL for problem page:
 http://www.theonlineworks.com/test/wiscrad/events.html
 
 URL for CSS:
 http://www.theonlineworks.com/test/wiscrad/css/mainstyles.css
 
 The links for the dates on the calendars are not working yet; I haven't
 set them up -- I'm too hung up on this issue right now.
 
 If anyone can help, I'd be s thankful.
 
 Leslie Riggs
 
 **
 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] colour contrast analyser

2005-02-06 Thread Nils Kr. Falch
[EMAIL PROTECTED] wrote:
 
 Andreas Boehmer wrote:
 
 But it seems you cannot manually
 enter HEX codes?
  you can now!
 

Nice, it is much more useful now. 
Think this would come in handy in future development projects.




 National Information  Library Service (NILS)

By the way, great name ;)

-- 
nils
nethack.uib.no
**
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] Another plea for help: FF1.0 render problem

2005-02-06 Thread Leslie Riggs
Thank you!!
That is a really bizarre quirk, even more so that it works without 
rendering issues popping up in the other browsers.

I shall sleep much better tonight, and have a good report for the client 
in the morning.  Is this a Gecko bug, I wonder?

Thanks again.
Leslie Riggs
Hi Leslie
Your problem occurs when you have the border-top: 0; after the border
statement.
If you take this out, it then works the same as in other browsers, strange I
know.
Hope this helps.
Cheers
Jeff Lowder
Accessibility 1st
Ph: 02 9570 9875
Mobile: 0419 350 760
E-mail: [EMAIL PROTECTED]
Website: http://www.accessibility1st.com.au
 

**
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] Is a list required for horizontal navigation?

2005-02-06 Thread James Ellis
 Hi
 
 It would be better to float your list elements rather than set display
 :  inline; on them. inline is better for text within a paragraph -
 phrase elements.
 With inline, your li's will be broken up over multiple lines if the
 line break (by containing box width etc) occurs within them. With
 floats each list elements that don't have enough room to fit in on the
 line will go to the next line. Much easier to read.
 Also setting width etc on inline elements is inadvisable (see CSS2
 recommendation).
 
 HTH
 James
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Problem with floats and clears

2005-02-06 Thread Josh McDonald
f I have clear:left on something, should it escape its container
div? A lousy explanation I know, an example is here:

http://www.gfunk007.com/stuff/test.html

the results I want are like this:

http://www.gfunk007.com/stuff/expected.gif

am I missing some vital css, or can it simply not be done without tables?

-Josh

-- 

  So come and join us all you kids for lots of fun and laughter
   While Roger Ramjet and his men get all the crooks they're after

   [ Josh 'G-Funk' McDonald ]  --  [ Pirion Systems, Brisbane]

[ 07 3257 0490 ]  --  [ 0437 221 380 ]  --  [ http://www.gfunk007.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] Problem with floats and clears

2005-02-06 Thread Josh McDonald
Ah yes of course, cheers :) And now I see the solution, I remember I'd
already solved it for a site I did a couple of months ago :-/


On Sun, 06 Feb 2005 21:51:25 -0500, Zachary Hopkins
[EMAIL PROTECTED] wrote:
 Hiya!
 
 Try this: http://69.174.31.29:90/wsg/test.html
 I added two divs - One that floats left to contain your purple and
 orange boxes, and another that clears everything to keep the green
 inside the blue.
 I've marked lines I've added with !-- ### --
 
 I'm not 100% sure if it's the best way to do it, but it does work. :-)
 
 --Zachary
 
 
 Josh McDonald wrote:
 
 f I have clear:left on something, should it escape its container
 div? A lousy explanation I know, an example is here:
 
 http://www.gfunk007.com/stuff/test.html
 
 the results I want are like this:
 
 http://www.gfunk007.com/stuff/expected.gif
 
 am I missing some vital css, or can it simply not be done without tables?
 
 -Josh
 
 
 
 
 --
 
 The best way to predict the future is to invent it.
 
  [EMAIL PROTECTED]
  http://www.hopkinsprogramming.net
 
 **
 The discussion list for  http://webstandardsgroup.org/
 
  See http://webstandardsgroup.org/mail/guidelines.cfm
  for some hints on posting to the list  getting help
 **
 
 


-- 

  So come and join us all you kids for lots of fun and laughter
   While Roger Ramjet and his men get all the crooks they're after

   [ Josh 'G-Funk' McDonald ]  --  [ Pirion Systems, Brisbane]

[ 07 3257 0490 ]  --  [ 0437 221 380 ]  --  [ http://www.gfunk007.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
**