Re: [css-d] Opera Type and Menu issues
On 27/10/11 00:37, Kevin A. Cameron wrote: Browser preference. Most browsers now-a-days zoom the entire site (layout, graphics and all) not just text. Am I alone in detesting this practice? It means that enlarging the text causes the whole page to enlarge, often resulting in a horizontal scroll-bar. If it's supposed to be an aid to accessibility, it's a miserable failure in my book. Lesley __ css-discuss [css-d@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] issue with suckerfish menu
On 19/10/11 17:35, David Hucklesby wrote: On 10/19/11 7:32 AM, Chris Kavinsky wrote: I have a styled list for a site navigation I'm working on with a suckerfish dropdown menu. Below it I have an h1 tag with an image in it. I used a negative top with relative positioning to get the image/logo to creep into the nav bar. However, because of it, I can't get my mouse to hit the dropdown menu (using FIrefox). I tried adding a z-index to the list, but that didn't help. Any suggestions on how to get the overlap and the drops to work? Here's the links: http://associationdatabase.com/aws/OOA/pt/sp/home_eastwestconf Hmm. Works for me with mouse in Safari and Firefox (v.7 on Mac OS X 10.7). Does not respond to keyboard on either browser. What version of FF are you using, on which platform - or did you fix it? Also works for me with mouse on Firefox 7 and Chromium, both Linux. Dropdowns don't work with keyboard, although it is possible to tab through the dropdown links. Lesley __ css-discuss [css-d@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] I must be a moron, How to reply to messages
On 18/10/11 09:37, david wrote: Al Sparber wrote: If you use a client like Thunderbird, there is a convenient Reply List button :-) Well, I use Thunderbird, and there's no Reply List button in mine. Odd - I use Thunderbird on Linux, and there is on mine. I've just used it! Lesley __ css-discuss [css-d@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] I must be a moron, How to reply to messages
On 18/10/11 15:03, Philip TAYLOR (Webmaster, Ret'd) wrote: Felix Miata wrote: Linux distros are free to package extensions or not as they see fit. Apparently David's doesn't and yours does, or David's using neither Linux nor an extension that provides it. Is there any evidence to suggest that Reply to list functionality is offered only via an extension and not via the core code ? Philip Taylor I believe David is using Linux, as he has previously mentioned that fact. This is from the Mozilla support site: Replying to a message To reply to a message, click the Reply or Reply All button when the message is displayed. Alternatively, right-click the message in the Message List and select Reply to Sender Only (Ctrl / Command + R), Reply to All (Ctrl / Command + Shift + R) or Reply to List (Ctrl / Command + Shift + L). So Reply to List functionality would seem to be native to Thunderbird, not provided by an extension, and I remain surprised by the fact that my version displays a button for it while David's does not. Lesley __ css-discuss [css-d@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] Help with 3rd column in IE8
On 16/09/11 20:22, David Laakso wrote: On 9/16/11 3:03 PM, Coleen Holley wrote: http://www.aheartbreakinghchoice.com Can anyone offer me any assistance with why I am getting this overflow effect in IE8 only? Here is my CSS for that section: Coleen 3:24p Server not responding. ~d There's a stray h in that URL - should be http://www.aheartbreakingchoice.com No IE8 here, so that's all the assistance I can offer just now. Lesley __ css-discuss [css-d@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] FF4 and FF5 was (Sticky Footer Cuts Off In FF 4 5 Both Mac Windows)
On 12/09/11 14:19, Elli Vizcaino wrote: No, what I mean is FF 4 5 were the 2 offered for testing on both Windows and Mac via Adobe Browser Labs. I'm still on version 3.6 on my own machine because the upgrade to FF4 was incompatible with Firebug and I didn't want to compromise my development process. Firebug is like a lifeline! lol. Not sure how versions 5 6 are with Firebug. Know anything? Elli I have Firebug 1.8.2 on Firefox 6.0.2 on Linux and it seems to be fine. Lesley __ css-discuss [css-d@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] style with border, affecting nothing?
On 29/08/11 16:17, John wrote: Is it possible to insert a style into my documents that would show a border of dimensions I choose, like 1024x768, which would be visible, but would affect/interfere with nothing else? my question is along the lines of Georg's suggestion of including a 1px red line in each and every style to show what it's doing. the 1024x768 area would be nice to have to show what would and wouldn't be visible to users with that resolution. Is this even a good idea? thanks! John __ css-discuss [css-d@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/ If you use Firefox and the Web Developer Toolbar, there is a resize option. The default is 800px x 600px, but you can add your own dimensions there. __ css-discuss [css-d@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] [CSS3] [HELP] Nav menu bug
On 06/07/11 05:53, Mark Ayers wrote: http://www.ineedwebpage.com/ When you hover over the lower ones, the menu compresses (specifically the firstcodeli/code in the list), which makes it very difficult to click the link to the homepage. FWIW, as a user with neurological/co-ordination problems, I find the menu impossible to use with a mouse. It jumps around all over the place and I haven't a hope of clicking the link I'm after. It's particularly bad in Firefox 5, but Chromium isn't much better. Epiphany (Web-kit based) is the best, but even that is pretty much unusable. (All on Linux.) I like the idea - just can't use it. Lesley __ css-discuss [css-d@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] [CSS3] [HELP] Nav menu bug
On 06/07/11 16:41, Mark Ayers wrote: This is the bug I'm trying to fix. Firefox is far worse because I develop for Webkit then add support for everything else, so I don't have the text written vertically in Firefox. On Wed, Jul 6, 2011 at 2:15 AM, Lesley Lutomski c...@islaywebdesign.co.uk mailto:c...@islaywebdesign.co.uk wrote: On 06/07/11 05:53, Mark Ayers wrote: http://www.ineedwebpage.com/ When you hover over the lower ones, the menu compresses (specifically the firstcodeli/code in the list), which makes it very difficult to click the link to the homepage. FWIW, as a user with neurological/co-ordination problems, I find the menu impossible to use with a mouse. It jumps around all over the place and I haven't a hope of clicking the link I'm after. It's particularly bad in Firefox 5, but Chromium isn't much better. Epiphany (Web-kit based) is the best, but even that is pretty much unusable. (All on Linux.) Sorry - I don't think I explained the problem very well. On Chromium and Epiphany, the position of the menu changes, which makes it very hard to use. On Firefox, the links judder about, vibrating, for want of a better word, overlapping and impossible to select. Lesley __ css-discuss [css-d@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] [CSS3] [HELP] Nav menu bug
On 06/07/11 17:29, Mark Ayers wrote: It should work now. Theres still too much space at the top, but it doesn't jump around. It works fine on all three browsers, but the text saying Nav has vanished, making it very hard to find, especially on Firefox and Chromium, which don't display the white border. I'd also like to see some indication on hover that the whole area is clickable, not just the text, but that's just a personal opinion. Lesley __ css-discuss [css-d@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] Drop Cap missing in FF4
On 12/05/11 00:59, David Laakso wrote: Dunno. Is this a blessing or a bug. https://bugzilla.mozilla.org/show_bug.cgi?id=458169 Thanks for the link, but that's an @font-face bug, and I'm using a simple font-family declaration, so I don't think that's the problem. On 12/05/11 02:12, Philippe Wittenbergh wrote: On OS X 10.6.7 and on Linux Ubuntu 11.04 the letter is displayed on all your pages. On Linux, Nimbus Roman is used afaict, on OS X Georgia. 'ChromaSSK' not being available on either system. Thanks for testing. That's really weird, because I'm using Ubuntu 11.04 with FF4.0.1 and there's no letter displayed. http://www.islaywebdesign.co.uk/images/dropcap.png I realise there's an easy fix by deleting the ChromaSSK font, which isn't widely available, but I would like to understand why there's a problem in the first place, so I can avoid it in future. Lesley __ css-discuss [css-d@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] Drop Cap missing in FF4
On 12/05/11 13:27, Philippe Wittenbergh wrote: Thanks for testing. That's really weird, because I'm using Ubuntu 11.04 with FF4.0.1 and there's no letter displayed.http://www.islaywebdesign.co.uk/images/dropcap.png I realise there's an easy fix by deleting the ChromaSSK font, which isn't widely available, but I would like to understand why there's a problem in the first place, so I can avoid it in future. I've no idea, offhand, what the problem might be. Thanks Philippe and David for helping. I've solved the problem and, as usual, it was me missing something. ChromaSSK was present on the system, but the permissions on the folder were not set to allow access. Resetting the permissions allowed to to display as before, and when I removed it altogether, Firefox displayed a fall-back font. Sorry - not a CSS issue after all. Lesley __ css-discuss [css-d@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] Drop Cap missing in FF4
Hi all,
I have a site which uses drop caps at the start of some pages. The code
for this is taken more or less straight out of Dan Cederholm's Web
Standards Solutions, apart from the font-family line.
span class=dropA/span
.drop {float: left;
font-size: 300%;
line-height: 1em;
margin: 4px 10px 0px 0;
padding: 4px 10px;
border: 2px solid #3F006F;
font-family: ChromaSSK, Georgia, Times New Roman, Nimbus Roman No9
L, serif;
background-color: #FF;
}
In FF4 on Linux, the drop cap doesn't display when the first font in the
list is not available, even though the other fonts are all installed.
The coloured background and the border are displayed, but the letter
itself is missing. Chromium and Epiphany both display it using the
first available font. I can't test in anything else just now.
Any ideas why this is happening? I'm probably missing something
obvious. HTML CSS both validate.
Thanks.
Lesley
__
css-discuss [css-d@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] Drop Cap missing in FF4
On 11/05/11 21:40, David Laakso wrote: Site uri or an isolated test page uri might help those trying to help... Best, ~d Oops - sorry. It's been a long day. http://www.islaywebdesign.co.uk Lesley __ css-discuss [css-d@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] Using CSS to control width of page.
On 23/04/11 07:45, Robin Chapple wrote:
This is my first attempt at CSS for control of page display. Previously
I used tables and CSS for the text,
How do I set a width limit for anything that appears on a page.
I tries this which does not work:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #88;
background: White;
valign:top;
width: 800px
}
Many thanks,
Robin Chapple
Hi Robin,
That's working OK in Firefox Chromium on Linux. Can you explain does
not work in more detail? You've missed the semi-colon after width:
800px - I don't know if that might be causing problems in whichever
browser you're using. If you're trying to centre the content on the
screen, then you need to add margin: auto; to your CSS.
Separate point - valign is not a CSS property.
Hope that helps.
Lesley
__
css-discuss [css-d@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] Using CSS to control width of page.
On 23/04/11 15:02, Philip Taylor (Webmaster, Ret'd) wrote: You've missed the semi-colon after width: 800px - I don't know if that might be causing problems in whichever browser you're using. It's not missing, it is omitted; as in Algol-68, semi-colon is a separator in CSS, not a terminator. Thank you - I stand corrected. Now I shall go and look up Algol-68 to improve my education still further! Lesley __ css-discuss [css-d@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] Rule of Thumb For Naming Classes/IDs?
On 30/03/11 16:09, Elli Vizcaino wrote: So I guess, in essence the answer is NO you cannot begin a class or ID name with numeric characters? Trip Adviser do it all the time and the W3 Validator throws an error, so technically I guess you can but you shouldn't! Lesley __ css-discuss [css-d@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] Browser Stacking Issues
On 24/03/11 20:20, Tim Wolf wrote: 1. In Chrome (Mac Win) and IE 7 8, the css drop-downs on the left of this page fall behind the flash MP3 player in the left column. Seems like this would be a stacking issue but can't pin it down. http://159.247.160.110/pod.php FWIW, the same problem occurs in Epiphany (Webkit-based) and Chromium on Linux, but not in Firefox. Lesley __ css-discuss [css-d@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] CSS Horisontal Navigation Stopped Working
On 24/03/11 20:28, Stephanie Robinson wrote: I've now changed it over to div's and while part of the css is working OK, the navigation drop downs and hovers quit working. My brain is mush looking at so few lines of code and not seeing what's wrong. http://www.issw.com/hallmark/index_new.htm Hi Stephanie, Using Firefox on Linux, your navigation drop-downs work fine - but only with javascript disabled for your site. If I enable javascript, the drop-downs vanish. I don't know if this helps at all, and I don't have time to look into it further just now. Hopefully someone else will be able to assist you. Best wishes, Lesley __ css-discuss [css-d@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] which tag do i target with css for the hover effect i want
On 08/11/10 13:36, Lisa Frost wrote: Is it better accessibility wise to make the whole area clickable or for a menu does it not matter. For folk with poor co-ordination or mobility problems, then (IMHO) the bigger the target to aim at, the better! On the other hand, a wee bit of dead space between links also helps; at least if you miss the link you were aiming for, you go nowhere, rather than ending up somewhere unexpected. Hope that helps and isn't OT. Lesley __ 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] Stylesheet renders in chinese?
On 26/10/10 02:07, Rory Bernstein wrote: Hi all, A client asked me to do some basic work on her site (which was done by someone else), and when I view her stylesheet in a browser, the contents of the stylesheet show up in chinese: http://www.jitterbugsnyc.com/css/layout.css Can anyone suggest a fix? When I view the same stylesheet in Coda or BBEdit, it looks fine. I created an .html doc that refers to this stylesheet but the page renders as if there were no stylesheet. That page is here: http://www.jitterbugsnyc.com/home2.html Thank you, Rory Which browser are you using? The CSS renders in English in Firefox 3.6.11 on Ubuntu Linux. http://www.jitterbugsnyc.com/home2.html shows up with styles applied both in Firefox and Epiphany 2.30.2 (WebKit based). (Epiphany automatically opens the CSS in my editing app. and it's OK there, too.) Hope this helps. Lesley __ 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] nav help
On 02/10/10 17:10, ludmilla wrote: Can anybody please let me know how to make the purple horizontal navigation to go all the way to the right. So that there is no empty space after the Mercantile link. http://www.moscowfood.coop/design_new/index.php?nmx=2_0 css is here: http://www.moscowfood.coop/design_new/coop.css Many thanks. Lida__ Hi Lida, One way to solve your problem might be to centre your navigation links, rather than try to expand them to exactly 920 px. That gives you a small purple margin on either side, which doesn't look unbalanced. I've only tested this in Firefox, but the following CSS seems to work: from #navcontainer ul, remove the float: left and add line-height: 1.6em and text-align: center from #navcontainer ul li a also remove the float: left You will need to add a white border to the left-hand side of your first list item. Hope that helps. Lesley __ 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] site design/layout feedback desired
On 25/08/10 04:21, Francesco wrote: Looking for feedback on a design I'm almost done with. http://blackcoil.com/classychild -- Francesco Sanfilippo, Blackcoil Productions I've tried this in Firefox 3.6.8 for Ubuntu Linux, with default text size set at 16, and in Epiphany 2.30.2 (Linux Webkit-based browser) with default text size set at 12. These settings usually mean sites display pretty much the same across the two browsers, but for some reason in this site, the text shows slightly larger in Epiphany, causing the baby 0-12 months text in the left-hand column to wrap onto two lines. It's not a problem - just an observation. Other than that, the site looks good. If the text size is increased to 24 or more, then the header-navigation links wrap, but the header doesn't increase in size to accommodate this. Setting #header min-height:100px, rather than height:100px should help; setting the height in ems would be even better. I don't have a problem reading the header-links text, but I use a tool from Vision Australia to check colour contrast for visibility, and these two combinations do fail that test. I find this tool really useful - http://www.visionaustralia.org.au/info.aspx?page=628 - it's designed for Windows, but also runs on Linux using Wine. The black text Girls over the photo is very hard to read, but maybe not too much of a problem in context. Overall, I like the layout. It's clear and uncluttered and I found it easy to use. Hope this helps. Lesley __ 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/
