Re: [css-d] Safari background issue
Mark Senff wrote: I use a PC so I can't test it in Safari -- hopefully we will hear that less and less now that the Windows version of Safari is pretty much 99% the same as the Mac version. ;) That's not correct; you can't test a Safari 2.0.4 issue with the Safari 3.0 beta http://developer.apple.com/internet/safari/uamatrix.html The site is broken as described in Safari 2.0.4. With cleared cache, the bg-image appears at the wanted position, but then a horizontal scrollbar of +100% runs in and the bg moves to the right. Removing the #topnav fixes the issue (or applying position:absolute to it), maybe someone has time to hunt this down. Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] 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] Safari background issue
Seona Bellamy wrote: http://www.subaru.com.au/about-subaru/subaru-advantage/ . Got it. The topnav is followed by an empty clearing element. Inserting a quick fix seems to solve the issue, at least on my local testcase. div style=clear: both;Hello List/div div id=bannerswf style=overflow: hidden; position: relative; (its the empty clearing div directly before the swf, not the other one some lines above) Can you confirm? Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] 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] Safari background issue
Ingo Chao wrote: That's not correct; you can't test a Safari 2.0.4 issue with the Safari 3.0 beta http://developer.apple.com/internet/safari/uamatrix.html Officially... But this helps for OS X users. http://michelf.com/projects/multi-safari/ Those builds work as advertised, even if you have 'updated' to the Safari 3 beta build. (builds can be very hard to download. If anyone has spare disk-space +bandwidth, I'm sure some help would be appreciated.) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] 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 leaders
I would like to have solid color leader before some text: In addition to Georg's (as always) sterling efforts, the css-d wiki has a few takes on dot leaders. http://css-discuss.incutio.com/?page=DotLeaders It should be fairly easy to figure out how to transform them from dotted to solid leaders... __ css-discuss [EMAIL PROTECTED] 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] site distortion in IE6
Ah, the problem seems to be typo3's generated xml? Thanks, I'll try to exclude that in the generation of the html. Thanks for the speedy reply! David Laakso schreef: Thijs Hakkenberg wrote: Dear list, This site http://gerbrigseidel.nl/ and it's template http://gerbrigseidel.nl/fileadmin/template/simpleDesign/ both validate as w3c compliant, and the template show up fine on both IE6 and FF1.5/2.0. The rendered frontpage however get's distorted in IE6; it's not aligned anymore for example. Any clues? Thijs Hakkenberg This is your file[1] with the xml declaration deleted so IE6 is no longer in quirks and with only your style.css embedded. Looks pretty much the same to me in, but I may be missing something, in: Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7 and IE6 and IE7. [1] http://www.chelseacreekstudio.com/ca/cssd/cet1.html Best, ~dL __ css-discuss [EMAIL PROTECTED] 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] Safari background issue
On 20 Sep 2007, at 07:37, Ingo Chao wrote: Mark Senff wrote: I use a PC so I can't test it in Safari -- hopefully we will hear that less and less now that the Windows version of Safari is pretty much 99% the same as the Mac version. ;) That's not correct; you can't test a Safari 2.0.4 issue with the Safari 3.0 beta http://developer.apple.com/internet/safari/uamatrix.html The site is broken as described in Safari 2.0.4. With cleared cache, the bg-image appears at the wanted position, but then a horizontal scrollbar of +100% runs in and the bg moves to the right. It works correctly on the latest WebKit nightly build, so it's a 2.0.4 bug. Personally I tend to use the nightly builds for testing as they run alongside Safari and I can't sensibly get rid of 2.0.4 by installing 3 Beta. For example, I encountered a layout issue yesterday and by downloading the latest nightly was able quickly to determine that it was a Safari issue which was fixed on more recent builds, thereby saving myself the time of trying to work out if I'd done something wrong which was merely being tolerated by the other browsers. If anybody out there is currently testing their stuff for Safari on the version 3 Beta, either Mac or Win, and thinks that if it works there then it's OK in Safari, I would suggest they seriously reconsider their position. Version 2.0.4 will be around for quite some time to come. Yet another browser to support... sigh / Oh, link for those interested: http://nightly.webkit.org/ Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] 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] Safari background issue
On Sep 20, 2007, at 8:19 PM, Nick Fitzsimons wrote: Personally I tend to use the nightly builds for testing as they run alongside Safari and I can't sensibly get rid of 2.0.4 by installing 3 Beta. For example, I encountered a layout issue yesterday and by downloading the latest nightly was able quickly to determine that it was a Safari issue which was fixed on more recent builds, thereby saving myself the time of trying to work out if I'd done something wrong which was merely being tolerated by the other browsers. If anybody out there is currently testing their stuff for Safari on the version 3 Beta, either Mac or Win, and thinks that if it works there then it's OK in Safari, I would suggest they seriously reconsider their position. Version 2.0.4 will be around for quite some time to come. Yet another browser to support... sigh / I'm not so sure that relying on nightly builds is a fully accurate testbed for what will be Safari 3 whenever it is released. A few weeks ago a problem with Safari 2 was mentioned on this list (involving floats and adjacent block formatting contexts - a problem that also exist in Konqueror 3.5.7). That problem did not exist in nightly WebKit builds, but did persist in Safari 3.0 beta. And from testing backwards with a few older WebKit builds, that problem was fixed there well before Safari 3 beta was first released. The problem with WebKit, as I see it, is there doesn't seem to be a clear cut branching policy, in the way Gecko has (which is easy to track in the Gecko rv numbers in the UA string). Personally I have the Safari 3 beta installed, the standalone 2.0.0.4 version I linked to in a previous message, and download the latest nightly WebKit builds. I do the same for Gecko browsers . Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] 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] Safari background issue
On 20 Sep 2007, at 12:54, Philippe Wittenbergh wrote: I'm not so sure that relying on nightly builds is a fully accurate testbed for what will be Safari 3 whenever it is released. I'm not suggesting that it is; just that it's a useful way of checking to see if an existing bug has been fixed. Obviously, being a nightly, there's always a chance that a regression will make a bug reappear, so it's worth checking in a random sprinkling of nightlies if a bug still appears to be present. But if, as I did, you can confirm that the behaviour of 2.0.4 is fixed in a later build, then you know that the mistake isn't in your own code and can move straight on to finding an implementation which _is_supported correctly, rather than trying to fix code that wasn't broken in the first place. As for what _will_ work in Safari 3: we won't know until it's released. One should never trust a Beta of any product to be anything more than a rough guide to what the final version might be like. Remember, the Beta isn't released as a platform for web developers to work to, imagining that they can make sure that their sites work in Safari 3: it's so the community can test and report suspected bugs to the WebKit and Safari teams. Remember when IE 7 Beta 2 came out and people started publishing articles on their blogs about how to get things working correctly on it? Wasted effort, all of it; they should have been reporting bugs, not devising workarounds which were redundant in the finished product. It's the same with Safari 3; the time to start testing _our_ work is when the final version is released. Until that date we are testing _Apple's_ work. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] 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] change colour of bullet on rollover
Hello Everyone!
I've been a member of this group for a couple of weeks now - this is the first
time I've posted. I was really pleased to find a CSS group like this!
My question at the moment is how can I change the colour of a bullet on
rollover?
I'm using the following code and really don't want to use images:
ul.products {
line-height: normal;
padding: 0px 0px 0px 5px;
margin: 3px 0px 4px 15px;
font-size: 12px;
color: #FF5937;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.products a:link, ul.products a:visited, ul.products a:active {
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#99
}
ul.products a:hover {
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF;
}
Regards,
Clare Green.
__
css-discuss [EMAIL PROTECTED]
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] Mad CSS skillz!
Les Mizzell wrote: Be amazed... http://www.xefer.com/maze-generator It says rendered with only HTML / CSS and I was ready to witness a miracle, but it's still javascript doing the actual rendering. Also - it appears to have trouble printing large mazes (mazes that would cross over more than 1 page) __ css-discuss [EMAIL PROTECTED] 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] Mad CSS skillz!
It says rendered with only HTML / CSS and I was ready to witness a miracle, but it's still javascript doing the actual rendering. Yea, that disappointed me as well. It shouldn't auto-solve, it should simply put those dots in on :hover (or make them anchored links, then use :visited so they stay on the page) so you can finish it yourself. Then it could be all CSS. __ css-discuss [EMAIL PROTECTED] 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 leaders
Since William presented something to me [off-list] that doesn't work too well when subjected to font-resizing and not at all in IE6, I've taken the subject a bit further and dragged IE6 and IE7 - kicking and screaming - into the realm of CSS... http://www.gunlaug.no/tos/moa_23.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] 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] Mad CSS skillz!
Jon Hughes wrote: Yea, that disappointed me as well. It shouldn't auto-solve, it should simply put those dots in on :hover (or make them anchored links, then use :visited so they stay on the page) so you can finish it yourself. Then it could be all CSS. That! Would be very clever. That's really really really clever in fact. :) With your blessing I might try to develop that bit. __ css-discuss [EMAIL PROTECTED] 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] Mad CSS skillz!
That! Would be very clever. That's really really really clever in fact. :) With your blessing I might try to develop that bit. HTH! :) __ css-discuss [EMAIL PROTECTED] 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] IE Navigation Flicker (non-bg-image related)
Hello, I'm trying to put together a liquid primary navigation panel (five items, with each li assigned 20% width), and it is working fine on Firefox, but on IE 6-7, the last item on the right is flickering: http://windows.pedrera.com/clients/pedrera/nav/ It seems as though IE considers the last item to be just on the edge of the acceptable width for the list. Does anybody know how to address this problem? Thanks, John John Gribben Pedrera, Inc. 215 348 7446 [EMAIL PROTECTED] http://www.pedrera.com http://www.pedrera.com/ __ css-discuss [EMAIL PROTECTED] 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 leaders
First, my apologies to the list, as I hadn't intended my reply to be private. Secondly, WOW! Georg always impresses me with his knowledge and thoroughness. best, bill On Sep 20, 2007, at 8:21 AM, Gunlaug Sørtun wrote: Since William presented something to me [off-list] that doesn't work too well when subjected to font-resizing and not at all in IE6, I've taken the subject a bit further and dragged IE6 and IE7 - kicking and screaming - into the realm of CSS... http://www.gunlaug.no/tos/moa_23.html __ css-discuss [EMAIL PROTECTED] 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] hasLayout problem?
Kenny Graham wrote:
IE6 keeps dying horribly in a fire when it's resized on this page I'm
working on... anyone know how to fix it? Please? :)
http://www.trademarkads.org/brookhaven/site/
Basic fix:
* html body {
position: relative;
}
...to make elements relate to body instead of html/window.
Then add as you see fit...
* html #headwrap,
* html #middlewrap,
* html #middle,
* html #subnav li a {
height: 1%;
}
* html #head {
height: 171px;
}
* html #content {
height: 550px;
}
I didn't bother to download/use the 'ie7-standard-p.js', so I used all
the above styles.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
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] Not that good at tables
Does anyone else want to take a stab at this? Here's the problem: I am creating an HTML email (So I have to use tables instead of CSS) Here is my original design: http://www.pcg-advisors.com/Newsletter/pcgnewsletter9_07_p2_is.html It looks great in Firefox, but in IE there is a large gap of white space after the third paragraph and the next header Representative PCGA Deals. And other similar white gaps of space further down the page. Someone suggested that I should not put the whole thing in one table, so I broke up the content into three tables (one for the header, one for the column on the left, and one for the column on the right). See new layout with three tables: http://www.pcg-advisors.com/tests/test.html I wasn't happy with this one because I wanted the purple table to go to the right of the yellow, not below it. Anyone know how to fix this? Thanks! _ Gear up for Halo® 3 with free downloads and an exclusive offer. http://gethalo3gear.com?ocid=SeptemberWLHalo3_MSNHMTxt_1 __ css-discuss [EMAIL PROTECTED] 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/
