Re: [css-d] Hope this is the appropriate way to ask this question
Ryan Doherty wrote: Designing with Web Standards - Zeldman Bulletproof Web Design - Cederholm Web Standards Solutions - Cederholm Eric Meyer's books are pretty good too. And he even hangs out on this list when he isn't busy counting the millions of yen he's made from his books. ;-) On Apr 23, 2008, at 9:06 AM, Jonathan wrote: I have looked at and read several CSS books. Do you have any recommendations as I have not found one that I liked -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] Hope this is the appropriate way to ask this question
When just getting started, I found Eric Meyer's book _CSS Web Site Design Hands on Training_ to be perfect. --Max On Wed, Apr 23, 2008 at 1:29 PM, Ryan Doherty [EMAIL PROTECTED] wrote: Eric Meyer's books are pretty good too. -Ryan On Apr 23, 2008, at 9:06 AM, Jonathan wrote: I have looked at and read several CSS books. Do you have any recommendations as I have not found one that I liked __ 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] Hover delay
Hi all. I'm looking for a way to delay the action of a 'hover' detection for a photo gallery. What I want to do is to move the mouse pointer across a block of thumbnails and then have an 'auto-enlargement' appear over the entire block, ONLY after the pointer has been stationary for 500mS or so. Then when the pointer is moved away from the enlargement, the thumbnail block should revert to its former state. I've put a rough example at: http://www.webbwize.co.uk/Test_Area/AllSaints/scripts/gallery.html which is far from satisfactory and contains no real positioning for the 'enlargement'. I don't necessarily want to 'fix' the current code, but to find a way of navigating to the center thumbnails without triggering the hover state, which in any case at present is too unstable. Ideas welcome. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus __ 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] Hover delay
A lot of food for thought on that site, thanks. I can't find exactly what I want, but there are a good few ideas which may make me decide to modify my method. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, April 24, 2008 12:53 PM Subject: Re: [css-d] Hover delay You may find what your looking for here http://www.cssplay.co.uk/menu/ __ 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] Does all elements include head etc.?
If a CSS property is said to apply to *all elements*, does this include head, meta, link, base, style and title? I know, these are not rendered visually so the question is a bit strange perhaps. It is just that I am making a table with all element, attribute and property relationships and I would like it to be complete; no matter how strange. Bert __ 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] Override CSS Line
Victor, firstly, this is the first time I have ever responded to a query, so bear with me and expect to receive an email from someone else refuting all I say here, but here goes anyway: 1) If it's not a typo, your circular brackets: ( and ) need to be curly : { and } around the width:5em; bit. 2) .menu ul #AB means (as I understand it) and element with an id of AB _inside_ a ul. Remove the space between ul and #AB to make it mean the ul with an id of #AB; 3) If that doesn't fix it, it will be due to the fact that the first section gives the width to the link, not the ul. In this case you will want to override the links' width (not the uls') 4) If it still isn't working, you have a problem with specificity. I'm not an expert, but you may want to add in as much information as you can. If you need to follow all 4, you would be left with: .menu ul#AB li a, .menu ul#AB li a:visited{width: 5em;} Hope that lot helps, Harry Original message: Hi: I have this line in my css: .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:90px; height:20px; text-align:center; color:#fff; background:#ff; line-height:20px; font-size:16px; font-weight: 800; overflow:hidden;} and I want to be able to override the width parameter for specific instances. I believe I should do something like this: .menu ul #AB (width: 5em;) where I would have a ul elt with a name of AB. But that, of course, doesn?t work. What do? TIA, Victor -- Harry Burt Head Designer, *Foundation Flash* For more information about our Flash and Web Design services, see: /http://www.foundation-flash.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] Does all elements include head etc.?
Pentasis wrote: If a CSS property is said to apply to *all elements*, does this include head, meta, link, base, style and title? Yes; no reason why not. I know, these are not rendered visually so the question is a bit strange perhaps. It depends. In terms of CSS, they conceptually have display: none set for them. If you set display to another value, the situation changes. Whether browsers actually support this is a different issue. To some extent they do. Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ 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] tiling and css sprites
I'm using a css sprite and there's a 1px wide by 35px tall image in it intended to be repeated horizontally as a background. So I'm positioning it like so: #ft .menu{ background-image:url(master_sprite.gif); background-position:-844px -177px; background-repeat:repeat-x; height:35px; width:940px; } But, of course, when I repeat it, instead of tiling that one pixel, it displays everything to the right of it in the sprite. I'm not that familiar with some of the other css background declarations. Does anyone know offhand if something exists that I can use to get it to tile that one 1x35 area of the sprite? Thanks, Aurelie __ 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 6 is butchering my pages.
Hi all, A small troubleshooting problem that is driving me CRAZY: http://www.akisma.com/design/carrot/ Renders fine in every other browser I've checked, but in IE6, the home page renders fine, aside from a little bordering around the photo that looks trashy (any suggestions?) but all the other pages get their main content bounced out of the main div. Any ideas? I've validated, checked doctypes, etc, but I'm not a master at this and I'm trying to improve my browser-argument skills. Also, I haven't checked it in IE7 since I don't have a unique copy of windows (I develop on a mac), so I'm not sure if it's being screwed over there, too. Any help would appreciated, especially pointers to articles with a rundown of IE problems in addition to this specific-case advice. Thanks all! Jess -- Jess Jacobs [EMAIL PROTECTED] http://www.akisma.com http://www.myspace.com/akismawins __ 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] IE6 bug, which one?
Have a good day and night, please help me find which bug in IE6 make my page so different. In 7s version everything looks fine. http://dobrievesti.org/index.html Thank you. __ 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] CSS Layout problems with Safari
Hi there, I'm having layout issues in Safari ver 3.1.1 on Windows, but not IE 7, FF, or Safari ver 3.04 on a Mac. In simple areas like this: #menu{ margin-top:55px; margin-left:300px; font-family: Papyrus; font-size: 14pt; color:#FF; width:475px; text-align: left; } The issue seems to be with the margin-left and width properties. Items layout differently in Safari v. 3.1.1 on windows than the other browsers. Also seeing issues with margin-top spacing. Does anyone have any ideas on what may be going on here? Or how to call a style-sheet for Safari only? I now how to call one for IE and its different versions, but not finding anything on safari. Thanks! ~Lisa __ 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] Positioning- relative or absolute?
Hi list, I've been lurking like a mad fiend for awhile here and I have to say I have found it to be very rewarding. In fact reading css-d is my coffee break reward! LOL I have almost run to deadline and would like to be a bit more flexible in the placement of the gallery and popup box. I would like to be able to position the box relative to the gallery div, but I seem to only be able to get it positioned relatively or absolutely to the hyperlinked thumbnail. Every which way but where I want it. My best solution was to place the gallery at the top of the content and position the popup image fixed to the page also at the top. I also am having trouble with loading this page and crashing one of my browsers (FF 2.0.0.14) on my machine but not on a laptop running the same browser and OS. The page runs fine from my own HD but crashes when live. I need to know if this is just my machine or not (I apologize in advance if it crashes yours). I have only tested it in FF and IE6 so far. Any comments or critiques that could help me write better CSS are appreciated :) URL: http://www.closetsdoneright.com/backups/back-08.04.xx/index.htm CSS: http://www.closetsdoneright.com/backups/back-08.04.xx/style.css Thanks, Tawnya. No virus found in this outgoing message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.3/1393 - Release Date: 4/23/2008 8:12 AM __ 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] bodybg
Alright heres my problem. My boss comes in and says hey a lady wants a one page site. shes been and ISP customer of ours for years so we are going to make an exception for her and do it. I give the weird look but say okay anyway since my boss gave me an instruction. which is rare. She comes in and for content, she hands me a pile of junk for content. www.southmsmonitoring.com http://www.southmsmonitoring.com/ My problem is. I need that background image to stick to the bottom no matter the size of the content and the window. Much to my surprise. its behaving as I would expect in IE but firefox is not. Anybody know what the fix is? I hate beating my head against the desk over a cheap job like this. Vance Lowe Web Designer Cybergate, Inc. www.cybergatedesigns.com 601-649-1564 __ 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] bodybg
Nevermind. I found it. For anyone who cares, its: Html { Height:100%; } Apparently firefox doesn't recognize percentage based sizes unless its got a parent element to base that off of. let me know if I am way off base. Vance Lowe Web Designer Cybergate, Inc. www.cybergatedesigns.com 601-649-1564 _ From: Vance Lowe [mailto:[EMAIL PROTECTED] Sent: Thursday, April 24, 2008 10:36 AM To: 'css-d' Subject: bodybg Alright heres my problem. My boss comes in and says hey a lady wants a one page site. shes been and ISP customer of ours for years so we are going to make an exception for her and do it. I give the weird look but say okay anyway since my boss gave me an instruction. which is rare. She comes in and for content, she hands me a pile of junk for content. www.southmsmonitoring.com http://www.southmsmonitoring.com/ My problem is. I need that background image to stick to the bottom no matter the size of the content and the window. Much to my surprise. its behaving as I would expect in IE but firefox is not. Anybody know what the fix is? I hate beating my head against the desk over a cheap job like this. Vance Lowe Web Designer Cybergate, Inc. www.cybergatedesigns.com 601-649-1564 __ 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] Override CSS Line
On Thu, Apr 24, 2008 at 12:09 PM, Foundation Flash [EMAIL PROTECTED] wrote: Victor, firstly, this is the first time I have ever responded to a query, so bear with me and expect to receive an email from someone else refuting all I say here, but here goes anyway: 1) If it's not a typo, your circular brackets: ( and ) need to be curly : { and } around the width:5em; bit. 2) .menu ul #AB means (as I understand it) and element with an id of AB _inside_ a ul. Remove the space between ul and #AB to make it mean the ul with an id of #AB; 3) If that doesn't fix it, it will be due to the fact that the first section gives the width to the link, not the ul. In this case you will want to override the links' width (not the uls') 4) If it still isn't working, you have a problem with specificity. I'm not an expert, but you may want to add in as much information as you can. I think your response is quite cogent. However, I had all 4 correct. Perhaps you were looking at an eariler post; I remember having a space between the ul and #AB before. I think the problem lies in the fact (as stated somewhere previously in this post) that Stu´s css menu places the entire menu in a ul and then each element of the menu that has a drop-down in a nested ul. Thus, if, for example, I set the ul width to 100%, some browsers (like certain versions of IE7 but_not_all) fill the entire menu with the first element, while others give each element a line the height as set by the ul, and others render all the elements in a single line like I want them to. But of course, I want them to show up right everywhere, right? I mean, that´s the idea :) TIA, Victor If you need to follow all 4, you would be left with: .menu ul#AB li a, .menu ul#AB li a:visited{width: 5em;} Hope that lot helps, Harry Original message: Hi: I have this line in my css: .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:90px; height:20px; text-align:center; color:#fff; background:#ff; line-height:20px; font-size:16px; font-weight: 800; overflow:hidden;} and I want to be able to override the width parameter for specific instances. I believe I should do something like this: .menu ul #AB (width: 5em;) where I would have a ul elt with a name of AB. But that, of course, doesn?t work. What do? TIA, Victor -- Harry Burt Head Designer, *Foundation Flash* For more information about our Flash and Web Design services, see: /http://www.foundation-flash.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] CSS Layout problems with Safari
lisa wong wrote: Does anyone have any ideas on what may be going on here? Or how to call a style-sheet for Safari only? I now how to call one for IE and its different versions, but not finding anything on safari. ~Lisa Put the page in question on a public server and point to it in your post. It is impossible to answer that question based on a snippet of code. -- http://chelseacreekstudio.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/
[css-d] Hope this is the appropriate way to ask this question
I had these recommended to me recently: - Web Design in a Nutshell - CSS Mastery, Advanced Web Standards Solutions - The CSS Anthology, 101 essential Tips, Tricks and Hacks - Designing with Web Standard ed. 2 - Web Standards Creativity - Transcending CSS -- Daniel Kessler University of Maryland College Park School of Public Health 3302E HHP Building College Park, MD 20742-2611 Phone: 301-405-2545 http://sph.umd.edu __ 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] CSS Layout problems
My first time to post and I hope I am asking in the correct way. I am have trouble trying to debug my CSS when there is an error between IE and FF. I have tried to use Firebug, but just can't seem to understand how to use it. There are several differences between IE and FF on this page http://tavbooks.com/test/test.html. FF has a small space at top before heading and IE does not (I would like to keep the space). The menu is not showing correctly (it has double the height) in IE but is showing correctly in FF. The content box is wider in IE than in FF. The hr above the footer menu is not showing in FF but is in IE. Can someone take a look and show me how to find these errors? Would greatly appreciate the help. Rayburn __ 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] IE6 and 5.5 issue with sidebar
Hi all, My website, http://www.pixelagogo.com is not acting correct in IE6 or 5.5 yet fine in all others tested. When I did a browser check, these are the two that are giving me fits. The issue is that the sidebar div doesn't align at the top as it does in all the other sections of the site. It is just this home page that is having the issues. I was using Firebug to try to see what is up but can't seem to find what is different on the home page vs. all the others that is causing this. If anyone can scan it and see what might be happening I would sure appreciate it. Thank you, Cory Shubert __ 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] Hope this is the appropriate way to ask this question
On my bookshelf are the following (among others): CSS Web Site Design - Eric Meyer CSS Mastery: Advanced Web Standards Solutions - Andy Budd Web Standard Solutions - Dan Cedarholm Bulletproof Web Design - Dan Cedarholm My 2¢, John Garison __ 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] IE6 and 5.5 issue with sidebar
Cory, It looks like you've got a case of the doubled-margin bug: http://www.positioniseverything.net/explorer/doubled-margin.html You've got a margin-right:15px applied to your sidebar div. This is doubling in IE6 which doesn't leave enough room for the sidebar up next to the content where it belongs so it is being pushed down. To fix, just add display:inline; to the css for the sidebar div. Valerie On Thu, Apr 24, 2008 at 2:29 PM, Cory Shubert [EMAIL PROTECTED] wrote: Hi all, My website, http://www.pixelagogo.com is not acting correct in IE6 or 5.5 yet fine in all others tested. When I did a browser check, these are the two that are giving me fits. The issue is that the sidebar div doesn't align at the top as it does in all the other sections of the site. It is just this home page that is having the issues. I was using Firebug to try to see what is up but can't seem to find what is different on the home page vs. all the others that is causing this. If anyone can scan it and see what might be happening I would sure appreciate it. Thank you, Cory Shubert __ 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/ -- Valerie Wininger www.valeriewininger.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] IE 6 is butchering my pages.
Hi Jess, It looks like you have a float clearing problem. Here is a link that gives some good info on how to resolve these issues. http://www.quirksmode.org/css/clearing.html In your case there are a couple of things you can do. On your #main div add an overflow: hidden and a width of 100% such as: #main { background-color: #f2e7a7; padding: 5px; padding-bottom: 20px; border: #A09460 solid 1px; overflow: hidden; /* added this */ width: 100%; /* and this */ } this is one way but another way might be to use the * hack such as this. Your #main would remain the same, but add the following just below it. #main { background-color: #f2e7a7; padding: 5px; padding-bottom: 20px; border: #A09460 solid 1px; } * html #main { height: 1%; } OR * html #main { zoom: 1; } OR * html #main { display: inline-block; } The * html hack makes it so IE6 will obey any rules set inside the * html hack. I hope this info if helpful Mark - On Apr 22, 2008, at 8:23 AM, Jess Jacobs wrote: Hi all, A small troubleshooting problem that is driving me CRAZY: http://www.akisma.com/design/carrot/ Renders fine in every other browser I've checked, but in IE6, the home page renders fine, aside from a little bordering around the photo that looks trashy (any suggestions?) but all the other pages get their main content bounced out of the main div. Any ideas? I've validated, checked doctypes, etc, but I'm not a master at this and I'm trying to improve my browser-argument skills. Also, I haven't checked it in IE7 since I don't have a unique copy of windows (I develop on a mac), so I'm not sure if it's being screwed over there, too. Any help would appreciated, especially pointers to articles with a rundown of IE problems in addition to this specific-case advice. Thanks all! Jess -- Jess Jacobs [EMAIL PROTECTED] http://www.akisma.com http://www.myspace.com/akismawins __ 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-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] ie6 trouble: div inhalt dont begins in the right place
here is the html: http://www.r-forrer.de/boamo/referenzen.html and here the css: http://www.r-forrer.de/boamo/boamo.css i would be thankful for any help! :) __ 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] CSS Layout problems with Safari
Resubmitting with actual website with problems: http://www.mattcolagiuri.com/home.html Most of the pages show the menu on two lines (should be one line) and the copyright and other text off a little bit. Thanks for looking at this! ~Lisa On Wed, Apr 23, 2008 at 7:22 PM, lisa wong [EMAIL PROTECTED] wrote: Hi there, I'm having layout issues in Safari ver 3.1.1 on Windows, but not IE 7, FF, or Safari ver 3.04 on a Mac. In simple areas like this: #menu{ margin-top:55px; margin-left:300px; font-family: Papyrus; font-size: 14pt; color:#FF; width:475px; text-align: left; } The issue seems to be with the margin-left and width properties. Items layout differently in Safari v. 3.1.1 on windows than the other browsers. Also seeing issues with margin-top spacing. Does anyone have any ideas on what may be going on here? Or how to call a style-sheet for Safari only? I now how to call one for IE and its different versions, but not finding anything on safari. Thanks! ~Lisa __ 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] Beyond CC's, targeting Mozilla, Safari and Opera
Hi all, I suppose my question was too general to get useful answers. This time its more concrete, you can try it: http://documenta.rudolphina.org/cond-css-demo.xml Any questions? Manfred __ 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] CSS Layout problems with Safari
lisa wong wrote: Resubmitting with actual website with problems: http://www.mattcolagiuri.com/home.html Most of the pages show the menu on two lines (should be one line) and the copyright and other text off a little bit. Thanks for looking at this! ~Lisa I'm having layout issues in Safari ver 3.1.1 on Windows, but not IE 7, FF, or Safari ver 3.04 on a Mac. In simple areas like this: Thanks! ~Lisa Lisa, I get the same results as you on the menu in Safari PC and Safari Mac. The structure is brittle. The page (all pages) loads in the PC with the menu on two lines. (minus) -1 font-scaling corrects it and puts it on one line. On the Mac (higher dpi) the menu loads on one line. (plus) +1 font-scaling breaks the menu -- drops out of its containing division -- and puts it on two lines. Not much you can do, imo, other than allow for greater width (decease the menu margin-left), and provide no overly restrictive height declaration. Adding padding-top to the copyright line should give more spacing of it for both OS. -- http://chelseacreekstudio.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/
[css-d] IE 7 6 not behaving
Hi I finally have my template layout sort of working on this page correctly for FF and safari. but it falls apart in IE's. the content box drops to the bottom of the page and so does the body text. The Image needs to stick to the left nav. Could someone every so kindly take a look? http://www.hotniniz.com/mainpages.html Thanks Terri Terri Chicko Flirty Women's Fashions www.hotniniz.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] bodybg
On Apr 25, 2008, at 12:47 AM, Vance Lowe wrote: Apparently firefox doesn't recognize percentage based sizes unless its got a parent element to base that off of. let me know if I am way off base That is the correct and expected behaviour. Gecko, WebKit and Opera all behave the same. http://www.w3.org/TR/CSS21/visudet.html#propdef-height [quote] If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'. [/quote] Philippe --- Philippe Wittenbergh http://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/
[css-d] Need Text To Wrap Underneath Images
Hello, How do I get the text to wrap underneath the images in this table: http://e7flux.com/placead/placead2.html - they wrap fine in FF Safari but not in IE 6 or 7. All suggestions welcomed! TIA, Elli Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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] Need Text To Wrap Underneath Images
I hope no-one will mind an off-topic reply, as I think you are genuinely looking for an answer in CSS, but the answer's really in HTML. I think the simplest answer to your question is to use a br / after each image and before each span like this example (first line of your td code: tda href=# target=_blankimg src=images/starledger_icon.gif alt=Star Ledger Logo //aa href=# target=_blankbr /The Star Ledger/abr /spanFREE ADS*/span/td Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: CSS Discuss Sent: Friday, April 25, 2008 2:07 AM Subject: [css-d] Need Text To Wrap Underneath Images Hello, How do I get the text to wrap underneath the images in this table: http://e7flux.com/placead/placead2.html - they wrap fine in FF Safari but not in IE 6 or 7. All suggestions welcomed! TIA, Elli __ 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] Need Text To Wrap Underneath Images
I did a Googling and found this: http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp from one of our very own on the list. I had started out with a UL of images and links and it wasn't working especially to achieve the alignment the designers were looking for, so my boss instructed me to revert to tables for that section and which I wasn't crazy about since those images and links aren't tabular data but, based on what I just glanced at, looks like I'll be able to achieve what I'm looking to do, with a DL. Will have to give it a try! - Elli --- Alan K Baker [EMAIL PROTECTED] wrote: I hope no-one will mind an off-topic reply, as I think you are genuinely looking for an answer in CSS, but the answer's really in HTML. I think the simplest answer to your question is to use a br / after each image and before each span like this example (first line of your td code: tda href=# target=_blankimg src=images/starledger_icon.gif alt=Star Ledger Logo //aa href=# target=_blankbr /The Star Ledger/abr /spanFREE ADS*/span/td Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: CSS Discuss Sent: Friday, April 25, 2008 2:07 AM Subject: [css-d] Need Text To Wrap Underneath Images Hello, How do I get the text to wrap underneath the images in this table: http://e7flux.com/placead/placead2.html - they wrap fine in FF Safari but not in IE 6 or 7. All suggestions welcomed! TIA, Elli __ 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/ Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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/