Re: [css-d] What is the offtopic address?
Christopher You wrote; What is the offtopic email address? At the bottom of every email sent by the list you'll find a link to the CSS-D Wiki. [1] It's there that you'll find a link to the off topic list.[2] Regards Jim Nannery [1] List wiki/FAQ -- http://css-discuss.incutio.com/ [2] http://css-discuss.incutio.com/?page=OffTopic __ 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] What is the offtopic address?
Keith You wrote So is there, or is there not, an '[EMAIL PROTECTED]' address where people can just shoot the breeze? I know that Majestic has asked this twice before and both times was directed to that static page of links to more lists. I believe I may be missing a key link in the chain...LOL. There is no place on CSS-D that I'm aware of where you can *shoot the Breeze* with other list members about *off-topic* discussions. You can of course always email list members *off-list* for *off-topic* discussions. This thread should probably end here if you have addtional questions feel free to email *off-list*. HTH Jim Nannery __ 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] What's an OP? and other stuff
Afternoon Hedley You wrote: My apologies for being off-topic and my thanks for the pointers. But what is an OP? Clearly, I am one but a look in the mirror confirmed general normality. OP = original poster Whenever someone replies to one of my threads, I receive two copies of each response but only one copy of responses to other new topics by other people. Different, interesting. You'll receive two of this email.. one to you and one to the list. that's because I replied to all that's the common practice for this list. You'll only receive one email if it not a reply to you but only directed to the list... HTH Jim Nannery www.redfernenterprises.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] giant gaping gap I can't close
Afternoon Scott You wrote; Hi, I have this big gap I can't figure out how to get rid of. If you look here (http://sthig.thigpendesigns.com/index.php/sthig/int/) you'll see an image about and then there is this abnormally large gap between that and the paragraph. How do I narrow that? here is my css http://sthig.thigpendesigns.com/index.php?css=sthig/style/ Best, Scott I'm a little unclear about the *gap* your referring to. On IE 6 and FF 3.0.2 the word / image * About * is centered above your picture There isn't ( from my perspective) an unusually large gap there in my browsers What I see on IE 6 is a spacing issue with the illustration. The top half of the illustration (hair and eyes) is moved to the right by a considerable amount... That's caused by having IE 6 in Quirks mode [1]. Removing the xml prologue that precedes the doc type will switch to Standards mode that corrected the problem locally. Haven't tested on a live server or tested IE 7 but it should be fine. Hope I'm seeing the problem you want a fix for... If not, others may have to offer suggestions Best [1] http://en.wikipedia.org/wiki/Quirks_mode Jim Nannery www.gotbeebar.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 beginner in search of great books and courses
Afternoon Josh You wrote: I am a graphic designer who has just started learning CSS and XHTML. I've got Eric Meyer's books: CSS: The Definitive Guide 2nd edition, and CSS Web Site Design Hands on Training and the zen of css design. Would appreciate any recommendations. Thanks, Josh The CSS-D list wiki [1] is always a good place to start. You'll find an extensive list of books [2] on CSS there. Best to all [1] http://css-discuss.incutio.com/ [2] http://css-discuss.incutio.com/?page=GoodBooks Jim Nannery __ 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] Block file from download
Afternoon Wendy You wrote: Hello: Does anyone have code to block a user from downloading a flv file? I don''t want people to be able to download. Thanks Wendy My video is here, and the Real Player pops up on PC IE. http://www.hmrlignan.com/video.html Not to put too fine a point on this, but where is the CSS question? You might get better results from a list like Web Design - L. [1] Having said that, Google is also your friend [2] Best Jim Nannery www.beebar.net [1] http://css-discuss.incutio.com/?page=OffTopic [2] http://www.google.com/search?q=block+downloading+file%3Fie=utf-8oe=utf-8aq=trls=org.mozilla:en-US:officialclient=firefox-a __ 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] Web Site Dev Beefs
Afternoon Christopher You wrote Over the course of the past few days, I have asked numerous questions about my site. Now I know I'm not a CSS\HTML guru but I have learned a lot from the people of this list, enough to have a much stronger understanding. I'm just trying to solve two or three more problems and although it is benificial to have a understanding of CSS and HTML, I feel I have that understanding, snipped out a bit here You need to validate your CSS every time you post a new page. You currently [1] have two errors; one that may be having an effect your #flashbox. It was pointed out in a earlier thread [2] that you *cannot use* negative padding. You have padding-top -12px on #flashbox and padding-left -12px on h1 I does make *me* wonder if you *understand* CSS as well as *you* think you do. Keep plugging away at it. it's a struggle worth waging Best [1] http://www.walkfar.ca/test/productionsite14.html [2] http://lists.css-discuss.org/mailman/private/css-d/2008-July/089210.html Jim Nannery www.gotbeebar.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] Latest Rounded Corners
Afternoon Chris You wrote: I know there are many rounded corner techniques out there, and I'm not looking to start a war. :-) But I was wondering if there are any especially good, newer techniques to the game. I need my rounded box to be resizable, and kind of like the idea of using only one small circle image that gets offset for each corner. Prefer no javascript for this. I did start with Google, but quite a few of the promising link titles lead to pages no longer there, so I hoping this list could point me to recent improvements in this area. Thanks as always for the expertise here. Chris Not sure how *new* these are, but the list WIKI [1] has lots of info and links that may prove useful. Best [1] http://css-discuss.incutio.com/?page=RoundedCorners Jim Nannery www.gotbeebar.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] div problem - children not displaying as children
Afternoon all
Jeff Blaine wrote:
Basic test case: http://www.kickflop.net/div-problem.html
Any suggestions would be great.
David L wrote
#bottomrow { overflow:hidden;/*add to sector*/}
html
wrap the line inside bottomrow div. Notice bot1 bot2 and bot3 are not
inside this bordered box! in an empty division (no css needed) like so:
div
inside bottomrow div. Notice bot1 bot2 and bot3 are not inside this
bordered box!
/div
And validate.
In addition to David's suggestion you can use _overflow:auto_ and get the
same results in firefox and IE7. That however leaves IE 6 with the bot1
bot2 bot3 sitting on the bottom border in the bottomrow div with no space
below them.
In your test case, try moving your _ div class=clear/div _ to just
inside the bottomrow div (below bot3 and before the closing /div)
div id=bot3
bot3 is here!
/div
div class=clear/div
/div!-- bottomrow --
IE 6 will open up and behave like FF and IE7.
Best
Jim Nannery
www.gotbeebar.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] Help with Openrealty
Afaternoon Chick You wrote: Hi guys, probably nott the right place but does anyone know to or know of a resource tht I could edit openrealty to use with my current site? Any help would be greatly appreciated! Thanks Unless I'm missing the CSS part of this question, you might get better results directly from the OpenRealty website [1]. The off-topic page of the list WIKI [2] lists additional forums that may also be useful. Best Jim Nannery www.gotbeebar.com [1] http://open-realty.org/ [2] http://css-discuss.incutio.com/?page=OffTopic __ 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] Horrible Lag time in CS3 Design/WYSIWYG View
Afternoon Craig You wrote I'm in need of an expert Dreamweaver CS3 engineer or guru to take a look at why my CSS layout is experiencing such a horrendous 1-2 minute delay/refresh time in the WYSIWYG. A sample page and its css files can be downloaded here: http://www.geocities.com/craiggivens01/cs3_lag_example.zip It currently only renders correctly in Firefox, but everything validates. I believe the problem has to do with the modules.css file and all of the modules being called in the middle of the page grid, but I really can't pinpoint exactly WHY CS3 takes 1-2 minutes to refresh every time I try to either : a) paste in new text content b) add a new li in one of the modules c) create a new module by duplicating the existing div and its container grid Is it trying to re-calculate the widths of the grid? Is it the number of modules called in the markup? Is it the load time of multiple classes per div? Is it a syntax issue? I've been wrecking myself for days trying to fix this but nothing works. Any ideas are much appreciated! __ Have you asked this question on the Dreamweaver forums [1] ? You will most likely get a satisfactory response to this question directly from the source. You might also have a look at the CSS-D List WIKI off topic [2] page for additional sources that can answer this question directly. Best Jim Nannery www.gotbeebar.com [1] http://www.adobe.com/cfusion/webforums/forum/index.cfm?forumid=12 [2] http://css-discuss.incutio.com/?page=OffTopic __ 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] Bullet list without paragraph break
Afternoon Andrew
You wrote:
perhaps but it does work does it not?!
Krystian - Sunlust wrote:
On 4/6/08, Andrew Doades [EMAIL PROTECTED] wrote:
remove the ul from start and end!
This will give you just the bullet points!
Andrew
That's semanticaly incorrect,
just set padding and margin to 0 and that should fix it.
ul {
margin: 0;
padding: 0; }
also, it should be:
ul
liFirst item /li
liSecond item /li
liThird item /li
/ul
Regards,
Semantics aside, it's malformed xHTML and will cause browsers to use error
correction to render the code This may or may not * work * now or
perhaps in the future
It is always best to use properly formed xHTML with CSS To suggest
malformed code is a fools errand and should, IMO, not be suggested as a fix.
As Jim Davis suggested [1] display:inline is probably what is needed for the
O.P. to accomplish her goal.
Jim Nannery
www.gotbeebar.com
[1] http://css.maxdesign.com.au/listamatic/horizontal01.htm
__
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] start an ordered list at a number 1
Tim You wrote; This is really an HTML question, not CSS so I'm replying off list. So nuch for going off list. You can use ol start=x (whatever number you need) to start a list at a new number. Or, you can use li value=x to skip numbering within a list. Both attributes are deprecated, so they are only valid under HTML 4.01 or XHTML 1.0 Transitional. Tim To be clear, attributes and html tags that are deprecated should only validate under HTML *Transitional* and XHTML *Transitional* Doctypes. With an HTML 4.01 *Strict* Doctype, deprecated tags and attributes will not be valid. Jim Nannery www.sylvesterneal.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] Advanced CSS techniques book
Ocean Mist wrote Where can I find a copy of the book list? Two others I love ( in addition to all of Eric's boosk which I have) are: The Art and Science of CSS and The CSS Anthology - both by Sitepoint. snipped a bit Eric wrote Please add it to the list! (Just be sure to put the author down as Andy Budd.) That page is not a selected list, nor do additions to it require anyone's approval. It's meant to be a list of good CSS books that have been helpful to members of the list. If anyone here has a book they think is a really great CSS book and it's not on the list, they should by all means add it! Morning Ocean Mist The book list I think Eric is referring to is in the List Wiki [1] And yes, if you want to share with the list, by all means *reply to all*... [1] http://css-discuss.incutio.com/?page=GoodBooks Best Jim Nannery www.redfernenterprises.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] Page Check
Morning List I'd appreciate it if some of you would look at www.sylvesterneal.com/index2.html especially with Mac / Safari browsers. I have (and test in) Safari Win 3.0 and all seems fine but I don't have enough faith in it for final production. Should be good to go in all other major browsers including IE 6 and 7, Opera 9 and Firefox 2.0. CSS is in the head for now but will be moved to an external link later. All links on the page are live to an existing site. Once we have client approval for this page as a template we will re-skin the inner pages to match. If you do see a problem, let me know what browser and O/S you are using. Constructive comments always appreciated Thanks for your time. Hope you all enjoy your weekend. Jim Nannery www.redfernenterprises.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] Looks fine on my IE6 but not others
Afternoon Tim You wrote I'm hoping someone can detect and substantiate this issue for me because I'm flying blind. The site is http://www.rst.uiuc.edu. It validates fine and looks fine in IE6 on my desktop but another person on campus says when they look at the site (also in IE6), the main content is pushed down until it clears the left-hand menu. Relevant CSS is http://www.rst.uiuc.edu/css/fonts.css and base.css. Any help is greatly appreciated. -Tim -- I don't see any problems in IE 6 Win XP Pro SP 2. Holds together from font size medium to largest and at a variety of screen resolutions from 800 x 600 to 1280 x 1024... iow... It's not dropping content that I can see. I didn't look at any other browsers One small nit to pick at 800 x 600 the text next to the photo of Director McDonald wraps to several lines.. It starts Th e Dep art me nt etc. until it clears the photo. A similar situation exists with the text next to the photo in the Graduation Celebration section. hth Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I've got the IE blues...
Morning Bruce You wrote John Lockerbie wrote: PS Fwiw, top-posting is making it impossible for anyone to follow this thread-- write below (rather than above) those you reply to on the list That fad is your personal preference. Many of us dislike scrolling down through long quotes to see whether the current posting has any content or is of interest. Many of us prefer so-called top-posting or interleaved posting. But I wouldn't presume to force either upon you. Bruce Not a fad and not someone's personal preference. The following is from the list policies [1] Please note the second point. a.. Trim your replies. If you have more quotation than original text, think about cutting down on the quoted stuff. The list members can look at the message to which you responded, or check the archive. Prune that quoted text with ruthless abandon. Everyone else will thank you for it, especially the list admin(s). Don't forget, thankful list admins are less hasty with the unsubscribe button. a.. The list admin(s) will scowl heavily in the direction of any Jeopardy-style quotations-- ** that is, putting your answer before the quoted question to which you're responding ** -- but won't actually unsubscribe you for doing it. Unless you keep doing it without trimming down your quoted text (see above). (emphasis added) [1] http://www.css-discuss.org/policies.html It might be worthwhile for list members to review them. After all, when we joined the list, we *all* agreed to abide by them.. Best to all Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] see #F3F1E9 on WinMac: weren't Web-safe colours dead?
Morning Luca You wrote I was playing around with colors for a css-layout and got pretty satisfied with a light-browns/sandy combination [#E6E3D7 - #F3F1E9] on firefox/OSX. [see http://www.bo.ingv.it ] Then I watched it from a windows box (IE and Firefox) and it looks completely shifted (light-greys/bluish). the win-box scren is set to 32-bit colors hence it is not a color- space remapping/redux issue... I tested the same colors with Mac Win Gamma settings in Photoshop and could not reproduce those greys either... What might such a color-shift be about? ... whole sites and communities discussing color palettes and their implications and there's still no-way to garantee an hex-value is rendered consistently in any browser ?! Thanks, ciao The list Wiki has links to several discussion groups on the *off topic* page that may provide an answer this question.[1] hth [1] http://css-discuss.incutio.com/?page=OffTopic Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Design for IE6 or IE7?
Afternoon Spellmank You wrote Hi, Is there a consensus whether one should design, using css, for IE6 or IE7? I looked up some latest stats and more people are still using IE6. I just wanted people's thoughts on this. Thanks, spellmank The long time consensus on the list has been to *design* and CSS / xHTML code for Standard Compliant Browsers ( Firefox, Opera, etc) and tweak / fix the IE browsers as needed. That's the model I've used for several years. I test IE 6 and 7 early and often as I build the site so as not to get to far ahead of those browsers. I find it makes sense to fix / tweak IE as soon as I see a problem rather than wait until I'm ready to release the site to the Public / Client, only to find out that the 800 pound guerilla isn't happy with my CSS or xHTML Wishing you all a great weekend. Jim Nannery www.sylvesterneal.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Windows Mobile 5.0 (SQVGA) shows an empty screen
Morning Sandy You wrote Anybody out there have some good references for writing styles that will work with mobile devices? I have tested a page on various cell phones and PDAs http://www.browsercam.com/public.aspx?proj_id=355775 and it seems to be usable, except on Explorer 5.0 (SQGVA) Windows Mobile 5.0 (SQVGA), where it shows an empty screen. Any thoughts? Any good links? Sandy The list wiki [1] has some links that may provide answers to your question. hth [1] http://css-discuss.incutio.com/?action=findfind=mobile Jim Nannery www.beebar.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] REPOST: layout falls apart in Netscape 7.x
Dova You wrote One of these days I'll get to a point where I can help answer questions, but unfortunately I'm still too much of a newbie with CSS. I'd really appreciate some advice on what is going wrong with this page. It is validating and it looks OK in at least IE and Mozilla, but completely falls apart in Netscape (tested versions 7.0 and 7.2). HTML: http://www.gwvirginia.gwu.edu/newsite/ CSS: http://www.gwvirginia.gwu.edu/newsite/styles/global.css http://www.gwvirginia.gwu.edu/newsite/styles/home.css What is likely causing this display problem? It looks like things are somehow being stretched and the columns are no longer lining up. Is there a bug with Netscape that would mess up the floats or clearing? Or some other Netscape specific problems? Thanks a million for pointing me in the right direction. Just checked my old win 98 box with a 17 monitor and NS 7.2 and your site looks nearly identical to FF 1.5 and IE 6 and 7 on my win XP Pro sp2 box. Sorry I can't offer more assistance, but it doesn't look broken on my end Best Jim Nannery www.beebar.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] QUESTION: Choosing a CSS navigation system
Afternoon Dova I'm looking for a CSS option like one of these on these non-CSS menus on the Adobe exchange. I need the menu to be vertical and open and close to show options in some way without being a fly out menu. I also am looking for a bug free menu that works in as many browsers as possible. I found the following two options, which have 4/5 ratings on the Adobe Exchange, but aren't just CSS. http://www.faithornstudios.com/bouncemenu/ They have both a free one and a newer version that costs $15. I looked over the documentation some to try to get a sense of how this works. Is it using frames in addition to a Flash movie? I'd rather not go there, but like the way it looks. http://www.flashcomponents.net/ I haven't read the documentation in detail to know how much customization is allowed. Not sure we will like the way this looks on the new site (in progress). Another possibility is to make a menu that fakes showing more options. Basically when you click on the navigation bar option it takes you to the page in question that then displays the other options as text links. One university example of this I found is at http://www.bu.edu/apply/. This seems to work and is easier to set-up using just straight HTML, but isn't very flexible in terms of needing to actually go to the page in order to see the menu options. I'd rather display the options and have the user select exactly what page they want to open. What kind of advice can you give me? Thanks, Dova H. Wilson The List Wiki has lots of menu possibilities. See the List Menu page for particulars. [1] Not sure if any of those will meet your requirements, but it can't hurt to look hth [1] http://css-discuss.incutio.com/?page=ListMenus Jim Nannery www.beebar.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] help with IE6/PC issue
Afternoon Cory You wrote Hi list members. I am looking for some direction on what to look into that is causing my issue with this website; http://www.pixelagogo.com/dev/cf/index.html The code validates both CSS and XHTML and views perfect on PC- Firefox and Opera as well as Mac-Safari,Firefox and Opera... but in the PC and IE6 it weirds out. The issue is with the nav on the left side orange box. In IE6 it is squished and the background graphic behind the list items doesn't show. It must be something simple, but I am not sure where to start. Thanks all for the help, Cory Remove the xml prologue (?xml version=1.0?) preceding the xml doctype and IE 6 will behave The prologue is causing IE 6 to switch to Quirks Mode [1]. hth [1] http://en.wikipedia.org/wiki/Quirks_mode Jim Nannery www.sylvesterneal.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Any CSS GURUs?
Morning Gigaboy20 You wrote I'm looking to hire an insanely smart css wizard who can hack theri way into doing almost anything with css. You might want to review the list policies [1], especially the section that says: No solicitations of employment or requests for applications. There are job boards, Web sites, mailing lists, and other venues for helping stimulate your local economy. Check them out. A gentle reminder to all [1] http://www.css-discuss.org/policies.html Jim Nannery www.beebar.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pipe List
Morning David You Wrote Don - HtmlFixIt.com wrote: snipped a bit try it again if you would ... think I have it in ie6, 7 and ff http://htmlfixit.com/tutes/css/pipe_delimited_faux.html Forgot ie6 won't respect the first child ... but I think this might do it ... Nice job, Don. You are good to go in IE6 and IE7. I am seeking a pipe menu, or a border menu that does /not/ require images and works in all versions of IE including mac/IE5.2. If I have a choice I would prefer /not/ to hack IE7.0. For example, something like this http://www.nytimes.com/pages/todayspaper/index.html (the file folder tab is not a requirement, although it is charming :-) ). It is the look and feel I am after. Anyone? Regards, ~dL In the referenced NY Times link above, they are physically inserting a pipe (as I'm sure you noted) between each end /a and the start of each new a in the html. If you want that effect in IE 7 using Fat Erik's code, you need to switch to Quirks mode. A simple test page [1] using an incomplete Doctype shows what I mean. This will, I'm sure, create other problems to overcome in a production page / site. IE 7.0.5xx shows the pipes on my Win XP Pro SP2 Box. hth [1] http://www.nannery.net/atest.html Jim Nannery www.redfernenterprises.com PScan't tell if this works on mac IE 5.2 can't test that OS / browser combo locally. and IIRC, mac IE isn't affected by Doctype switching Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] sigh, CSS and Explorer
Morning Ed You wrote; On 1/13/07, Jan Erik Moström [EMAIL PROTECTED] wrote: + How common is Explorer 6, should I bother to try to fix this? Well unless Microsoft's push for IE7 is going faster than I think it's probably still the majority browser out there. + Is there some simple way of fixing this (I tried to find some reference of how to fix it but I didn't find anything)? First you have to get rid of the comments before your DOCTYPE declaration. For IE6 (and 7) the declaration must be the very first thing in the file or it will render in quirks mode instead of standards mode. In IE that's a much bigger deal than with other browsers because in quirks mode it sizes screen boxes incorrectly. snipped a bit -- Ed Seedhouse Just to clarify, MS fixed [1] the doctype switching caused by the XHTML Prolog preceding a complete XHTML Doctype in IE 7. Best to you all. [1] http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx Jim Nannery www.beebar.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to find the best webdesign software
Afternoon David You wrote Hey all. I currently use Dreamweaver to design my pages but it seems that support for css is minimal. Basic designs are fine, but once I have negative margines and wrappers etc with 2 and 3 columns the page does strange things. My designs look totally different than in the browsers and this makes it frustrating as I have to check the browser too often. I would like it if I could find something that works better. Is there such a package? I'm sure you all have more experience in a lot of different packages, just want to know what the best might be. Or do you use just text editors? Just trying to determine the best method so I can move on. Thanks for your input David You're likely to get as many different responses to this question as there are members on the list. Personally, I hand code in Word Pad and review early and often in Firefox and IE6 / 7 to keep this sort of on topic, I hand code my CSS the same way The *Best* method is the one that works for you.. You might get better responses on other lists like Webdesign-L. You can find it links to them in the WIKI on the off-topic page [1] Best to you and yours [1] http://css-discuss.incutio.com/?page=OffTopic Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Release of IE7
Afternoon Sebastian You wrote Does any of you guys know how IE 7 will be released. Will it be released as an update or as a download ? // Sebastian This link to the IE Blog [1] will answer your question. Read the Oct 6th entry. [1] http://blogs.msdn.com/ie/ hth Jim Nannery www.sylvesterneal.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can somebody explain IE quirks mode?
Morning David You wrote; Hey one and all, forgive me if I sound ignorant or even stupid, but I have been looking into fixed header and footer positioning with the aim of creating a 3 column layout with needless to say fixed headers and footers and in a few of the examples I have looked at the code refers to IE and quirks mode. Can somebody explain what this means and does it affect positioning in Firefox? Here are a few links that should explain the differences between Quirks Mode and Standards Mode and how different browsers handle them. [1] http://en.wikipedia.org/wiki/Quirks_mode [2] http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp [3] http://hsivonen.iki.fi/doctype/ [4] http://developer.mozilla.org/en/docs/Mozilla's_DOCTYPE_sniffing and saving the best for last [5] http://gutfeldt.ch/matthias/articles/doctypeswitch.html hth Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Looking for a Linux Webadmin listserv
Afternoon Tim You wrote I don't mean to be too off-topic, but I've been looking for a listserv similar to this one as a resource for webadmins... specifically for administering Linux servers. Anyone know of such a list? Look at the list wiki off-topic section[1]. Especially at the Web Standards Group link [2]. hth Jim Nannery www.backporchgames.com [1] http://css-discuss.incutio.com/?page=OffTopic [2] http://webstandardsgroup.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] @page and IE6
Morning Eva
You wrote
Hi,
I'm trying get a print stylesheet to force the user agent to print a
page landscape so I'm using:
@page {size:landscape;}
This works fine in Firefox but not IE6. Does anyone have any info on this?
Thank you,
Eva
The CSS-D wiki [1], while a bit dated, has info on this. IE 6 does not
support the @page rule for forcing landscape printing. I haven't tested IE
7b3 to so can't tell you if it supports the @page rule or not.
hth
[1] http://css-discuss.incutio.com/?page=PrintStylesheets
Jim Nannery
www.redfernenterprises.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [off-topic] FriendlyURL or Permalinks
J Robson wrote Hi, How I make to make FriendlyURL or Permalinks using IIS (Windows) as I make with Apache .htaccess? Thanks, J. Robson Try one of the discussion lists in the off topic [1] page of the CSS-D Wiki I'm sure you'll have better luck getting the answer you seek... [1] http://css-discuss.incutio.com/?page=OffTopic Jim Nannery www.backporchgames.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] MSIE 4/PC and display:inline
Morning Uwe
You wrote;
moin, moin
I'd appreciate if someone could point out, how to persuade
MSIE 4/PC to display an unordered list horizontally.
Even NS 4 is able to understand an li {display: inline}.
thanks in advance,
Uwe Kaiser
Display: inline is not supported in IE 4. Below is a link to an old
compatibility chart [1] that shows what is and is not supported in that old
geezer ( err - Browser)
hth
[1] http://vzone.virgin.net/sizzling.jalfrezi/stylebml.htm
Jim Nannery
www.backporchgames.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Extra Division Height with IE
Morning Richard You wrote On the top of the following page I wanted to put an image on the right left and center of a logo division. Richardhhall.org It works fine in firefox (mac PC) and safari, but with IE on PC the division (grey color) be bigger than 54px, which is the size I defined, so there is some space around the 54px high images that I don't want. snipped ... Any help appreciated ... Thanks ... Richard -- Richard H. Hall Add display:block to your image selector images are normally in-line elements resting on the baseline not the bottom of the box. That leaves room for the descenders of lower case letters like j and y You can also use vertical-align:bottom on the img selector... hth Jim Nannery www.beebar.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Columns selectable in isolation
Morning Frans You wrote Hi everyone, Look at the attached XHTML. Because of list policy [1], attachments are stripped from incoming mail. You'll need to copy and paste your code into the body of an email or better yet, provide a link to the problem code. Happy Fathers Day to all you Dads on the list [1] http://www.css-discuss.org/policies.html Jim Nannery www.backporchgames.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS for input[type=radio] Approaches in IE
Afternoon Steve
You wrote
Hi all,
input[type=radio] {
/* special stuff for radio buttons here */
}
works in most browsers, of course, except IE (pre7).
Has anyone figured out a neat hack to get IE to render as the other
browsers would...
without setting a class (hard coded in the output) on the radio buttons?
I'm open to IE's expressions, or even IE's behaviors, but I'm hoping to
not set a class on the radio inputs.*
Anyone got a slick solution?
Cheers,
Steve
I don't have a direct answer to your question, but the CSS-Discuss WIKI [1]
has a section devoted to styling forms and their elements[2]
hth
[1] http://css-discuss.incutio.com/
[2] http://css-discuss.incutio.com/?page=FormElements
Jim Nannery
www.backporchgames.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with cleared float in non-float container
Morning Steven
You wrote
Hello,
This is my first post. I've read the policies, searched the archives and
google'd, so I hope no one gets upset if this is a duplicate. I've
created a trivial example of my problem:
CSS:
#outer
{
: 10px;
: 10px;
: 1px solid blue;
}
snipped a bit
XHTML:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
snipped a bit more
titleEnter the title of your XHTML document here/title
link rel=stylesheet href=test.css type=text/css /
/head
body
div id=outer
div
label id=lf1 for=f1A very long label
indeed: /label
input id=f1/input
/div
div
label id=lf2 for=f2A very long label
indeed: /label
input id=f2/input
/div
pruned heavily
Thanks
Steven Kilby
First, Welcome to CSS Discuss
the CSS you provided above makes no sense me;
#outer
{
: 10px; -- 10 px of what? height? width?
: 10px; -- etc
: 1px solid blue; -- I'm assuming this is a border.. and would be
properly written, border: 1px solid blue;
}
Similarly, in the XHTML you have label id=lf1 but that's not in the styles
provided. Unless it's in the external link to your real test.css.
which we can't see so, looking at the code provided isn't much help
and any solution offered would only be a wag.
A link to a real page or a test page with the problem would make it easier
for the folks on the list to help you solve this problem.
Best
Jim Nannery
owner - www.backporchgames.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Class not activating color aspects
Affrternoon Scott
You wrote
Can someone help me with this one:
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
lia href=/clients/index.ws class='selected'Clients/a/li |
lia href=/talk/index.wsLets Talk/a/li
/ul
a.selected {
color: red;
font-weight: bold;
}
I get the bold, but not the red
--
If all you want is bold red text for the link make these changes
in the CSS;
.selected a{ -- reverse the .selected and the A
color: red;
font-weight: bold;
}
And in the html;
ul id=navlist
lia href=/index.wsHome/a/li |
lia href=/who/index.wsWho are we?/a/li |
lia href=/why/index.wsWhy Us?/a/li |
lia href=/approach/index.wsOur Approach/a/li |
li class=selecteda href=/clients/index.ws Clients/a/li | ---
move the selector from the anchor to the * li* and use double quotes not
single..
lia href=/talk/index.wsLets Talk/a/li
/ul
Tested locally in FF 1.5.0.4 and IE 6.0 win xp pro sp2...
hth
Jim Nannery
owner - www.backporchgames.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Updated browser compatibility charts?
Morning Bob You wrote Back in the day, there were numerous CSS browser compatibility charts available. Now that the older browsers are fading into obscurity, I know that many of these charts haven't been updated in several years. Are there any updated ones available, and if so, where might I find them? Peter-Paul Koch's quirksmode.org [1] web site has the only CSS Compatibility Chart I've seen that has IE7 b2 and opera 8.5 browser compatibility others are seriously outdated Hope that's what you're after... [1] http://www.quirksmode.org/css/contents.html Jim Nannery owner - www.backporchgames.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using s5 to present photography slides
Afternoon Don You wrote; I modified s5-blank.html to show photography slides. The goal is to maximize the screen space for the pictures. I removed the headers and footers and sized the pictures to fit centered on the page. Using FireFox 1.5.0.3 all works as expected. Using IE 6.0.2800.1106 all of the pictures don't center, and the controls do not appear in the lower right-hand corner. Use resolution of 1024 x 768 and press F11 to maximize the open space on the screen. The slides can be seen at: http://www.alumni.nd.edu/~class55/Graphics/JohnDroege/Ireland/droegeireland. html Any ideas on this would be appreciated. Thanks, IE 6 appears to be ignoring the center /center element you are using in your modified S5 slide show. center is not a valid element with the doctype you are using. Run your code past an html validator [1] [2], as you have several other html errors. As you noted, the slide controls work in Firefox (1.5.0.4). When I hover my cursor at the bottom - right corner of the page it becomes visible. Eric Meyer's original S5 [3] works similarly in both Firefox and IE 6 on my win xp pro sp2 box. My guess is that this is a scripting problem and IE 6 can't play nice with your code. Some one with more scripting experience may be able to offer advice off list. (also, I noticed that pressing the space bar will advance the images once they have loaded) [1] http://validator.w3.org/ [2] http://www.htmlhelp.com/tools/validator/ [3] http://www.meyerweb.com/eric/tools/s5/s5-intro.html Hope that helps... Jim Nannery owner - www.backporchgames.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Moderator??
Morning Steve You wrote Can someone direct me to the moderator for this site. I would like a private conversation. This address will get you where you want to go [EMAIL PROTECTED] Best Jim Nannery owner - www.backporchgames.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best way to work in CSS and XHTML ?
Afternoon Michel You wrote Hi. Which is the easiest and more efficient way to work in CSS and XHTML to get at once a view on how it will look on IE 6 and firefox? How to handle external css files during the same process described before? In one word, which are the best tools (more efficient) to work with in CSS and XHTML? The list WIKI is always a good place to start when looking for this kind of information. [1] Regards [1] http://css-discuss.incutio.com/?page=CssEditors Jim Nannery owner - www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Readonly textarea backround color ignored in firefox
Morning Mike You wrote http://www.botsko.net/Test/readonly_textarea.html Ron Wrote Mike, it shows up white in both IE6 and Firefox 1.5.0.3 running on Win2K here. This issue appears to be a Windows only thing... maybe even only Windows XP. I've tested it here and IE/Safari/Firefox Mac are working fine. However, I've verified that on two Windows XP Pro machines, using Firefox 1.5.0.3, textareas cannot be assigned a background-color of white if they're set to readonly. Someone mentioned that this doesn't happen in Windows 2k, so maybe it's a bug relating to FF and Windows XP. Can anyone else verify on various Windows machines? I'm running Win Xp Pro SP2 and in Firefox 1.5.0.3 I see the first and second test textarea boxes with white backgrounds and the third box with a light gray IE 6.0 is the same.. This sounds like a Google tool bar auto-fill type issue.. Screen capture available offline if you want it... hth Jim Nannery owner - www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] tools for determining results of the cascade
Afternoon David You wrote I'm trying to find CSS tools that help you determine the results of inheritance and the cascade for elements on a Web page. So far, I've only found a few tools that help with this: --Dreamweaver 8: CSS Styles Panel can 1. list all styles that are inherited by an element 2. determine the specificity of a particular style (I know, that's not so hard to do yourself) 3. show the results of the cascade for a particular element: that is, all of the properties affecting an element (including all inherited properties) --Style Master from Western Civ can show which styles effect a given element on a page --Web Developer's Toolbar for Firefox (CSS--View Style Information) will show the inheritance structure of a page element. --Xylescope for Mac lets you view all styles and properties that affect an element on the page. --Safari's Web Inspector (only available at this point by downloading the source code) looks like it will have a lot of tools for examining the cascade. Are there any other tools out there that you're using (besides your brains) that help you figure out the results of the cascade for elements on a Web page? thanks grinning For our group, aside from the tools listed above it's, Brains R Us /grinning Hope you're having a great weekend Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FW: Newbe issues with IE
Morning Brent You wrote Newbie Here. http://www.sandstormranch.com/check_shadow.htm I intended for Sold in the image caption to have a red color instead of the blue. Page looks fine in Mozilla, but doesn't work in IE or konqueror. I tried to design a universal style sheet that would work with all of the pages on the website. The stylesheet can also be found at http://www.sandstormranch.com/default.css I'm sure that my code is crude...so any comments, suggestions, or criticism is greatly appreciated. In your markup change p Checkers Shadow soldSold!/sold/p top Checkers Shadow span class=soldSold!/span/p and in your style sheetadd a . (period) just before *sold* making a valid class. That should make it work in all modern browsers.I'd also recommend running your HTML through the Validator(s)[1]. hth[1] http://www.htmlhelp.com/tools/validator/ and /or http://validator.w3.org/Jim Nannerywww.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Which browser do I design for?
Morning Jblanchard wrote The past several days have brought much frustration and leads me to the question, which browser do I design for? Most on this list would agree that it is best to design / code for Fire Fox or Opera and make corrections as needed for IE Best to all Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with IE
Alan You wrote Now, I'll ask the question again . My web page, at the url below will not display properly in IE. The div with id=header is being expanded vertically to match the height of the floated image, whereas I want to to stay at the height of the text plus padding, as it does in Firefox. I have been unable to find what quirk it is that causes this, and therefore not find a way around it. Can anyone help. The *quirk* in your page is the you have triggered IE's Quirks [1] mode. You have placed two comments ahead of the XHTML Doctype Declaration. Moving those bits below the Doctype in the head of your document will trigger IE's Standards Mode.[2] Any code or comments ( including an XHTML prologue) appearing before the XHTML Doctype will cause IE 6 to switch. This condition should be fixed in IE7. Getting IE 6 in Standards mode should make it render more like FireFox. [1] http://www.quirksmode.org/css/quirksmode.html [2] http://www.alistapart.com/stories/doctype/ Hope this helps... Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] padding around image in IE6
Good Friday Afternoon to all jeremy*pinnix wrote: I have a class that is supposed to put 10 pixels of padding around an image. It works just fine in Firefox 1.5 Mac/Win, and also in Safari 2, but there is no padding in Internet Explorer IE 6. http://www.americanhomedesign.com/home George wrote Quirks mode rendering in IE6. Solution: Add a proper doctype[1] on top and make that page conform to chosen standard, and IE6 in standard compliant mode will render as you want. Tested your page with html 4.01 Strict - no problem. regards Georg [1]http://www.w3.org/QA/2002/04/valid-dtd-list.html -- To add to Georg's reply, I also like Zeldman's article at A list Apart [1]; Fixing Your Site With the Right Doctype!. The O Reilly Network [2] has a good article on Using Doctypes and there is valuable information in the CSS-D WIKI [3] located under Switching. Best to you all... [1] http://www.alistapart.com/stories/doctype/ [2] http://www.oreillynet.com/pub/a/network/2000/04/14/doctype/ [3] http://css-discuss.incutio.com/ Jim Nannery www.redfernenterprises.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Looking for reasons to use header tags - esp. for ADA
Morning Mike You wrote I did realize that I left off search engines after I wrote my message. Now, will my example #2 be sufficient for descent SEO? Also, do search engines have problems with skipped headers? Unless there was a question in there about styling header tags that I missed, this thread has drifted from html mark up to SEO. This question would be more appropriate at forum like webdesign-L [1] or see the CSS-D wiki [2] for more forums that can provide appropriate responses. Regards [1] http://webdesign-l.com/ [2] http://css-discuss.incutio.com/?page=OffTopic Jim Nannery www.beebar.net __ 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] Doctype and CSS
Afternoon Shelly You wrote Here's a question that was brought to my attention today... What, exactly, does the Doctype *do*? I know it determines how the browser should treat the display of the page and stuff...but what would happen if you used perfect CSS that's on par with today's standards, but served your website as HTML 4.01 Transitional? How out of whack would it throw your CSS? Are there things that HTML 4.01 doesn't even recognize, because it's not that far ahead in the game? If so, what? Would upping it one notch by adding the URI (or changing to HTML 4.01 Strict) make it function properly, or would you need to change completely to XHTML 1.0 Transitional at the very least? I was just curious...it was just an interesting thing that passed my way today, and I understand the need for the right Doctypes, but I couldn't find anything that *exactly* told me how to tell which doctype is best suited for whatever you're designing/recognizes (or doesn't) certain parts of CSS. Hope I made sense here! ~Shelly One if the best explanations and list of resources can be found a Matthias Gutfeldt's page on this subject. [1] If your document is in Standard mode browsers will use the modern Box model. In Quirks mode browsers will render the mark up using the old IE 5x box model. With Internet Explorer 6 or later, when you use the !DOCTYPE declaration to switch on standards-compliant mode, the width and height properties specify the distance between the left and right edges and top and bottom edges of the bounding box, respectively. The border and padding belts are not included. (from the MS library [2] ) When the !DOCTYPE declaration does not switch on standards-compliant mode, as with earlier versions of Internet Explorer, the width property includes the object's content box, plus the values of the following properties: border-left, border-right, padding-left, and padding-right. Subtracting the sum of the values of these properties from the value of the width property equals the width of the parent object's content box. Likewise, subtracting the sum of the values of the border-top, border-bottom, padding-top, and padding-bottom properties from the value of the height property equals the height of the parent object's content box. (from the MS library [2] ) There is also good infomation in the CSS-D Wiki [3] See Switching: Hope this helps a little. [1] http://gutfeldt.ch/matthias/articles/doctypeswitch.html [2] http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp [3] http://css-discuss.incutio.com/ Jim Nannery www.redfernenterprises.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] CSS newbie books
Good Morning I joined this group and I daily receive messages. I am a newbie to CSS. I would like to learn CSS. Please give me a set of books with authors so that I can learn from start in a step by step way. I know HTML (almost). I need to learn CSS now. Please advice. Welcome to the list. You'll find a great deal of information about CSS and it's practical uses in the CSS-D Wiki [1]. Especially check the section on Learning . There is a section on Books there. A google on css + books [2] returns a large number of resources. In addition to Dan Cederholm's books, you should also consider any of the books by Eric Meyer. Especially Cascading Style Sheets, the definitive guide (second edition). Best regards Jim Nannery www.redfernenterprises.com [1] http://css-discuss.incutio.com/ [2] http://www.google.com/search?q=css+%2B+bookssourceid=mozilla-searchstart=0start=0ie=utf-8oe=utf-8client=firefox-arls=org.mozilla:en-US:official __ 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 to ask and how to answer
Dear List
The following is intened as a gentle reminder to the entire list as we start
the new year.
This is included in the section of the CSS-D List Policies [1] under
What to Ask and How to Answer
A few words on the subject from Eric:
which is the answering of said questions. What I ask is this: if you're
answering a practical question, *first* make the answer practical and
*directly address the question*. Tell the inquirer how to do what they ask.
Do not berate or belittle them for asking it. Follow up your answer with
...but here's something else to consider if you feel it important to do
so, *but only after you've answered their question*. (The classic case here
being How do I set the font size of my page?) {emphasis added} .
.Above all, if you can't answer with a modicum of respect, or without
feeling somehow annoyed by the question, then DO NOT ANSWER AT ALL. I'm dead
serious about this. You may have seen and responded to a question six
thousand times, but the person asking has only heard it once: when they
asked it. They're asking it in order to fill a gap in their own knowledge.
Make your answer an encouragement for more questions, not an incentive to
unsubscribe. {end}
If you haven't read the Policy lately, it would be time well spent to review
it today.
Wishing you all the very best as we start the new year.
Jim Nannery
www.redfernenterprises.com
[1] http://www.css-discuss.org/policies.html#policies
__
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 extra space in ie6.x
Morning Scott
You wrote;
Hi all,
I have a 3 pixel problem at the end of a floated div. A width of 180px
works fine in firefox but forces the division below in ie to create a
empty
line. I use _width: 177px at the end of the navigation id and things line
up, but there is a gap of 3px at the end of this area (I used color
backgrounds to help show problem). I checked out the 3-pixel hack (
http://positioniseverything.net/explorer/threepxtest.html) but didn't see
how this could be used in this situation. Is it the correct hack and I
don't know how to manipulate it in this situation?
The problem is with the #navigation id near the bottom of the style area
webiste: http://www.baseballtriviaquiz.com/test/login.html (css included
in
file)
Thank you for your time and consideration,
Scot
Remove the following from your css : br.left{clear:left;} and the
_width:177px;, and from the xhtml br class=left / and your space(s)
will disappear. Works locally on the example provided.
IE is reading the only the br /, and not applying the class and not
clearing as you intended.
hth
Jim Nannery
www.redfernentrprises.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] CSS validator warnings on color vs. background andredefinition of padding
Afternoon Charles You wrote; I am almost done with a table-based XHTML/CSS redesign of my parish web site. www.allsaintsofamerica.org/new_site/index.html My CSS validates, but there are tons of warnings. I feel unsettled not correcting them, sort of like getting marks off by a teacher, but I honestly don't see the benefit of correcting many of them, and would like to ask the experts what the balance of risks and benefits is. First, many of them are that I specified a background color but no text color, or the reverse. My reluctance in correcting this is that some of my present rules work with a foreground color in contexts of two different background colors. Or vice versa: different background colors all of which work fine with a black text color. To correct this will require the addition of several additional lines of code that to this beginner, anyway, seem unnecessary. snipped Thanks! Charles A quick google of archivist.incutio.com (this list) [1] turned up a wealth of recent (and some not so)discussions on this topic. And some of the relevant links to this discussion can be found here [2] [3] Hope this helps [1] site:archivist.incutio.com + validator warnings [2] http://archivist.incutio.com/viewlist/css-discuss/63118 [3] http://archivist.incutio.com/viewlist/css-discuss/64795 Jim Nannery owner - www.redfernenterprises.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] External CSS for large, design-heavy Web apps
Afternoon Troy You wrote I'm looking for some best practices information on setting up external style sheet(s) for a large web site that has highly variable design elements from section to section. snipped If anyone can recommend a good article, or site devoted to this topic, I would be much obliged. Unfortunately, I'm new to this list, so I haven't had an opportunity to read along with any existing discussions. Thanks, Troy There is some great information to be found in the list wiki [1] Welcome to the list. [1] http://css-discuss.incutio.com/?page=MaintainableCss hth Jim Nannery owner - www.redfernenterprises.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] IE Style change
Morning Geoff You wrote Hi folks, I have just noticed that IE6 on XP SP2 is giving some form fields a yellow background and not others. Have a look here: http://www.1ontheweb.net/enquiries.html Anyone know why this is? Regards Geoff I'm betting you have a google tool bar installed. Your page looks fine on my win xp pro sp2 in both IE 6 and FF 1.0.6. However, on my win 98 se IE 5.5 with google toolbar, the form fields turn yellow. Hope that helps Jim Nannery owner - www.redfernenterprises.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/
