Re: [css-d] Ordered list problem with IE6

2005-06-15 Thread Ingo Chao

KevinN schrieb:

Could anyone have an idea why IE6 displays an ordered list as 1.'s?

...

http://beacon.ploghost.com/content/about/vision.php


With your Holly hack, you force the li to gain layout. But layout li 
get their own counting context (having layout means that an element is 
responsible for drawing its own content). So, every li counts for 
itself (1. 1. 1. 1.)


Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Challenge for the bored CSS develoer

2005-06-15 Thread Uwe Kaiser
Abyss schrieb:
 Hi all,
 
 There is something about some CSS 2 / XHTML compliant websites that bothers 
 me, compared to 
 table layed out websites..
 
 
 What it is, is looks
 
 What the challenge is...
 to try and get this website
 
 http://www.imax.com.au/
 
 to look exactly the same but without tables :)
 
 it is not an easy challenge, but can it be done?
 
 I would be more then happy to provide free hosting of the final code under 
 the tutorial part of my website
 should the winning challenger be generous enough to write out a tutorial for 
 it...
 

Hi Abyss,

I can't imagine, that it should be very difficult
to produce any page with or without using tables,
that breaks in every browser on W2K, as yours.


Uwe Kaiser
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Problem with links as block-level elements

2005-06-15 Thread Tony Haddon

Hi Eric,

Thanks for the advice, although I'm not sure I completely understand. I 
want to get the links sitting side-by-side across the top as is, but the 
only way I know to do that is to nest divs and float:right hence:


div id=1
   div id=2
   a href=foo.htmlfoo/a
   a href=fooyootoo.htmlfooyootoo/a!--this is floated right--
   /div
   a href=fooyoothree.htmlfooyoothree/a!--this is floated right--
/div

If there's a better way to approach this type of layout, I'd really 
appreciate hearing about it it seems to me one of the weakest areas 
of css implementation, but that's probably just out of my own ignorance!


Meanwhile, seeing as you had difficulty with getting all the build files 
for the site, i've zipped them up and placed them here 
(http://www.easycare.ie/build.zip 68k) if you're willing to test out 
that theory of yours! Please let me know how you get on and thank you again.


Tony
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CSS Expressions

2005-06-15 Thread Alexander Khost
Yes, thanks for that link, David!


On 6/14/05, Ingo Chao [EMAIL PROTECTED] wrote:
 David Hucklesby schrieb:
 
  http://www.stunicholls.myby.co.uk/boxes/minwidth.html
 
 That's a clever idea.
 Thanks for linking.
 Ingo
 __
 css-discuss [EMAIL PROTECTED]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
 


-- 
Alexander Khost
http://www.deliciousdemon.com
201-709-1470
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Need help and advice

2005-06-15 Thread Bob Easton

Arnie Shafer wrote:

I was recently admonished for  the following:
I'm writing you offlist to request a change in your quoting policy. 
The practice of quoting most ...

...
I am sorry! If a knew a better  (more correct way) of responding I would be 
most happy to follow those guidelines.
...
I am looking for help here.  Thanks to all, Arnie Shafer


Arnie, The help you want is on the CSS Discuss Policies page, third item 
in the list of policies:


http://www.css-discuss.org/policies.html

--
Bob Easton
Accessibility Matters: http://access-matters.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Repost: Mac site check

2005-06-15 Thread Patrick Mannix

Larry Wishon wrote:

only problem ... search box spilled outside the main box area ...


Thanks Larry. I added a style rule for input and shortened the field length.
Anyone for IE5/Mac? http://xps.org/test-fluid.html
- Pat -


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Site Check - please

2005-06-15 Thread Larry Winfrey
Page with problem -- http://nomad48.x10hosting.com/photogal.html
CSS for page-- http://nomad48.x10hosting.com/style.css

Hello everyone.  I would like some help with this page that I am working
on.  It is using the photo gallery technique from this site:
http://www.webreference.com/programming/css_gallery/index.html

It works just as it should in fire fox, and I assume other browsers (any
problems in other browsers would be great to know) but in IE6 WinXP the
:hover's stop working after a page refresh.  I have searched the
archives but didn't find anything on this.  Any help would be great, and
comments on the site design are welcome as well.

Thanks for the help.
Larry Winfrey

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Introductions

2005-06-15 Thread Paul Boag
Hi all,
I have just joined the list and thought it only polite for me to say hello 
instead of skulking in the background.

My name is Paul and I am a web design based in the south of England. I am one 
of three founding members of a web design company called Headscape which made 
the switch to wholly css based design about a year and a half ago (although we 
still have a table based web site ourselves!).

Its been a painful process at times and I have gotten a lot wrong and still am. 
Just when I think I have got my head around things I suddenly discover the 
world have moved on and there are now better ways to solve the never-ending 
list of bugs and problems.

I have just got back from the @media 2005 conference 
(http://www.boagworld.com/archives/2005/06/media2005.html) on web standards and 
accessibility. It was absolutely brilliant and gave me a new conviction about 
web standards and css based design.

I look forward to learning from you all and occasionally adding something 
constructive to the conversation.

Paul

P A U L @ B O A G W O R L D
News and advice on running a web site without overwhelming you with techno 
babble!
www.boagworld.com

-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.323 / Virus Database: 267.7.3/15 - Release Date: 14/06/2005
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] center align a UL menu

2005-06-15 Thread stu
Hi all,
first post here so if i dont get the netiquette spot on, I apologise.
 
I have a div that contains a UL. The UL is a menu, with the LI floated left to 
ensure that the list displays horizontally instead of vertically (I am sure you 
know what i mean). I need to get this UL to align to the center of the div - 
that is, its a liquid design and the ul should be screen centered at all times.
 
I know there are a million tutorials on the web about centering in CSS, but 
none of the suggested things seem to work. Can anyone take a look for me?
 
Here is the code used (or part of). Am i missing out anything blatantly obvious?
 
Thanks in advance
 
Stu.
 
style
/* footer styles */
#footer{background:#CC0033;font-size:.70em;height:30px;margin-top:36px;width:100%}
#footer ul {list-style: none; padding: 0; margin: 8px 0 0 0 }
#footer li {float: left; padding-left: 8px; color: #ff; font-weight: bold}
#footer a {color: #ff; font-weight: bold; text-decoration: none}
#footer a:hover {text-decoration: underline}

/style

div id=footer
ul
lia href=#about dabs/a/li
li|/li
lia href=#contact us/a/li
li|/li
lia href=#delivery changes/a/li
li|/li
lia href=#[EMAIL PROTECTED]/a/li
li|/li
lia href=#terms amp; conditions/a/li
li|/li
lia href=#disclaimer/a/li
/ul
/div

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


RE: [css-d] Site Check - please

2005-06-15 Thread Larry Winfrey
Holly,

Thanks for the reply.  I am a bit confused though.  I don't have a
:visited selector in my style sheet for the gallery.  Should I create
one?

Larry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Site Check - please

2005-06-15 Thread Holly Bergevin
From: Larry Winfrey [EMAIL PROTECTED]

Page with problem -- http://nomad48.x10hosting.com/photogal.html
CSS for page   -- http://nomad48.x10hosting.com/style.css

in IE6 WinXP the
:hover's stop working after a page refresh.  

IE seems not to like your - #container a.gallery:visited - selector. 

If you can write it a different way, such as = #container a:visited - or - 
#container .gallery:visited - (since those links have class attributes this 
still selects them) then IE should play nice with them when they've all been 
visited (page refresh).

hth,

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


RE: [css-d] Site Check - please

2005-06-15 Thread Larry Winfrey
 My bad, I do have a visited, misread some stuff. Sorry for that.

Larry
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] center align a UL menu

2005-06-15 Thread jordan WOLLMAN
Stu,

If you add: text-align:center; to your #footer id, that should center the
ul.

I.E. #footer {background:#cc0033; text-align:center; etc.}

Sincerely,

Jordan WOLLMAN // Ariamedia Corporation


 From: stu [EMAIL PROTECTED]
 Date: Wed, 15 Jun 2005 16:07:36 +0100
 To: css-d@lists.css-discuss.org
 Subject: [css-d] center align a UL menu
 
 #footer{background:#CC0033;font-size:.70em;height:30px;margin-top:36px;width:1
 00%}

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


RE: [css-d] Site Check - please

2005-06-15 Thread Holly Bergevin
Reply-To: Ray Dickman [EMAIL PROTECTED]

I think she meant :hover :)

No, actually, I didn't. Larry has a selector for a:hover, but there are no 
rules in it. The selector that is causing the problem is the one for visited 
gallery links - #container a.gallery:visited - which IE does not like the 
construction of.

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Site Check - please

2005-06-15 Thread David Laakso

On Wed, 15 Jun 2005 10:31:03 -0400, Larry Winfrey [EMAIL PROTECTED]
wrote:


Page with problem -- http://nomad48.x10hosting.com/photogal.html
CSS for page-- http://nomad48.x10hosting.com/style.css
It is using the photo gallery technique from this site:
http://www.webreference.com/programming/css_gallery/index.html

[...]

but in IE6 WinXP the
:hover's stop working after a page refresh. Thanks for the help.
Larry Winfrey

Dunno, Larry. I've used that code and had no problem with it in XP_SP2
IE6.0. My suggestion is to go back and compare your code against Stu
Nicholls stuff.
FWIW: If you think the hover thing is a problem try your page, or Nicholls
page, in IE accessibility mode.
Regards,
David Laakso
--
http://www.dlaakso.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Site Check - please

2005-06-15 Thread Ingo Chao


It's the similar problem in FF. Once visited, your
rules

#container a.gallery:hover { border: 1px solid white; }
.
.
.
#container a.gallery, #container a.gallery:visited { ... border: 1px
solid black; }

won't let the thumbnails gain a white border on hover.

two options:
- Delete that :visited rule. Question if it is necessary to have a
visited state.

- Question the order of the rules.


#container a.gallery, #container a.gallery:visited { ... border: 1px
solid black; }

#container a.gallery:hover { border: 1px solid white; }

Ingo

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] center align a UL menu

2005-06-15 Thread Ken Robinson

At 11:07 AM 6/15/2005, stu wrote (in part):
I have a div that contains a UL. The UL is a menu, with the LI 
floated left to ensure that the list displays horizontally instead 
of vertically (I am sure you know what i mean). I need to get this 
UL to align to the center of the div - that is, its a liquid design 
and the ul should be screen centered at all times.


I know there are a million tutorials on the web about centering in 
CSS, but none of the suggested things seem to work. Can anyone take 
a look for me?


First, what did you try that didn't work?  And in which browsers did 
you test the code?


In order for the UL to be centered, it needs a width defined (whether 
exact or percent) and the left and right margins need to set to auto.


Example:

#footer ul {list-style: none; padding: 0; margin: 8px auto 0 auto; 
width:550px;}


Your code should also have a valid DOCTYPE.

Ken Robinson 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Repost: Mac site check

2005-06-15 Thread Jono Young

On Jun 14, 2005, at 9:38 PM, Patrick Mannix wrote:


Second, I sure would appreciate a page check on Mac browsers. Thanks!

http://xps.org/test-fluid.html


Looks good in FF 1.03. and Safari 2.0 for Mac OS 10.4.  I don't have  
IE; new Macs no longer ship with IE installed, and I haven't  
personally installed it yet.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


RE: [css-d] Site Check - please - correction

2005-06-15 Thread Holly Bergevin
Thanks for the reply.  I am a bit confused though.  I don't have a
  :visited selector in my style sheet for the gallery.  Should I create
  one?

Ingo has pointed out (to me) :hover rules that I somehow missed 

Anyway, just moving the - 
#container a.gallery, #container a.gallery:visited - selector prior to those 
rules in the style sheet will also solve IE's problem. This is a better 
solution, in my opinion. Thanks, Ingo for catching my error.

~holly  
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Challenge for the bored CSS develoer

2005-06-15 Thread Richard Brown

Hi Guys

Ok I'm still learning css but I thought I would have a go and see what 
I could do! The content is slightly less informative but I reckon a 
whole lot more fun. The links do work!


Could you tell me what you think? Any improvements etc?


What the challenge is...
to try and get this website

http://www.imax.com.au/

to look exactly the same but without tables :)



Thanks

Rich

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Site check IE

2005-06-15 Thread Daniel Doesburg

Hi Scott,

There is no menu only a loginbox.

Regards,

Daniel



Scott Blanchard schreef:


http://v5.octane8.com/Scott_Test/default.aspx?id=11

Can someone take a look at the menu on the left side of the page. The
sibling LI element of the x8_expandoActive element is inheriting the link
color (Yellow) when it shouldn't. The link should only highlight when it's
the current link like here:

http://v5.octane8.com/Scott_Test/default.aspx?id=12



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] image mouseover effect with CSS not working

2005-06-15 Thread Bruce Gilbert
Hello,

I am having trouble getting an image rollover effect to work in  CSS.
Basicially I have a thumbnail image that I want to have a border that
expands when you mouseover the image (which is a link).


the code would be something like a href=foo.htmimg src=foo
class=border/a

and I thought in CSS this would work:

img.border a:link{border: 1px solid red} 

img.border a:hover{border: 3px solid red}

but it doesn't.

what would be the proper method here?

-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Repost: Mac site check

2005-06-15 Thread Roger Roelofs

Pat,

On Jun 15, 2005, at 10:13 AM, Patrick Mannix wrote:


Larry Wishon wrote:


only problem ... search box spilled outside the main box area ...


Thanks Larry. I added a style rule for input and shortened the  
field length.

Anyone for IE5/Mac? http://xps.org/test-fluid.html


The right col drops after the second level text zoom in ie/mac, but  
otherwise looks much like ff1.04.  I'd call that success!



Roger
---
Roger Roelofs  web   www.datacompusa.com
Datacomp Appraisal Services   Email [EMAIL PROTECTED]
3215 Eaglecrest Drive, NE
Grand Rapids, MI  49525-4593

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


RE: [css-d] Introductions

2005-06-15 Thread Paul Boag
Hi Anthony,
I am not convinced that this forum is the right place for me to do into the 
details of marketing a web design company. However my blog does have a lot of 
articles on marketing related stuff so you might want to check that out: 
http://www.boagworld.com/archives/emarketing/index.html

What might be of more relevancy to this group is the problem of selling web 
standards compliant design to clients. I have confess we are in a fortunate 
position where a lot of our clients are public bodies (Universities, government 
organisations) and so many of them are well aware of the benefits and sometimes 
even request a standards build. Nevertheless there are still many occasions 
where I have to do the hard sell. In such cases I use the points covered in 
this article as the basis of my approach: 
http://www.boagworld.com/archives/emarketing/index.html

The bigger sellers however are the print capabilities of css and the style 
changing (show them Zen gardens and they are sold).

Hope that helps,
Paul

P A U L @ B O A G W O R L D
News and advice on running a web site without overwhelming you with techno 
babble!
www.boagworld.com

- - - - - - - -

Hi Paul, nice to see you on the list, I have just started my own web design 
service up in Carmarthenshire (so far away to be no competition!), mainly due 
to being made redundant from my day job. I was just wondering if you had any 
tips you would be willing to share, especially on the marketing side. I have 
never learnt the old style of table based html, I concentrated on css based 
design straight away, but it is a struggle at times to make pages standards 
compliant. I do however feel strongly that all our sites should now be 
standards compliant, even at the expense of some visual finery.
Anyhow,
Any tips most welcome!
anthony

-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.323 / Virus Database: 267.7.3/15 - Release Date: 14/06/2005
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re:[css-d] Repost: Mac site check

2005-06-15 Thread Virginia DeBolt
It performs very well in Safari 2.0. Survives window resizing and text
enlargement easily.

Virginia


 I'm reposting for two reasons. First, to apologize to David Laakso for
 getting his name wrong!
 
 Second, I sure would appreciate a page check on Mac browsers. Thanks!
 
 http://xps.org/test-fluid.html
 
 - Pat -

--
Virginia DeBolt
Author: Integrated HTML and CSS: A Smarter, Faster Way to Learn
Blog: Web Teacher ­ Resources for Teaching Web Design: Book Reviews
http://www.webteacher.ws
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] image mouseover effect with CSS not working

2005-06-15 Thread Thierry Koblentz
Christian Heilmann wrote:
 a href=foo.htm class=borderimg src=foo/a
 
   a:link.border{border:1px solid red;}
   a:hover.border{border:3px solid red;}

Isn't the other way around?

a.border:link {border:1px solid red;}
a.border:hover {border:3px solid red;}

Thierry | http://www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: Re:[css-d] Repost: Mac site check

2005-06-15 Thread David Laakso



I'm reposting for two reasons. First, to apologize to David Laakso for
getting his name wrong!

'Be not ashamed of mistakes and thus make them crimes.'
Confucius

Second, I sure would appreciate a page check on Mac browsers. Thanks!

http://xps.org/test-fluid.html
Looks fine in browsercam.
http://www.browsercam.com/public.aspx?proj_id=170039
~dL
--
http://www.dlaakso.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] image mouseover effect with CSS not working

2005-06-15 Thread Christian Heilmann
On 6/15/05, Thierry Koblentz [EMAIL PROTECTED] wrote:
 Christian Heilmann wrote:
  a href=foo.htm class=borderimg src=foo/a
 
a:link.border{border:1px solid red;}
a:hover.border{border:3px solid red;}
 
 Isn't the other way around?
 
 a.border:link {border:1px solid red;}
 a.border:hover {border:3px solid red;}

I thought so, too, but only the former one works

-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Streching Divs around Floated Divs

2005-06-15 Thread Tim Zappe
I recently posted a problem where I had a div that wasn't stretching around 
the two floated divs that were within a parent div. I was helped to 
understand that the parent div will have no actual height since floats are 
designed to exist outside of their parent divs. This wouldn't make sense at 
first glance, but when you think about it, it is exactly what most of us 
would expect a float to do - Read More here: 
http://complexspiral.com/publications/containing-floats/.

I was pointed to a solution to give the parent div a overflow attribute with 
the values of auto, hidden, or scroll. I tried this solution and it worked, 
but I do not understand why. The article I was pointed to was 
http://www.quirksmode.org/css/clearing.html, and it seems as though the 
author was unsure as to why it worked. Does anyone know exactly what is 
going on here?

Thanks,
Tim Zappe
www.tzappe.com http://www.tzappe.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] What is the best way to fix this display error in IE 6?

2005-06-15 Thread David Dickerson

Check out this test page: http://www.yachadindustries.com/index.html

Displaying fine in both Opera and Firefox, but in IE 6, I'm getting the 
right-floated column ('Welcome' and 'News') fudged to the right a bit 
with some overlap. I've isolated the offending CSS (#content rules in 
the stylesheet http://www.yachadindustries.com/styles.css ), but I'm 
unsure which bug this is, and the best way to fix it.


Thanks in advance,
David Dickerson
Village Creative Studios
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] CMS question

2005-06-15 Thread Jeff Cortez
Hi all,

I'm a newbie and slowly learning CSS.  I'm slowly seeing how beneficial it
is to design for standards.

Anyways, I had a quick question to pose to people:  Has anyone had any
experience with an open source content management system and implemented
standards compliant code along with it?  Looking for
comments/suggestions/rants/raves...

Thanks in advance...


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CMS question

2005-06-15 Thread Greg Salt


On 15 Jun 2005, at 22:27, Jeff Cortez wrote:


Anyways, I had a quick question to pose to people:  Has anyone had any
experience with an open source content management system and  
implemented

standards compliant code along with it?  Looking for
comments/suggestions/rants/raves...



I guess this is really off-topic but I would suggest looking at  
Textpattern (www.textpattern.com). I've just implemented a site using  
it and it's very neat and tidy. Contact me off-list for more info.


Regards

Greg
--
www.purple-dogfish.co.uk

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CMS question

2005-06-15 Thread Rachael Beale (CSS-Discuss)

Jeff Cortez wrote:

Has anyone had any
experience with an open source content management system and implemented
standards compliant code along with it?


Hi Jeff,

Just in case you didn't find it, there is a page on the Wiki:
http://css-discuss.incutio.com/?page=CssFriendlyCms

You may also find Roger Johansson's article on installing and running 
a site based on Plone interesting:

http://www.456bereastreet.com/archive/200503/content_management_with_plone/

and the comments on his first post about the project to which it's 
related, asking for recommendations of open-source CMSs:

http://www.456bereastreet.com/archive/200409/open_source_cms_recommendations_wanted/

I guess you're really after personal experience, but just in case you 
weren't aware of those resources.


At work, we're looking to replace our proprietary CMS (which mainly 
plays nicely with CSS, though occasionally picks up its ball and goes 
home...) with an open-source one in the next year or two, so I'm also 
interested to see what people think.


Cheers,

Rachael
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CMS question

2005-06-15 Thread Craig Cook
 Anyways, I had a quick question to pose to people:  Has anyone had any
 experience with an open source content management system and implemented
 standards compliant code along with it?  Looking for
 comments/suggestions/rants/raves...

/* Insert obligatory WordPress plug here */
WordPress - www.wordpress.org
Valid markup out of the box, presentation by CSS, flexible templating.
It's Not Just For Blogs Any More.
/* end plug */

-- 
Craig, www.focalcurve.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] image mouseover effect with CSS not working

2005-06-15 Thread Thierry Koblentz
Christian Heilmann wrote:

 Isn't the other way around?
 
 no
 http://www.w3.org/TR/REC-CSS2/selector.html#q15

?
But this URI shows the following example:
A.external:visited { color: blue }

element  class  pseudo-class

(the other way around seems to work the same though...)

Thierry | http://www.TJKDesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CMS question

2005-06-15 Thread Eric A. Meyer

At 2:27 PM -0700 6/15/05, Jeff Cortez wrote:


Anyways, I had a quick question to pose to people:  Has anyone had any
experience with an open source content management system and implemented
standards compliant code along with it?  Looking for
comments/suggestions/rants/raves...


   Unfortunately, I'm going to have to call this thread to a close 
for being off-topic.  Yes, it's true that choosing a 
standards-friendly CMS has bearing on CSS authoring... but so does 
writing standards-friendly PHP code, JavaScript, .Net code, etc. etc. 
If we walk down that road, traffic could quite easily double.  We 
can't cover everything standards-related here; there simply isn't 
room.
   A great place to ask your question would be Webdesign-L.  There's 
also evolt's thelist, and I'm sure there must be other venues where 
CMS discussions are on topic.  For a short list of forums, see 
http://css-discuss.incutio.com/?page=OffTopic.  On the topic of CMS 
software, see the page others in the thread have brought up: 
http://css-discuss.incutio.com/?page=CssFriendlyCms.

   Thanks, and sorry to have to end the thread.

--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
CSS is much too interesting and elegant to be not taken seriously.
  -- Martina Kosloff (http://mako4css.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Trouble centering a spaned item

2005-06-15 Thread Big John
Matthew Velic wrote:

 I have a span within a div as such:
 div
   p /
   p /
   pspan/span/p
   p /
   p /
 /div
 
 I just want it to center the small amount of text (2 links, a
 previous/next sort of deal for an online portfolio).  I've tried using a
 few different ways to center it, such as declaring a class/id and
 putting text-align: center, I've tried div  span #nav { text-align:
 center; }, that same without the id/class... and I just cannot figure it
 out.

Test-align:center does not work on spans or other inline
elements. You have to use it on a block container like
that p, then the p will center all inline content inside.

Big John




 
 Unfortunately, I cannot upload the files at work, as I do not have a
 network connection for my laptop.  Some random BS with the network here...
 
 But a copy of css file can be found at http://home.gwu.edu/~mvelic/dccub2
 It hasn't been changed pretty much at all from that version I uploaded
 last night.  It is called styles.css, if you need that.
 
 Thanks, and sorry for not being able to make solving this easier.
 
 Matt
 __
 css-discuss [EMAIL PROTECTED]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
 


-- 
Perennial student + Impractical joker + CSS junkie = Big John
http://www.positioniseverything.net



__ 
Discover Yahoo! 
Get on-the-go sports scores, stock quotes, news and more. Check it out! 
http://discover.yahoo.com/mobile.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Streching Divs around Floated Divs

2005-06-15 Thread Big John
Tim Zappe wrote:

 I recently posted a problem where I had a div that wasn't stretching around 
 the two floated divs that were within a parent div.-snip-

 I was pointed to a solution to give the parent div a overflow attribute with 
 the values of auto, hidden, or scroll. I tried this solution and it worked, 
 but I do not understand why.-snip-

 Does anyone know exactly what is going on here?

Here are the relevant citations:

http://www.w3.org/TR/2004/CR-CSS21-20040225/visudet.html#root-height

if the element has any floating descendants whose bottom margin 
 edge is below the bottom, then the height is increased to include 
 those edges.

Combine this with the rules for overflow:auto:

http://www.w3.org/TR/2004/CR-CSS21-20040225/visufx.html#x0

The behavior of the 'auto' value is user agent-dependent, but should 
 cause a scrolling mechanism to be provided for overflowing boxes.

As I see it, a float that is inside a container can overflow that
container, so overflow:auto would cause such a float to create a 
scrollbar, unless there is no assigned height on the container.
If the container has height:auto then it is free to get taller
when non-floated content is tall.

So the overflow:auto rule can either create a scroll for the tall
float or add height to the container. Apparently the consensus is 
to enlarge the container rather than do the scrollbar thing.

Big John



-- 
Perennial student + Impractical joker + CSS junkie = Big John
http://www.positioniseverything.net



__ 
Discover Yahoo! 
Stay in touch with email, IM, photo sharing and more. Check it out! 
http://discover.yahoo.com/stayintouch.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Unclickable links in Safari

2005-06-15 Thread shawn a
Hello,

Page in question: http://proto.kudos.goldenware.com/a/American_Airlines.html
style sheet: http://proto.kudos.goldenware.com/i/t.css

These pages don't actually exist, they are put together on the fly
with a list of applicable keywords. But that really doesn't matter.

If u look at the right side of the page there is an UL. Well in safari
u cannot click on the links.
The template is the negative margin layout from www.alistapart.com.

This problem baffles me. The links for the news article heading and
what not work fine. Its just those links in the side bar that are not
clickable in safari. Any suggestions would be awesome.


~shawn a
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Unclickable links in Safari

2005-06-15 Thread DeWaun Simmons

shawn a wrote:


Page in question: http://proto.kudos.goldenware.com/a/American_Airlines.html
style sheet: http://proto.kudos.goldenware.com/i/t.css

If u look at the right side of the page there is an UL. Well in safari
u cannot click on the links.
The template is the negative margin layout from www.alistapart.com.

This problem baffles me. The links for the news article heading and
what not work fine. Its just those links in the side bar that are not
clickable in safari. Any suggestions would be awesome.
 




The links in the RIGHT SIDEBAR don't work in CAMINO, SAFARI or FIREFOX, 
either. They do, however, actually work in OmniWeb and Internet Explorer 
for Mac OS X.


Odd...very odd.
--

| D E W A U N   S I M M O N S
| Running: Mac OS X 10.4 on PowerMac G4 1x1.25Ghz |
| w/768mb RAM w/combo drive  ATI Radeon 9000 Pro 64mb RAM |
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Text weirdness @ 640x480

2005-06-15 Thread Reese

We've recently discovered a bit of weirdness with archive entries
at a blog we did some work on. At a screen resolution of 640x480,
the entry authorship attribution is lined out.

See http://maxspeak.org/mt/archives/001426.html @ 640x480 if you
would and can anyone explain why this is happening?

I grabbed the corner of the 640x480 window 
http://anybrowser.com/ScreenSizeTest.html

gave me with my mouse and dragged the window larger, the line-
through went away. Absolutely weird. We'd like to know why this
is happening, whether it is correctable or not. We understand
that 640x480 viewers comprise  1% of all Web surfers, per the
last report we've seen.

Reese

-

Ink Works
http://www.inkworkswell.com
1+ (727) 942-9255

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Text weirdness @ 640x480

2005-06-15 Thread Reese

At 00:38 16-06-05, Reese wrote:
We've recently discovered a bit of weirdness...

Nevermind. I wrote that post, then stepped out to the garage to try
finishing another sort of project, while I was out there my partner
fixed it.

A div had a top border defined and at such a narrow resolution,
it was being pushed down, it happened to cover that bit of text.

Sorry for the false alarm.

Reese


-

Ink Works
http://www.inkworkswell.com
1+ (727) 942-9255

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/