[css-d] Is this IE 3-pixel bug?
On my home page (www.leschambres.co.za/) towards the bottom of the page there is a section titled Franschhoek, Franschoek or Franshoek? with a green background. This is the #spellings div. In IE, look at the left of this div and you will see what appears to be a 3px gap. I've got a cc that tries to address this, but it's still there. !--[if lte IE 6] style type=text/css #spellings {margin-left: -3px;} /style ![endif]-- Adjusting this negative margin simply pulls the div away from the right side, without closing the gap. Removing the cc results in (what seems like) a 6px gap. Anyone help? Thanks, Bill __ 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] CSS Navigation Bar recomendations?
Hello all, I am looking to create a navigation bar for the header of my vBulletin driven website. Rather then using tables, I thinking of doing it with CSS. I already have the title and subtitle placed with CSS, but I am out of my depth with horizontal nav bars. Horizontal leyout, hover effects and drop down menus are preferred, but not necessary. Graphics are ok. Any tutorial websites or recommendations? Thanks! Jim __ 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] Is this IE 3-pixel bug?
Bill Stemp wrote: www.leschambres.co.za/ Yes, its the 3px bug, but it does affect more than just the #spellings content. The 3px bug is a hardwired IE property of floats, affecting the content of adjacent elements. As there is no way to stop it from doing so, the fix is to make room between the float and the affected element [1]. So you have a /right/ float #container, therefore, you'll have to make room on its /left/ side. Actually, you are fixing it on the wrong side (to prevent the sidebar from dropping down below the float), I've commented it out here: !--[if lte IE 6] style type=text/css /* wrong side #container {margin-right: -3px;} #sidebar {margin-right: 0;} #spellings {margin-left: -3px;} */ /* fix */ #container {margin-left: -3px;} /style ![endif]-- Ingo [1] http://archivist.incutio.com/viewlist/css-discuss/62893 -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Navigation Bar recomendations?
On 18/10/05, Jim [EMAIL PROTECTED] wrote: I am out of my depth with horizontal nav bars. http://css.maxdesign.com.au/listamatic/ -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Round Corner Tabs...
I want to create horizontal navigation tabs that have round-corners using only CSS. Is there a way I can do this with CSS only? Yes, I know you can do this with an image, my preference is CSS Thanks, There is nifty corners, but that involves JavaScript and a lot of extraneous markup: http://pro.html.it/esempio/nifty/ http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html And lots more on the WIKI: http://css-discuss.incutio.com/?page=RoundedCorners -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] Round Corner Tabs...
On 21/10/05, Spencer Ivery [EMAIL PROTECTED] wrote: I want to create horizontal navigation tabs that have round-corners using only CSS. Is there a way I can do this with CSS only? pedantNothing can be done with CSS only, you need at least some markup to hand it from/pedant CSS 3 drafts include a border-radius property. Some browsers have experimental implementations of it (such as -moz-border-radius). -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Display of image causes the following div's top margin to disappear in Firefox
Charles, It's the float left tag in your #header tag. I believe this causes the following tag to ignore this tags placement. Sorry I don't have more professional reasons as to why it doesn't work correctly with that tag, but getting rid of it repairs the problem. Thanks, Michael -Original Message- From: Charles Dort [mailto:[EMAIL PROTECTED] Sent: Friday, October 21, 2005 12:24 PM To: 'Michael Heath' Subject: RE: [css-d] Display of image causes the following div's top margin to disappear in Firefox Michael wrote, in part, The tag causing this issue is the #main tag with 100px margin... setting it to 0 or a low number will fix your problem. I'm sorry that I didn't present the problem clearly. I _WANT_ a non-zero top margin on #main. I only exaggerated it as large as 100px to make clear whether it was there at all or not. My problem is that in Firefox, at least, that top margin disappears if I have an image in the div above it. My question is: How can I _HAVE_ a top margin in that #main in Firefox? Without image: http://www.allsaintsofamerica.org/test/without.htmlWith image: http://www.allsaintsofamerica.org/test/with.html CSS: http://www.allsaintsofamerica.org/test/assets/temp.css Thanks! Charles __ 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] workarounds and ideas for avoiding fixed-width design?
Hi all, On my personal site - http://jayloden.com - I've got an image banner across the top. My problem is pretty simple; I want to avoid having a fixed width design (i.e. setting the page max-width to the width of the banner image), but still keep an attractive layout. At the moment, what I'm doing is simply centering the banner image, so that if you have a browser window wider than a fullscreen 1024x768, it just expands to the full width with the banner image centered across the top. On the plus side, I avoid annoying people like myself that run on high resolution displays, but I really don't like the way it looks (solid background colors on either side of the image). The image I'm using isn't particulary easy to repeat or stretch, either. I was hoping someone on the list would have some insight into how I can make my site banner more attractive on a large display (it's fine on anything 1024 and below) without having to resort to a fixed width. I'm open to all sorts of suggestions, so suggest away! Thanks in advance for all thoughts/opinions/suggestions :) -Jay __ 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] aligning select box and submit gif
Hi. I have a select box set up with a 20px image as the submit button. I've tried several approaches to get the select box and the button to line up so that they're more or less vertically centered (the gif is taller than the select box. I'd like the select box to appear left of the gif, equidistant from the top and bottom of the gif. None (adjusting margins, padding, placement on each element, placing them in a container div, etc) seem to work. Anyone have ideas? The offending button can be seen at www.thedebauchers.com/align.php I'm using this code: div style=position:absolute; top:300px;left:300px;height:100px;width:200px; img src=test.gif height=67px align=left Select your zip code form method=post action=whatever.php select name=zip option 60701/option option 60706/option /select input type=image src=arrow.gif / /form /div __ Yahoo! Mail - PC Magazine Editors' Choice 2005 http://mail.yahoo.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] Round Corner Tabs...
At 8:52 AM -0700 10/21/05, Derek de Jong wrote: Why is Mozilla using a proprietary moz- CSS property? Wouldn't it be easier, for them, to just begin supporting CSS3 properties? Is it because they don't properly implement the CSS3 border-radius? I don't want to delve too deeply into theoretical matters, but the answer is that vendor prefixes are the best way to do test implementations of properties in Working Drafts. That way, if the behavior changes before the WD goes to full recommendation status, it's easy to change along with it and not appear to break a non-proprietary property. This has already happened: 'opacity' changed the values it could accept from one WD to another. Thus, '-moz-opacity' was changed along with it. When 'opacity' becomes part of a full Recommendation, then Gecko can have full 'opacity' support right out of the gate. Until then, sticking with the vendor-prefixed version keeps authors on notice that it's a potentially changeable thing, and prevents any but we have customers! blockage. It's all as agreed by the CSS Working Group, actually. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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/
[css-d] How to set background transparency?
Hi, all... Is there a way to control the transparency of the background color of a DIV? background:transparency 50% ??? Thanks, Rick __ 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] quirks mode question
Tom Dell'Aringa wrote: Working on an internal project that runs on an old Epicentric portal installation. The pages have no DTD (and I cannot get one inserted - long story), so in IE6 the pages load in quirks mode. No DTD means it's quirks mode in _every_ browser on earth. I've got a vertical UL styled using the tantek hack,... The voice-family hack is extremely unreliable, and should not be used. --- If compensation between quirks modes in IE/win and Netscape(fall back for Mozzy), then a '* html' hack will do the trick, like so: #svmp_vert ul a {/*other rules*/; width: 156px;} * html #svmp_vert ul a {width: 140px;} Write complete styles to begin with, and compensate for IE/win (and also IE/Mac I'm afraid). This will work as long as there _is_ a 'quirks mode' in IE/win (forever, I guess), regardless of version. The '* html' hack will not work in IE7+ 'standard compliant' mode. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Bullets disappear on inline lists in IE
I have a problem. I am trying to create CSS for my resume that is completely self-contained and doesn't rely on any external URLs or attached files so that I can email my resume to somebody and know that it can be viewed offline without any problems. Here is what I have: http://youngbloods.org/resume.html The contact info that appears right below my name is separated by bullets on Firefox, but in IE the bullets aren't there. Everything I have found by searching on this bug says that you need to substitute the bullets for images and then it will work. But I'd like my page not to rely on any external images. Does anyone have any ideas? Thanks, Carl Youngblood __ 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] quirks mode question
--- Gunlaug Sørtun [EMAIL PROTECTED] wrote: The voice-family hack is extremely unreliable, and should not be used. Agh... it's been so long since I used a box model hack, I didn't realize that. I usually try and avoid box model issues altogether but I can't seem to avoid it on this menu. If compensation between quirks modes in IE/win and Netscape(fall back for Mozzy), then a '* html' hack will do the trick, like so: #svmp_vert ul a {/*other rules*/; width: 156px;} * html #svmp_vert ul a {width: 140px;} Write complete styles to begin with, and compensate for IE/win (and also IE/Mac I'm afraid). No need to support IE/Mac. Anyway, makes sense, so I did this: #svmp_vert ul a { font-size: 12px; display: block; padding: 2px 8px 2px 8px; background-color: #2175bc; color: #fff; text-decoration: none; width: 156px;} * html #svmp_vert ul a {width: 140px;} (I did this for each of the 4 levels) Testing is showing this is working just fine in IE6, but nothing else. Broken in FF, NS7 and IE5 and 5.5... Maybe I'm going about this the wrong way? Here is the page again: http://www.pixelmech.com/rev/menu.html (css is inline) http://www.pixelmech.com/rev/menu.css (css separated out for your convenience) Have I made a mistake implementing the hack, or am I simply going about things the wrong way? I've never had so much trouble with a nav list, although this one is nested 4 deep..still... Thanks! http://www.pixelmech.com/ A man spoke frantically into the phone: My wife is pregnant and her contractions are only two minutes apart! Is this her first child? the doctor asked. No, you idiot! the man shouted. This is her husband! Q: What do you call a muddy chicken who crossed the road two times? A: A dirty double crosser... __ 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] 3 Col Liquid Equal Heights that works?
have a look at http://webhost.bridgew.edu/etribou/layouts/index.html actually, i was looking at the wrong one. sorry. __ 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] quirks mode question
Tom Dell'Aringa wrote: http://www.pixelmech.com/rev/menu.html (css is inline) Have I made a mistake implementing the hack, or am I simply going about things the wrong way? I've never had so much trouble with a nav list, although this one is nested 4 deep..still... Now I'm really confused :-) You wrote in the original that there was no DTD, but then you're using an 'xhtml 1.0 transitional' in the test-page. You can't have it both ways, so before I start debugging; which is it, *DTD* or *no DTD* ? regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Hummmmm.....
Hi All, I was wondering what the group thought of this... http://www.cityphotographics.co.uk/ compared to http://www.tboult.co.uk Should I be happy that someone thinks what I've done is good enough for them to copy or is this blatant plagerism? TIA Trevor __ 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] Hummmmm.....
I was wondering what the group thought of this... http://www.cityphotographics.co.uk/ compared to http://www.tboult.co.uk Should I be happy that someone thinks what I've done is good enough for them to copy or is this blatant plagerism? Plagiatism, a form of flattery. It seems though that that is a sold piece of work, so email the owner of the domain to cease and desist. And please, next time use a subject that does tell what your email is about... -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] issue with safari/ border
i am building this page: http://chathamforest.blast.com/ the page validates for html and css I have it looking right on all browsers except safari. on safari the right side border of the whole content is an id called border on a td tag. it is one pixel off to the right. on the footer the pixel is off by one pixel too. this is controlled by an id called footercontent. are there any hacks having to do with padding/border compensation i need to be using for safari? any idea how to fix this problem? thanks for any assistance. a.burton __ 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] Hummmmm.....
http://www.cityphotographics.co.uk/ compared to http://www.tboult.co.uk Should I be happy that someone thinks what I've done is good enough for them to copy or is this blatant plagerism? Ha ha! Blatant plagerism! View the source: !-- This document saved from http://www.tboult.co.uk/ -- Too funny... __ 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] Website Copying was (Hummmmmm :0))
I was thinking of asking him for a days work £250, and suggest I could complete his navigation. Trevor __ 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] workarounds and ideas for avoiding fixed-width design?
On 10/21/05, Jay Loden [EMAIL PROTECTED] wrote: Hi all, On my personal site - http://jayloden.com - I've got an image banner across the top. My problem is pretty simple; I want to avoid having a fixed width design (i.e. setting the page max-width to the width of the banner image), but still keep an attractive layout. Actually, the best thing you can do really is to set the page max-width, if you want to keep that graphic. I don't see why you would want your page to stretch to 1600 or 2200 or bigger... sounds like it would be too wide. I max-width all my layouts because I know people with really wide screens tend to complain. -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] Good looking fluid-width sites
Maybe you just didn't use the right search queries? http://liquid.rdpdesign.com There's a resources section too, which might be helpful for you. -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] Website Copying was (Hummmmmm :0))
I had noticed the source code stuff but wanted to know how much does someone have to change a site before its become their property?, hence me asking the comparison. He was kind enough to leave a phone number, I shall call him tomorrow and refer him to my terms page and solicitor if he doesn't play ball. BTW are the messages on this group admissible in court? Trevor __ 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] workarounds and ideas for avoiding fixed-width design?
Jay Loden wrote: http://jayloden.com At the moment, what I'm doing is simply centering the banner image, so that if you have a browser window wider than a fullscreen 1024x768, it just expands to the full width with the banner image centered across the top. On the plus side, I avoid annoying people like myself that run on high resolution displays, but I really don't like the way it looks (solid background colors on either side of the image). The image I'm using isn't particulary easy to repeat or stretch, either. I was hoping someone on the list would have some insight into how I can make my site banner more attractive on a large display (it's fine on anything 1024 and below) without having to resort to a fixed width. I'm open to all sorts of suggestions, so suggest away! All sorts of suggestions? ;) If one image is not wide enough, so why restrict to just one image? http://www.satzansatz.de/cssd/layout/widebanner.html Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Rollover list border disappears
I'm back again with another query. I have some vertical roller lists with a 1px bottom border. I'm currently running in 1024x768 mode (XP), when I zoom out in Opera (usually around 80%) SOME of the borders on my rollover lists disappear. I've also seen the problem in Firefox with my code in the past (but can't reproduce it at the moment), it seems OK in IE - for a change ;) Interestingly, the same thing happens with some examples at maxdesign. Is this a bug (in my code and maxdesign?) or just expected behaviour when zooming out too far? I can 'kind of' get around it by giving a 1px top AND bottom border to each li, but then at normal resolution I have a 2px border which I don't want. maxdesign, eg 1: http://css.maxdesign.com.au/listamatic/vertical08.htm maxdesign, eg 2: http://css.maxdesign.com.au/listamatic/vertical18.htm my html: http://public.softectra.com/dev/lang/markup/css/cssd/211005_1/index.html my css: http://public.softectra.com/dev/lang/markup/css/cssd/211005_1/css/modern.css Any ideas? Thanks. Mark. -- Mark Batty __ 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] Website Copying was (Hummmmmm :0))
I wanted to know how much people copy other people CSS code. Is it a un-written rule that you can copy other peoples css code and adapt as you own? He me asking other CSS developers what they thought. It had crossed my mind the guy was a member of this list and would come back at me saying I'm being petty. Cheers Trevor - Original Message - From: Akins, Chris [EMAIL PROTECTED] To: Trevor Boult [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Friday, October 21, 2005 9:17 PM Subject: Re: [css-d] Website Copying was (Humm :0)) How is any of this related to CSS? On 10/21/05 3:05 PM, Trevor Boult [EMAIL PROTECTED] wrote: I had noticed the source code stuff but wanted to know how much does someone have to change a site before its become their property?, hence me asking the comparison. He was kind enough to leave a phone number, I shall call him tomorrow and refer him to my terms page and solicitor if he doesn't play ball. BTW are the messages on this group admissible in court? Trevor __ 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-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-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] Website Copying was (Hummmmmm :0))
Trevor Boult wrote: I had noticed the source code stuff but wanted to know how much does someone have to change a site before its become their property?, hence me asking the comparison. OK, time to put the moderator hat on. As fascinating as this topic may be, it is not germane to a CSS mailing list. Please send your responses to Trevor off-list, and feel free to continue your discussions there. There should be no more posts on this topic hitting the list. Thanks, -- -Adam Kuehn CSS-D List Moderator __ 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] quirks mode question
Georg wrote, in part, The voice-family hack is extremely unreliable, and should not be used. I'm a CSS beginner, slowly working through Dan Cedarholm's _Bulletproof Web Design_ and applying principles to my site, and he recommended this hack in the design of sites he argues are bulletproof, not in the sense of perfect safety, but largely so. This is a brand-new book, and I'm surprised to read that this particular advice, anyway, is extremely unreliable, and should not be used. I've been hoping that if I try to follow the recommendations in this book I won't have too many problems. May I ask for more details on what might happen if I use this in my site, how likely or frequently that might happen, and what I should consider as a better alternative? Thanks! Charles __ 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] Site Check
http://test.upc-orlando.com 3 column (home page) http://test.upc-orlando.com/ministries/children 2 column http://test.upc-orlando.com/gallery/gallery02.html 1 column I'm not a pro so be kind ;) No pro here either. I also just work pro-bono for non-profits. But I've received much help from this list will try to give back a little. This looks ok in win ie6 and firefox 1.7, but I'm sure it stinks in ie5 5.5 and who knows about Mac. Actually there is more work to do within the browsers you have available. I see you are targeting 800px window/viewport width. To avoid horizontal scroll bars on 800px viewports you need to set overall width to less. Many use 770px. I believe 748 is safe for most common browsers. Then play with font sizing. You fall victim to an IE misbehavior where extreme font changes result because you used 1em as the body default. Not that 1em isn't good -- these tired old eyes wish more folks start with that. Use percentage instead (only here, em's work fine after that). I use 100.01% and can't remember the exact reason for the fraction. I believe to work around an earlier Opera problem ... I can't figure out if and when and how to use what hack. You're doing the right thing to avoid hacks. Use them only when you have to. You asked us to be kind, so I'll only kindly offer that I was disappointed to see all the table tags. smile - Pat - http://xps.org/ and http://mhcug.org/ __ 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] Can I make my link attributes differ by table?
I'm very new to CSS, and have been toying with the look and feel of my poker forum. One problem I have run into is when users post articles with links within the article, the link color is too light for the white background of the article text. I was wondering if I could set the link attributes separately for links contained within a specific table. I tried a few things, but with my limited knowledge, all I did was make a mess. For the moment, I am just using a background on my links but it looks terrible in the context of the articles. I tried doing a google on this, but came up empty. Thanks, Jim -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.344 / Virus Database: 267.12.2/140 - Release Date: 10/18/2005 __ 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] Horizontal navigation problem - forefox.
Hi, I'm having problems with another horizonal navigation which I'm hoping someone can help me with. http://www.aycee.co.uk/x_temp/test.html (http://www.aycee.co.uk/x_temp/test.css) looks exactly how I want it to in IE but looks completely different in Firefox. Does anyone have any ideas how I can fix it so it looks the same in both? It seems that Firefox is not recognising the widths and heights of li's or a's and I've tried using padding but to no avail. Any suggestions would be very greatfully received. Thanks, Ali :o) ... Alison Lee [EMAIL PROTECTED] http://www.aycee.co.uk __ 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] Can I make my link attributes differ by table?
James Crispino wrote: I was wondering if I could set the link attributes separately for links contained within a specific table. Certainly. Give your specific table an ID attribute, and then just use: #tableID a:link {color: myColor;} #tableID a:visited {color: myOtherColor;} If that doesn't work for some reason, post the URL to the forum and we can take a closer look to see if something is interfering. HTH, -- -Adam Kuehn __ 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] Site Check
CUT I use 100.01% and can't remember the exact reason for the fraction. I believe to work around an earlier Opera problem ... I found a brief explaination at the end of this page (Listing 16) http://www.communitymx.com/content/article.cfm?cid=FAF76print=true Mark. __ 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] Horizontal navigation problem - forefox.
That's brilliant - thanks! Ali :o) -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Steve Clason Sent: 21 October 2005 23:53 To: CSS List Subject: Re: [css-d] Horizontal navigation problem - forefox. On 10/21/2005 3:18 PM Alison Lee wrote: I'm having problems with another horizonal navigation which I'm hoping someone can help me with. http://www.aycee.co.uk/x_temp/test.html (http://www.aycee.co.uk/x_temp/test.css) looks exactly how I want it to in IE but looks completely different in Firefox. Does anyone have any ideas how I can fix it so it looks the same in both? It seems that Firefox is not recognising the widths and heights of li's or a's and I've tried using padding but to no avail. Gecko doesn't like width on in-line elements apparently (too lazy to look at the spec), so taking a different route I tried this which seemed to work: #navigation li { width: 150px; float:left; text-align: center; text-transform: lowercase; }/*float: left is new*/ #navigation li a { width: 100%; height: 40px; line-height: 40px; color: #fff; border: 0; display:block } /*display:block is new*/ -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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-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] Re: Bullets disappear on inline lists in IE
If nobody has a solution for this, does anyone know if there's a way I can get only IE to use a character or symbol for a bullet instead of the default types? Or is there a way I can make text appear before my list items but only in IE? Thanks, Carl On 10/21/05, Carl Youngblood [EMAIL PROTECTED] wrote: I have a problem. I am trying to create CSS for my resume that is completely self-contained and doesn't rely on any external URLs or attached files so that I can email my resume to somebody and know that it can be viewed offline without any problems. Here is what I have: http://youngbloods.org/resume.html The contact info that appears right below my name is separated by bullets on Firefox, but in IE the bullets aren't there. Everything I have found by searching on this bug says that you need to substitute the bullets for images and then it will work. But I'd like my page not to rely on any external images. Does anyone have any ideas? __ 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/