[css-d] A Flickr gallery with CSS
First post of the year! have a wonderful 2011: http://onwebdev.blogspot.com/2011/01/flickr-gallery-with-css.html HTH :-) ps. in case you're wondering, here in Italy it's 10:21 AM http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Web typography with CSS3
On 1/01/2011 6:00 AM, Guy K. Haas wrote: On Fri, December 31, 2010 10:49 am, Chris F.A. Johnson wrote: [snip] Nice and snappy in Firefox, but slow as molasses in Opera. Also slow in Chrome. Reloaded and faster. http://css-class.com/test/css/3/css3-menu-tipsy.htm What I do note is that a transparent background image (whitish) that zooms across the ul#navigation is rendered above the border of the element. I can't explain why but I like the affect. Even though this is CSS3 driven, I would really like to use an inner span. One reason is to allow :focus for keyboard users. Another reason is that currently all the background and border effects are on the li. This leaves me without individual parents (just one common parent being the ul). More could be achieved by moving the major style on the li to the a and the style on a to the inner span. Then I can style the parent li with greater effect. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 and 7 help please
Happy New Year to the list. I'm just starting on the development of a site for an authoress and have hit a problem in IE6 and 7 with the main navigation list. You can see the page I'm working on at: http://www.peredur.net/stella/template.php The page is valid according to the w3c validator and renders correctly in everything I've tried (FF, Opera, Chrome, IE8) except for IE6 and 7. IE6 isn't respecting the padding given to the links. IE7 isn't displaying the menu at all! I've never met this one before, so I'm at a bit of a loss. Does it ring a bell with anyone who could let me know what I have to do to get it to render properly---or at least reasonably---in the problem browsers? Thanks in advance. Cheers Peredur -- peredur.net http://www.peredur.net __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
http://www.peredur.net/stella/template.php
The page is valid according to the w3c validator and renders correctly in
everything I've tried (FF, Opera, Chrome, IE8) except for IE6 and 7. IE6
isn't respecting the padding given to the links. IE7 isn't displaying the
menu at all!
ul#topnavlist li a {position:relative}
That is the hack that will fix the problem.
BTW, your page is not valid. The Crime, Cats etc sub-menu should be
within an li.
~Chetan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
On 01/01/11 15:30, Chetan Crasta wrote:
ul#topnavlist li a {position:relative}
That is the hack that will fix the problem.
BTW, your page is not valid. The Crime, Cats etc sub-menu should be
within anli.
~Chetan
Aargh! That'll teach me one of two things. Either to stop fiddling
when other people are going to check the code or, if I have to fiddle,
to at least revalidate the page before putting it up. My apologies for
that.
As for the hack: works like a dream. Another one for the little black
book of handy IE hacks. Many thanks.
Now I just have to sort out why IE7 and only IE7 seems to be having a
problem with the placeholder image. It's never straightforward, is it.
Many thanks, Chetan.
Cheers
Peredur
--
peredur.net http://www.peredur.net
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
Now I just have to sort out why IE7 and only IE7 seems to be having a
problem with the placeholder image. It's never straightforward, is it.
Many thanks, Chetan.
Happy to help.
Try the same hack:
#header img {position:relative;}
~Chetan
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 and 7 help please
On 01/01/11 16:23, Chetan Crasta wrote:
Happy to help.
Try the same hack:
#header img {position:relative;}
~Chetan
Yep. Just did. It works, too.
Just out of interest, do you know what's going on here? Or is it one of
those, It works. Don't ask, sort of things? If I could get a handle
on why IE7 behaves in this way I might be better at spotting when the
hack should be applied.
Again, many thanks.
Cheers
Peredur
--
peredur.net http://www.peredur.net
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] text-shadow
Ok. I typed at the keyboard too soon yesterday and said *text-shadow* seemed
to work in IE8
when it does not.
Further, if I validate my css as CSS3 there are no reported errors (even
when using text-shadow)
Does this mean I can use text-shadow without side effect?
ie IE will ignore it while most of the others will use it?
Or is there some danger of tripping IE into quirks mode? (if I do continue
to use text-shadow)?
In HTML we can (and should) announce the HTML DOCTYPE. I'm not aware of any
similar
mechanism to announce CSS level. Is there one?
.bshadow {
color : white;
text-shadow : #22 1px 1px 0
}
--
/* Colin (Sandy) Pittendrigh --oO0 */
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS-101
http://www.css-101.org Happy New Year! Bonne Année! -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] HTML5 and CSS in Internet Explorer 8
For those who are testing in HTML5 and CSS: http://onwebdev.blogspot.com/2011/01/html5-and-css-in-internet-explorer-8.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trouble with Opacity / Nav Menu in IE
Quoting Chetan Crasta chetancra...@gmail.com: Sure, keep in mind this is not a production level site as of now, so I ask that anyone please be respectful in not sharing/using it beyond debugging/inspecting the HTML/CSS. https://www.moremagicpoints.com/ The page has a lot of errors like incorrect nesting of elements, nonstandard attributes etc. Always validate your html at validator.w3.org and your css at jigsaw.w3.org/css-validator . Also, keep in mind that a webpage is not only read by humans, but also by computers (search engine bots). A page that might look OK to a human might look horrible to a bot. This is why your HTML needs to be semantic if you value a good rank in search engines. Here is an example of how the page might be correctly coded: http://roughtech.com/t/magic.html Regards, ~Chetan Thanks for the responses. I should have remembered to do validation as I was taught that in the one Web Design class I ever took. Thanks for the reminder. I'll go through that process and check out your help page and see where I get with that. Just FYI, the non-standard attributes are attributes from the Java web framework I use (Tapestry), so those aren't mistakes. Everything else most certainly is. Thanks, Rich This message was sent using IMP, the Internet Messaging Program. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
