Re: [css-d] Sliding Portfolio
You really should check out the CSS-based (a little bit of JavaScript) slideshows (and menus, among other things) at Project VII. See if there's anything there that would meet your needs. I have their menu builder, and the code validates. The customer service there is also awesome. I've gotten responses on the weekends and later at night. I don't EXPECT it, but I often get it. http://www.projectseven.com/index.htm Theresa On Jun 26, 2010, at 9:07 AM, Hoyd Breton wrote: Thanks for all the pennies, nickels and dimes. Cashing it all in. = ] I wanted to avoid the SWF route, not because all the hoopla but more as an exercise to learn the javascript ropes a bit. The solution that I opted with, and I'm using solution loosely here guys. Is that I used a slideshow that handles divs and within each individual div, I'm embedding the given project's slideshow. Two questions: • Could any of you guys recommend the most active/helpful html/css forum? This is my first all-html project and know that I have a bucket load of learning ahead. • I'm working off safari/chrome; and I realize that I need to do something to address the wonkiness that firefox is having; however, this is the link to my site [note: it is far from completed + i know that horizontal sites have a special place in most people's well of unusability] that being said constructively crit away: http://starkshumble.com/test/ Cheers, Hoyd __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
I'll have to try this... On Jun 3, 2010, at 9:28 AM, Thierry Koblentz wrote: I believe using overflow-y:scroll is a bit better as it does not create a scroll bar per se. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
Hey, I'm loving this fix, too. Theresa PERFECT THANK YOU :) This does create a space where the scroll bar would be but it makes sense to me to have an inactive scroll bar per se rather than a scroll bar that does not view additional page information. Cheers :) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
Because the contact page doesn't have a vertical scrollbar on the right, but the agreement page does. The whole page is jogging, not just the navigation. And actually, the contact page seems to be *stretching*, along with the jogging. Your HTML still has a few errors. I can't get your CSS page to validate. It's still loading in the validator. Still loading...still loading...still loading... A fix someone here gave me for the scrollbar issue is to set your html as html { height: 100.1%;} This makes all the pages have a scrollbar, whether they need it or not. My personal feeling on the matter is that you won't really notice or care about the scrollbar unless it's evident that more content needs to be viewed. If it's evident you've seen all the content, you won't be confused by its presence, because it fills the length of the scrollbar area. On the other hand, you do immediately notice if you're flipping through pages if the content of the page is jogging back and forth. Personal preference. ...still loading...still loading. I don't know why your CSS is not loading into the validator. Theresa On Jun 2, 2010, at 6:34 PM, Matthew P. Johnson wrote: If you toggle between http://www.applegateelements.com/contact.shtml and http://www.applegateelements.com/agreement.shtml why does the navigation shift? Interesting. Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | http://ecoitsf.com ecoitsf.com P Please consider the environment before printing this email. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
I'm stumped. I rarely run into this issue. On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote: How can I find out how to validate the css? Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, June 02, 2010 6:49 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] interesting nav issue - please help :) Because the contact page doesn't have a vertical scrollbar on the right, but the agreement page does. The whole page is jogging, not just the navigation. And actually, the contact page seems to be *stretching*, along with the jogging. Your HTML still has a few errors. I can't get your CSS page to validate. It's still loading in the validator. Still loading...still loading...still loading... A fix someone here gave me for the scrollbar issue is to set your html as html { height: 100.1%;} This makes all the pages have a scrollbar, whether they need it or not. My personal feeling on the matter is that you won't really notice or care about the scrollbar unless it's evident that more content needs to be viewed. If it's evident you've seen all the content, you won't be confused by its presence, because it fills the length of the scrollbar area. On the other hand, you do immediately notice if you're flipping through pages if the content of the page is jogging back and forth. Personal preference. ...still loading...still loading. I don't know why your CSS is not loading into the validator. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
That's what I do. On Jun 2, 2010, at 10:25 PM, Matthew P. Johnson wrote: Header: Correct. This is just temporary graphic... I noticed the vertical scroll is causing the issue on pages where there is content that exceeded the vertical screen. So do I have to give all the pages a vertical scroll bar to obtain consistency in the nav? Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, June 02, 2010 7:24 PM To: Matthew P. Johnson Subject: Re: [css-d] interesting nav issue - please help :) I have a 30 monitor (and a 20 - duals), and so if I take the browser window and pull it out to encompass your content, no scroll bar. On the contact page, if I make my window really small to be smaller than your content, I get a scrollbar. If I pull the window out the width of my monitor (or close), no horizontal scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the browser window, your banner art enlarges too. That's because you've set the width of your header image to 100%, so it will enlarge to fit 100% of the browser window. And if it enlarges via width, it enlarges via height, too. Theresa On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote: Interesting. I will have to play with this... I wonder why I am getting a scroll bar... _ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] interesting nav issue - please help :)
How is it inefficient to add html {height: 100.1%} to your CSS, which immediately applies this to all pages without so much as a how-do-you-do (since you are using an external style sheet)? To me, if you like the aesthetics of not having the nav jump back and forth horizontally, it seems like the *most* efficient way of doing it. Either the scrollbar is there, or it's not. If you are centering your page, you are going to have the problem. You don't notice the scroll bar over there on the side unless the height of the content makes scrolling necessary. Otherwise, you don't pay attention to it. Now you could spend hours (since you are a professed n00b) trying to absolutely position the nav, and take the chance it may not work in all browsers, or you apply the extra .1% of height to the html tag in your CSS, get a scrollbar on every page, and be done with it. Either that, or don't try to center the page in the browser window. Let it be flush left. Then it's a non-issue. Again, I got this fix from someone on this list. I've used it ever since. Works great. Takes two seconds to apply. Totally efficient. Theresa On Jun 2, 2010, at 10:31 PM, Matthew P. Johnson wrote: Interesting. Seems inefficient. Is there another way to stabilize the nav? BTW I am trying to get the backend of the site correct then I will focus on making it pretty. :0) Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Theresa Mesa Sent: Wednesday, June 02, 2010 10:27 PM To: Matthew P. Johnson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] interesting nav issue - please help :) That's what I do. On Jun 2, 2010, at 10:25 PM, Matthew P. Johnson wrote: Header: Correct. This is just temporary graphic... I noticed the vertical scroll is causing the issue on pages where there is content that exceeded the vertical screen. So do I have to give all the pages a vertical scroll bar to obtain consistency in the nav? Sincerely, Matthew P. Johnson | Eco I.T. 320 Warwick Avenue Oakland CA 94610 | 415.254.1563 | ecoitsf.com Please consider the environment before printing this email. -Original Message- From: Theresa Mesa [mailto:trixiesirishe...@gmail.com] Sent: Wednesday, June 02, 2010 7:24 PM To: Matthew P. Johnson Subject: Re: [css-d] interesting nav issue - please help :) I have a 30 monitor (and a 20 - duals), and so if I take the browser window and pull it out to encompass your content, no scroll bar. On the contact page, if I make my window really small to be smaller than your content, I get a scrollbar. If I pull the window out the width of my monitor (or close), no horizontal scrollbar. If I move it inward, scrollbar. I do notice that as I enlarge the browser window, your banner art enlarges too. That's because you've set the width of your header image to 100%, so it will enlarge to fit 100% of the browser window. And if it enlarges via width, it enlarges via height, too. Theresa On Jun 2, 2010, at 6:55 PM, Matthew P. Johnson wrote: Interesting. I will have to play with this... I wonder why I am getting a scroll bar... _ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox wont align content in a table properly -- SAFARI issue
On Jun 1, 2010, at 8:47 PM, Matthew wrote: Is this the how dare you make so many HTML/CSS violations and still seek our knowledge?!?!11? missive? If so, sorry for wasting your time. If not, please help me understand why my site doesn't work in Safari. Your message does nothing to help! Thanks! The eternal CSS n00b, Matthew _ But validation problems can make the page not work in certain browsers. It's a valid concern to validate your page. Before you even work in CSS, you *have* to have a good grasp of HTML. If you have a good grasp of it, then correcting the errors in your code should be a piece of cake, and will make the page more likely to work in Safari and in other browsers on both platforms. Safari is really not that difficult to make behave. CSS and HTML work in concert with each other. CSS does not operate in a vacuum. Once you get a handle on your HTML too, you will be that much closer to no longer being a CSS n00b. I'm no expert, but I'm no n00b, either. I spend about half my time working in print, so I get out of practice with coding. I make some dumb mistakes, but they're rarely because I did something that would make my HTML and CSS code not validate. It's also a lot easier to get help from others when I'm not making the people I'm asking for help from to do EXTRA work to try to figure out where my code is hiccuping. They're helping out of the goodness of their hearts. The least I can do is make sure I'm not making extra work for them. If I do, I can't be surprised if they don't help me at all. They're busy building sites themselves. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Transcendant web design and CSS3
Plus, I don't think the vast majority of website owners are going to permit the charges for the kind of time this would take, so while it would be worthwhile to try on one's own site, it's probably not best to effect this across all your sites in progress. Theresa On Mar 7, 2010, at 4:40 PM, Freelance Traveller wrote: This appears to be trying to make the page appear 'the same' (or at least very similar) in all browsers, while using the advanced capabilities that might be available. Mr Clarke is suggesting otherwise; an example in the book shows, for example, the serving of a completely black-and-white-and grey page when viewed with IE6, but full color (and certain graphical accents are completely different) when viewed with FireFox. I understand that one cannot expect to see THE SAME THING in all browsers, as though the screen was a printed page; nevertheless, the philosophy that I learned when I was first starting web design (and the use of CSS) was to try to avoid radical differences in the appearance from browser to browser, or screen size to screen size. That's what I've done with my website at http://www.freelancetraveller.com - but it appears that Mr Clarke disagrees with this philosophy, embracing its opposite, and THAT is what I am questioning. Thank you; this does indeed appear to be quite useful - and tells me that CSS3 is not ready for prime time, and probably should not yet be used as I'd like to use it. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Deprecations in recent versions of HTML cause C SS problems
One thing you must consider, too, is that on the web, you should only underline something that is an actual link, so you must find other ways to accomplish the intent of your cites. You may need to use quotes instead, except that book titles are not quoted. In APA style, book titles are italicized. Easy enough. Newspapers? Italicized. Magazines? Italicized. In fact, based on this article... http://owl.english.purdue.edu/owl/resource/560/02/ ...if you do not have the option of underlining and inline citation, you may italicize. You may need to contact the APA for more direction as to styling cites for the web. Theresa On Feb 9, 2010, at 6:23 PM, fred dagg wrote: As a learner when it comes to HTML/CSS I am a little confused about (apparently) recent changes to HTML, moving functionality to CSS. As an academic I have been required to reference others' work in my publications according to one style or another (by default I use APA5). In transferring these works to webpages some problems are presented. For example: given an in-line citation such as (McConnell, 2002) in an academic/scientific paper, the bibliographic reference might be: McConnell, S. (July, 2002) The Business of Software Improvement. IEEE Software pp. 5-7 Note that, in the one line, part (the title) is to be underlined, part (the journal title) to be itallicized and the remainder in normal face font. Since was deprecated in HTML, apparently because it was considered to be a presentation issue rather than one of content, this formatting in validated HTML 4.01 becomes clumsy. The only way I know of to do this involves: The Business of Software Improvement which is considerably more typing. I can't see any way to perform the process using CSS. Perhaps someone can help with that. Thanks. _ Feeling the financial pinch? Check on MSN NZ Money for a hand http://money.msn.co.nz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [OT] RE: u/u - why did it have to die?
I do believe Eric himself shut this conversation down a couple of days ago. It's not in any way related to CSS. Theresa On Jan 17, 2010, at 12:45 PM, Bob Rosenberg wrote: At 13:23 -0800 on 01/15/2010, Thierry Koblentz wrote about Re: [css-d] [OT] RE: u/u - why did it have to die?: I don't agree. RADAR is an acronym because you're not supposed to spell the letters. CPU is an initialism, because you are supposed to spell the letters. Considering CPU (or else) as both an acronym and initialism would allow two different pronunciations. Initialisms are a subset of Acronyms - IOW: All Initialisms are Acronyms since both stand for the initial letter(s) of a phrase (RAdio Detection And Ranging and Central Processing Unit respectively). The way the string is pronounced determines where an Acronym is also an Initialism. The pronunciation does NOT prevent a Initialism from being an Acronym. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: makeready ::
Everything has such a delicate, feminine look to it, except for the image outlines. Big chunky charcoal gray image outlines. Big chunkyHRs (or border-top, or border-bottom). In juxtaposition to Zapfino, with very thin thins, and thicks that aren't nearly as thick as the outlines. Theresa On Dec 22, 2009, at 1:14 PM, David Laakso wrote: Luis Speciale wrote: Hi David White is better. And the second About (vertical) why ? trimmed Cordially Luis Luis, I probably should know, but when it comes right down to it, your reply is so cryptic that I have no idea what you are getting at. Sorry. Best, ~d -- http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The holy grail
That would definitely be the Holy Grail... Stoopid IE. Let each browser express itself differently, as long as each is standards compliant and plays well with others. I find, at least so far, that with the exception of IE6, if I build standardized code that validates, I can get it to display almost exactly the same on every browser. Usually. Theresa On Nov 8, 2009, at 6:55 PM, Colin (Sandy) Pittendrigh wrote: The holy grail is that place we'll all be to (soon, I think) when we can finally stop worrying, thinking about and dealing with IEsicks. -- /* Colin (Sandy) Pittendrigh --oO0 */ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advertisement has unwanted link border around it
Does giving #sideNavBar li a { } a rule of border:none help? Text- decoration has nothing to do with a border. Theresa On Nov 7, 2009, at 3:29 PM, Brian M. Curran wrote: Hi, In IE7 and Firefox the advertisement on my site http://www.locallaw11of1998.com/ has an unwanted border around it, because it is a link. The ad is a CSS list as the code below shows. I tried a few ways of giving it text-decoration: none; but that didn't work. Does anyone know how to get rid of the border? #sideNavBar { padding: 0 10px; margin: 0; width: 140px; } #sideNavBar li { list-style: none; margin: 0; padding: 2px 0; } #sideNavBar li a { display: block; } #sideNavBar li img { vertical-align: bottom; } The home page HTML is: div id=contentIndex3 h2Ads/h2 hr/ ul id=sideNavBar li id=t-ad1a href=http://www.brianmcurran.com; target=_blankimg src=images/BrianMCurranAd.gif width=120 height=90 alt=BrianMCurranAd //a/li /ul /div Thanks, Brian __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
That's why Safari is giving you the missing image icon. The image your code is calling is missing, because it's not on the server. ;-) Which version of IE are you having the header issue with? To be honest, my attempts at making stuff work on IE are all hail Mary passes, but I'm learning. I'm thankful IE7 and 8 pretty much behave. OTOH, first of all, your site is XHTML Transitional. You should get out of the habit of doing your tags (in your CSS) in caps. I'm thinking your problem would be with how IE handles the box model, especially earlier versions of IE. Someone more studied than me is going to need to figure it out. All I know is the things look really tight in there looking at it through the FF Web Developer toolbar CSS menu (View Styles), and your h2 and p edges are so wide, they're going under your red box. IE may not be handling it the way you want it to. I'm reposting the link to your site here so others can maybe help. http://www.copywritecolombia.com/test.html Theresa On Nov 8, 2009, at 4:21 PM, Ed Goodson wrote: Hi Theresa, Thank you for the email, the LOGO.jpg is not uploaded that is why it is not showing. I do have an issue on IE though at the moment, the text string: Header2 and the text below is not showing within the confines of the grey background image. How can I make sure that this shows in the right place? Thank-you very much, Kind Regards, Ed - Original Message - From: Theresa Mesa trixiesirishe...@gmail.com To: Norman Fournier nor...@normanfournier.com Cc: CSS Discuss css-d@lists.css-discuss.org Sent: Saturday, November 07, 2009 8:20 PM Subject: Re: [css-d] Site check please Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advertisement has unwanted link border around it
Thanks - I'm getting better. Enough to answer the occasional question and be close to correct. LOL! Theresa On Nov 7, 2009, at 5:29 PM, Brian M. Curran wrote: Theresa wrote: Does giving #sideNavBar li a { } a rule of border:none help? Text- decoration has nothing to do with a border. Theresa On Nov 7, 2009, at 3:29 PM, Brian M. Curran wrote: Thanks Theresa, you basically got it. I applied border:none; to #sideNavBar li img {} and it worked! __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa On Nov 5, 2009, at 3:01 PM, Norman Fournier wrote: Safari 4.0.3 shows me an image missing icon in the upper left and corner. On 4-Nov-09, at 4:46 PM, Theresa Mesa wrote: What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] issues with IE 8
The HTML on your home page doesn't validate, with 26 errors. Just validating your HTML can do a world of good for your site and might clear up your problems. Among other things, style has been misspelled on your h3 tag at line 70. Theresa On Nov 4, 2009, at 1:39 PM, ayman bs wrote: Hello, I have some problems with IE7 and less in showing this webpage: http://x.xtreemhost.com/iimec/ http://www.iimec.net Could anybody please explain any technical reasons to avoid such issues? Could anybody please suggest a way to fix the problem in IE7 and IE6? Thank you in advance. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 2 questions: 1) Different margin/padding for IE7? and...
First, here are the links: http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.cssl http://mdh-test.com/PV_web/p7pmm/p7PMMh10.css Question 1: IE 6 is just broken outright, especially because of alpha transparency. My client doesn't care to spend the money to fix it. I've created a conditional comment to warn IE6 users. It's looking great everywhere else but IE7. I'd like to have more space between the navigation and header in IE7. How do I serve up a different spacing to IE7? Question 2: The fixed image in the bottom right corner looked great with a long page, but my client's pages are going to be shorter, which, depending on where the browser window has been resized to, makes it look just funky and broken, with too much space between the footer and the fixed image. I'm starting to think I should just lose the art. I really like the effect of having the image in the lower right of the center area, with a higher z-index, with what's above it scrolling under it, but I don't know how to make that happen, if it can happen at all. It worked in CSS Zen Garden's Under the Sea because the fixed artwork was so wide, and the page was so long. Any suggestions? Theresa Mesa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check
Sometimes it's not the designer, it's the client. Since it's their money, ultimately it's their decision. The designer can try to direct them, advise them, cajole them, but the client will get what the client wants, in the end. On Oct 9, 2009, at 11:43 AM, JG wrote: While I agree, its ashame that many designers choose the rigid My size, without thinking about the user, and feel its more important to make the screen look beautiful. On the other hand, I applaud sites like Yahoo that attempt to keep the control in the hands of the user. Perhaps the only time this will change is if users begin to voice their distaste for such poor design tactics. Joe __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I had it, I lost it, I can't think! Help? PVII drop-down menu
http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css http://mdh-test.com/PV_web/p7PMMh04.css I'm using a drop-down menu from Project VII. I haven't finished styling for colors and such. I'm having just a bit of an issue. This was mostly fine yesterday, and I mucked it up. This menu has to fit into 421px wide. In FF on a Mac, the text size and placement is great. When I roll over the first and last link, the gray goes to the edge of the black box. In IE7 and Safari (I haven't checked IE8 yet), the text placement is too close to the center, as you can see when you roll over the first and last links. I need to spread them out more without breaking Firefox, and have that black edge go away on the first and last links. Can you help me figure out what I'm doing wrong? It's probably something really simple, but I can no longer see the forest for the trees. This is gonna break on zoom - I know. Thanks so much!!! Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How do I comment out a background image for IE6?
I have a background image with alpha transparency (a drop shadow) in a div behind my menu. IE6 doesn't support alpha transparency, as you know. What I'd like to do is just create a style for IE6 that removes the div's background. I'm unsure as to how to comment out for IE6, and what I've googled is not making a lot of sense to me. Can anyone please help me? In case you need it: http://mdh-test.com/PV_web/index.shtml Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] :: page review :
Very nice. Theresa At 10:33 PM -0400 10/4/09, David Laakso wrote: I have a semi-comp layout that I would appreciate your comments and suggestions on. Sorry, but a login/password required to view. login: dgdemo password: dgdemo uri: http://chelseacreekstudio.com/dg/ css: embedded Thanks. ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between paragraphs too large
I'm a print person from way back before we were using these newfangled computers to do our work. I was also a typesetter. Serif fonts for body text are great for print, not so much for the web. Especially as small as you have the text. I'd have to really, really want to read the article to muddle through all that smallish serif text. The monitor takes that text and breaks those little serifs into pixels. Instead of the serifs causing the characters to flow into each other, as in print, they just get clunky. On a PC - which tends to thin out the strokes - they're even worse, unless people know how to set their anti-aliasing (most older users I deal with are lucky to know how to turn on their computer). Unless your target market is the twentyish crowd...I'm thinking your demographic is spread out along the age continuum a little more than that. Serif headers are a great counterpoint to a sans-serif body. Theresa On Oct 2, 2009, at 3:45 PM, David Laakso wrote: Brian M. Curran wrote: Brian M. Curran wrote: The site is www.locallaw11news.com Thank you for the reply. I was aware of that. I was wondering if there was a way to proportionally reduce the space, to match the 8% text size reduction? It seems that when I specified 92% that the text size reduced, by the spacing between paragraphs did not??? No there is not a way to do that. It is the same with CSS as it is with print typography. The size of the type specified is the size of the glyphs of the font specified. The horizontal gutters between paragraphs and headings are set with more lead in hot-metal; and, they are set with a margin on the Web. In other words there is no direct correlation between the font-size and the horizontal-gutters in CSS, other than the individual browser default for margin. To kill the default margins add p {margin: 0 0 0 0;}. To adjust the horizontal-gutter to suit your particular and quite peculiar personal concept of typographic taste, tweak the margin-bottom to adjust the height of the gutter. In hot metal, you would have added or removed lead. PS The purpose of typography is to make content readable. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I'd like to do something impossible
Here you go - easier in Fireworks: http://mdh-test.com/compTextWrap Does this help? Theresa On Sep 28, 2009, at 9:37 PM, r...@catjuggling.com wrote: Can you mock it up in photoshop and post the image? It would be easier to envision what you are trying to achieve. Russ - Original Message - From: Theresa Mesa trixiesirishe...@gmail.com To: css-d Group css-d@lists.css-discuss.org Sent: Monday, September 28, 2009 7:59 PM Subject: [css-d] I'd like to do something impossible http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css I know, I'm thinking like a print person, but here you go: I want to take that circuit board image and pull it out about half its width into the right side, and have the text wrap around the edge that's left in the content div. In other words, half the photo is in the text with the text wrapping around it (10px padding), and half the photo is to the right, in the white area. I've been playing around with negative margins and absolute positioning, and as expected, it's not working. I know CSS is powerful, but is it this powerful? My client hates boxy - he wants more of an organic flow. If it can't be done, it can't be done, but I sure would like to try - AND have it work across most browsers. Impossible? Can anyone help me? Please? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I'd like to do something impossible
Sorry - very late. http://mdh-test.com/compTextWrap.png Can you mock it up in photoshop and post the image? It would be easier to envision what you are trying to achieve. Russ - Original Message - From: Theresa Mesa trixiesirishe...@gmail.com To: css-d Group css-d@lists.css-discuss.org Sent: Monday, September 28, 2009 7:59 PM Subject: [css-d] I'd like to do something impossible http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css I know, I'm thinking like a print person, but here you go: I want to take that circuit board image and pull it out about half its width into the right side, and have the text wrap around the edge that's left in the content div. In other words, half the photo is in the text with the text wrapping around it (10px padding), and half the photo is to the right, in the white area. I've been playing around with negative margins and absolute positioning, and as expected, it's not working. I know CSS is powerful, but is it this powerful? My client hates boxy - he wants more of an organic flow. If it can't be done, it can't be done, but I sure would like to try - AND have it work across most browsers. Impossible? Can anyone help me? Please? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Repost of impossible question
I'm going to try this again. I saw some replies this morning but hadn't read them yet, and was trying to delete only the emails I'd read in the Gmail interface. I was mistaken. I deleted the unread replies too. I'm so sorry! http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css Sample image: http://mdh-test.com/compTextWrap.png I want it to look like the sample image above, so yes, I want that white space on the right. I want half the image to be in the text with the text wrapping around it, and the other half of the image hanging on the outside into the white space. I know there's a bunch of white space on top of the text, but I still have to put in navigation and the header, and I'll likely be changing the amount of margin on the top. I've played with margins, positioning, padding. I am clearly doing either something wrong or something that is not possible in CSS in conjunction with all the other parts of this site. I'm shooting for cross-browser compatibility, but if IE6 won't play, that's okay too. An inline image within the text is just fine. IE6 is already not going to play with my position:fixed element at the bottom. Can anyone PLEASE help? Or am I the first person to ever want to do this? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index Issue?
You need to give us the link to the site... Theresa On Sep 29, 2009, at 12:33 PM, christi...@netscape.net wrote: On this site I have a hover effect on the photos on the right. Works good in Firefox and IE8 but on IE7 the larger version of the image appears behind everything else. I have tried tweaking z-index values of several elements but to no avail so far. I'll keep working on it but if someone sees a solution before me let me know. Thanks in advance. Signed, One of the many people with the first name Christian who is into CSS __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Repost of impossible question
I ended up applying a negative right margin - which I could swear I did before, but it didn't work - to the img.interject, and now it works. I'm tweaking it slightly, but looking at the captures in Browsercam, it's working in all the browsers I care about (which is quite a few). Thank you, though! Theresa On Sep 29, 2009, at 1:01 PM, Val Dobson wrote: OK - reposting: I've done something very similar recently. It's not too difficult. Create a container div that holds both your text and the image. Then create a div to hold the image and give that a minus margin-right, with float:right and clear:left. In the markup, put the image-div inside the container div. That should give you the effect that you want - you can see what I did here: www.oakleafcircle.org.uk/dmk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Repost of impossible question
Actually, I did the same kind of thing (can't post a problem and not keep working on it!), but used margins instead, since IE gets so pissy about stuff like that. I checked the site in Browsercam, and most browsers look like I want them to. IE6 looks like it made the image smaller, but that's no big deal. Browsercam makes such good money off of people because of lack of cross-browser compatibility. Thank you! Theresa On Sep 29, 2009, at 2:23 PM, Chris Akins wrote: On Tue, Sep 29, 2009 at 1:58 PM, Theresa Mesa trixiesirishe...@gmail.com wrote: I'm going to try this again. I saw some replies this morning but hadn't read them yet, and was trying to delete only the emails I'd read in the Gmail interface. I was mistaken. I deleted the unread replies too. I'm so sorry! http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css Sample image: http://mdh-test.com/compTextWrap.png I want it to look like the sample image above, so yes, I want that white space on the right. I want half the image to be in the text with the text wrapping around it, and the other half of the image hanging on the outside into the white space. I know there's a bunch of white space on top of the text, but I still have to put in navigation and the header, and I'll likely be changing the amount of margin on the top. I've played with margins, positioning, padding. I am clearly doing either something wrong or something that is not possible in CSS in conjunction with all the other parts of this site. I'm shooting for cross-browser compatibility, but if IE6 won't play, that's okay too. An inline image within the text is just fine. IE6 is already not going to play with my position:fixed element at the bottom. I got something to work with just a p and img. It's shown at: www.springfieldmo.gov/impossible.html All styles are intentionally inline so you can see immediately what they're attached to. I will say, I've only tested this in Firefox IE, so I can't say if Internet Exploder does right with it. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index Issue?
It's probably not a good idea to have a photo pop up that is so pixelated. IE support for :hover is buggy, from what I read when I Googled it. You might want to correct your CSS - there are 7 errors. Theresa On Sep 29, 2009, at 12:52 PM, christi...@netscape.net wrote: You need to give us the link to the site... Theresa Yes, I am also absentminded. Here it is: http://www.flowerscostamesa.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] My fixed object is missing altogether
http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css I am trying to do the same thing here... http://www.csszengarden.com/?cssfile=/213/213.csspage=0 ...with an image fixed in the bottom right corner. Why is my image not showing up? I've triple-checked the file name. I've triple-checked that the file is on the server. I've moved the files onto the server a couple of times. I've checked this in Safari on the Mac. No image. I know IE6 doesn't handle this very well and will just put the image at the bottom of the page. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My fixed object is missing altogether
Oh, Lordy. How dumb am I? On Sep 28, 2009, at 3:28 PM, Bobby Jack wrote: --- On Mon, 9/28/09, Theresa Mesa trixiesirishe...@gmail.com wrote: Why is my image not showing up? I've triple-checked the file name. http://mdh-test.com/PV_web/cornerart.png gives a 404 - you want to be using url('images/cornerart.png') in your CSS, not just 'cornerart.png'. - Bobby __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I'd like to do something impossible
http://mdh-test.com/PV_web/index.shtml http://mdh-test.com/PV_web/pvg.css I know, I'm thinking like a print person, but here you go: I want to take that circuit board image and pull it out about half its width into the right side, and have the text wrap around the edge that's left in the content div. In other words, half the photo is in the text with the text wrapping around it (10px padding), and half the photo is to the right, in the white area. I've been playing around with negative margins and absolute positioning, and as expected, it's not working. I know CSS is powerful, but is it this powerful? My client hates boxy - he wants more of an organic flow. If it can't be done, it can't be done, but I sure would like to try - AND have it work across most browsers. Impossible? Can anyone help me? Please? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] My fixed object is missing altogether
Yeah, that was the problem...I'm a moron, because I know better. :-/ Thanks, though! Theresa On Sep 28, 2009, at 8:56 PM, r...@catjuggling.com wrote: Another thing to consider is the path from the css file to the images folder. If your css file is inside a css folder it may not know where to find the image. If that is the case, you would need to change the url to: url('../images/cornerart.png'). __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] moving content
Someone here gave me a fix for this - slightly inelegant, but it works, and validates: html { height: 100.1% } This forces a scroll bar on every page. No more moving or jogging. On the pages that don't need a scroll bar, the scroll bar indicator is the height of the page. There's no space below to indicate you should scroll. On Sep 22, 2009, at 10:10 AM, Peter Hammarling wrote: http://www.bucktroutcreative.com/co/contact.html http://www.bucktroutcreative.com/co/services.html Hi- I'm working on the services and contact page for this site. For some reason when toggling between them, all of the content (including nav) seems to move slightly. Does anyone know a fix for this. Thanks! Jen I don't get any moving on any Mac browsers. Could it just be that the extra depth of 'Services' is causing a scroll bar to appear, thus visually nudging everything? Peter H. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New site went live today
Your nice CSS has 2 errors and 25 warnings, and your HTML has 5 errors and 1 warning. That's cool what you did with the people, though! Theresa On Aug 28, 2009, at 12:57 PM, Sarah Atkinson wrote: I have been working on this site for almost a year and today it when live ..YAY http://cookbiotech.com Check out my nice css people on the products page (rollover and click on them) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] external link indicators
On Aug 27, 2009, at 7:25 AM, Michael Stevens wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Bobby Jack Anything's better than opening links in a new window, though :-) Not much is more irritating to me than a site that DOES NOT open external links in a new window or tab. Mike I absolutely agree. So, if I go to this link in the site, and I decide to do some digging around in the new site, now I have to drill back up to get to the original site. If I'm REALLY lucky, the person in the new site will have coded their site in such a way that I'm trapped in their site, and even the back button just refreshes the page I'm on, so now I have to either reenter the URL of the page I was on, or go into my history and hope that one of the URLs in that list is recognizable. I wish I could say I always have the presence of mind to just right click the link and open the new window, but I don't. I much, much prefer to have links open up in new windows or tabs. I'm always thankful for it. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] validating CSS
To me, that's like saying that you don't care if your text or layout looks okay, as long as the HTML is okay. Or saying you don't care if it works in any other browser except IE6, or any other platform than the PC. That might be fine for a site only you and a few friends are going to visit, but not if you or your client is using the site to sell products or services. Bad code often doesn't display correctly or breaks outright, especially in persnickety browsers. HTML and CSS work hand in hand. You need to make sure each of them have been written correctly. How do you harness the power of CSS if you're just slapping it together with no regard to its correctness? If I were going to hire a coder to take over some of my workload, the first thing I'd do is check some of the websites they've created. In fact, I just got the opportunity to do that very thing today. I'd look at their source code to see what kind of coding they do (for purposes of SEO), then I'd validate the HTML and CSS of the sites. If the sites didn't validate, I wouldn't hire them (and I didn't). CSS isn't going away. I'd need someone who knew what he or she was doing and would be ready to take their coding to the next level. Theresa On Aug 26, 2009, at 8:57 PM, Michael Adams wrote: On Wed, 26 Aug 2009 22:57:36 -0400 Came this utterance formulated by jeffrey morin to my mailbox: I was discussing some CSS techniques the other day and someone brought up a point of a certain fix that I use not validating in the CSS validator. I have never really been overly concerned with validating my stylesheets as long as the html was good. Is there a certain benefit to validating your CSS or is it mainly just for purity sake? The CSS validator is a developers tool (as is the HTML validator). I use it to check for syntax errors. Having said that there is very little reason for using bad CSS nowadays. I have my IE8 CSS in a seperate file that the validator won't find. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes
On Aug 20, 2009, at 5:44 AM, Tod wrote: Sorry this might be a little off topic but I'm curious what others are doing regarding the use of iframes. I've always heard they were bad and that the W3C is slowly working on phasing them out but google's mixed results don't seem to support that. I don't really use them myself and usually get along just fine with straight HTML and CSS but I'm curious to see what others are using. - Tod Here's Google's thoughts about iFrames: http://www.google.com/support/webmasters/bin/answer.py?hl=enanswer=34445 Just because it's supported by W3C doesn't mean it's search engine- friendly. W3C and Google are two separate entities. And that's why it's wildly off-topic for CSS. How CSS helps or hinders your search engine results is a topic for another mailing list or forum. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari Alignment Problems
*Neither* site's HTML validates to the W3C validator. Neither site's CSS validates, either. It's good to get the validation of both taken care of first. It's amazing what can be fixed in a browser if the code validates. Theresa On Aug 19, 2009, at 9:29 AM, Ecklund, Karen - DNR wrote: I'm a web publisher for an online version of a magazine. Story pages are not displaying correctly in Safari. I'm not well-versed in the use of css but I can have another colleague interpret your responses for me. I have validated the html. Here are my two issues: #1 http://ua.dnr.wi.gov/wnrmag/testing/20005855.jpg BrowserCam screen shot of a Safari 2009 story page Problem: all page content is shifted far right and creates a horizontal scroll bar Link to CSS: http://dnr.wi.gov/wnrmag/css/wnrmag.css Link to Live page: http://dnr.wi.gov/wnrmag/2009/08/tanager.htm #2 http://ua.dnr.wi.gov/wnrmag/testing/20006322.jpg BrowserCam screen shot of a Safari 2005 story page Problem: horizontal navigation bar and page content are overlapping Link to CSS: http://dnr.wi.gov/wnrmag/css/story.css Link to Live page: http://dnr.wi.gov/wnrmag/html/stories/2005/apr05/light.htm Any insight you can provide is greatly appreciated. Karen __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] embed CSS styles right within HTML page?
I would say the only time I would embed a style sheet is if the site is one page only, or that style is specific to that page and no other page in the site. Otherwise, if you need to make a change, you have to go in and change each page. That costs your client money. It's the same reason I use server side includes for things that are the same on each page, like a header, navigation, footer, text-based links at the bottom of the page...especially navigation and text-based links, so if I add or remove a page, I change the navigation/links once and upload the file. Theresa On Aug 18, 2009, at 8:59 AM, Ce Ce wrote: Hi, I always code my CSS on a separate style sheet. But I've seen some beautiful/contemporary sites with some CSS embedded within the html page, with accompanying style sheets also. How do you determine if it might be best to embed some styles right within the html page. Thanks, CC __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
I've learned much from this discussion. Thank you! Theresa On Aug 11, 2009, at 1:37 AM, Dave Sherohman wrote: That's an easy one... 300px x 454px x 3 bytes/px = 408,600px, or 399.0234k of actual, uncompressed image data. Add some headers and metadata, and 399.3k sounds about right as a final uncompressed file size. Save for Web and Devices applied jpeg compression to the image, producing a file size smaller than the actual uncompressed image size, but it still has to be decompressed in memory back up to its full 399k to be displayed. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
I'm designing for a *web* site. I'm not designing a business card. If I plan for people to print it out, I can create a style sheet for that. I design for greatest usability and accessibility, if possible, checking on the PC platform and Mac platform in a number of browsers on each, but it's still for the web, not for print. What other people would I be designing for? I don't see your point. Theresa On Aug 11, 2009, at 7:33 AM, Michal Suchanek wrote: 2009/8/11 Theresa Mesa trixiesirishe...@gmail.com: But...the web isn't print. So, unless I'm creating a separate style sheet for print, I really don't care how it looks for other people. Theresa Then you can as well draw a picture, print it out, and stick it to your wall. Or put plain text files on your site, no need to bother with those angular HTML tags or styles. Or put Illustrator files there. The fact that 90% people cannot open them should not stop you - you don't care how it looks for them, do you? Thanks Michal __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
But...the web isn't print. So, unless I'm creating a separate style sheet for print, I really don't care how it looks for other people. Theresa On Aug 11, 2009, at 2:11 AM, Michal Suchanek wrote: On the other hand, designing in pixels is like saying I design this web for my screen and I don't care the least how it looks for other people. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
On Aug 10, 2009, at 9:00 AM, Lalena wrote: Is computer-screen resolution still 72 dpi? Or do some of these newfangled monitors have a higher resolution? Thanks! Suzi __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ It think it's still best to optimize your images for 72dpi - 96 max - because higher DPI images create larger file sizes, which make your web pages larger file sizes, which make them longer to download. Most people will not wait longer than 3-10 seconds for your page to download, and most of those will only wait closer to 3 seconds, unless they really, really, really want to see your site. Download times are going to be, in most part, due to the quality of internet connection the end user has, not what kind of monitor they use. Monitor size would affect the width of the page you're creating. You have to plan for people using 12-inch monitors/netbooks all the way up to my behemoth 30-inch monitor, or bigger! We haven't even discussed the mobile user, so page size is going to be even more important. Mobile phone internet speeds remind me of something closer to dial-up, so you might want to serve up a mobile-based style sheet too. People on small monitors will have to scroll, scroll, scroll - horizontally and vertically. They really hate that. People on huge monitors will see a lot of air on the sides of your page, but if you set your content box width for something like 100%, you could easily end up with a foot-and-a-half-long text line of small type. Not exactly readable. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
On Aug 10, 2009, at 11:03 AM, tedd wrote: At 10:33 AM -0700 8/10/09, Michael Stevens wrote: Image resolution has nothing to do with it's pixel size. For the web the only thing you have to worry about are the pixel dimensions. An 800x600 pixel image is going to display EXACTLY the same whether it is 72 dpi or 600 dpi. Mike As odd as that sounds, that's true. It too me a while to understand that. Cheers, tedd Interestingly enough, as a learning exercise, I opened an image in Photoshop, set the image size to 300px x 454px. File size was 399.3K, regardless of what PPI it was. You were correct, Mike. Then I saved the image in Photoshop's Save for Web and Devices. Image quality, jpeg, maximum (100). Image size, 300x454. File size, 93.25K. When I open that image that I saved from Web and Devices to my desktop, it's 399K. But Save for Web and Devices just told me the image was 93K. Now we're getting out of the realm of CSS, so I'll take this interesting question to Adobe's forums. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
On Aug 10, 2009, at 12:28 PM, Michael Stevens wrote: -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Theresa Mesa Interestingly enough, as a learning exercise, I opened an image in Photoshop, set the image size to 300px x 454px. File size was 399.3K, regardless of what PPI it was. You were correct, Mike. Then I saved the image in Photoshop's Save for Web and Devices. Image quality, jpeg, maximum (100). Image size, 300x454. File size, 93.25K. When I open that image that I saved from Web and Devices to my desktop, it's 399K. But Save for Web and Devices just told me the image was 93K. Now we're getting out of the realm of CSS, so I'll take this interesting question to Adobe's forums. This question was never in the realm of CSS... :) I think you may be confusing the disk size of an image with the actual size. When working in Photoshop it will always display the image's size and it will never change provided you are working on a single layer and you don't change the pixel dimensions of it. Once you save it JPG/PNG/GIF/LZW compression will drop the disk size dramatically. File size != disk size when using a compressible format. Mike I was talking about the *saved JPEG*. 1 layer. When I right-click and Get Info on the file, it says the JPEG is 96K. When I *open the JPEG* in Photoshop, it's back up to 399KB. I sense an epiphany coming up for myself. This is only fleetingly related to CSS in that CSS can dramatically reduce the page size. So can optimized images. Other than that, Pfffttt. I wonder how long this conversation will continue before a list-parent steps in? Back to work. I have a bugger of a web site to finish designing and then build. It will certainly stretch my CSS skills, and get me better versed in positioning. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
Thank you! On Aug 10, 2009, at 3:26 PM, Rob Emenecker wrote: I was talking about the *saved JPEG*. 1 layer. When I right-click and Get Info on the file, it says the JPEG is 96K. When I *open the JPEG* in Photoshop, it's back up to 399KB. The GET INFO shows the file size on your hard drive (media, etc.). The size in Photoshop shows the size of the image (not necessarily the file) as an uncompressed raw image. ...Rob Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. Theresa Mesa Whatever is true, whatever is honorable, whatever is right, whatever is pure, whatever is lovely, whatever is of good repute, if there is any excellence and if anything worthy of praise, dwell on these things. Philippians 4:8 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screen resolution?
What I find amusing about the admonition to use points is that points are printing-industry-based, not monitor- or Web-based. There are 12 points in a pica, or 72 points in an inch. Back in the day, one pica was .166 of an inch; now it is 1.6 of an inch. But we don't use inches or picas when discussing the web. I'm aware of the discussions about using point sizes on the web, so I'm not opening that discussion. An em is another issue. On the surface, an em is a unit of measurement that uses the width of the capital M in a font. An en is a unit of measurement that uses the capital N of a font. Except with many fonts nowadays, there may be no capital M's or N's, or the caps (or rest of the letters) are a weird height or width. With CSS3 gaining support, and therefore font-embedding, this will be an issue. I used to be able to take an E Gauge (a type size gauge), find the cap height of a capital E, and then be able to tell what the font size was. Not so much anymore. http://en.wikipedia.org/wiki/Pica_(unit_of_measure) http://desktoppub.about.com/cs/intermediate/a/picaspoints.htm Don't even get me started on leading. Theresa (graphic designer - and old-time typesetter - for 38 years now) On Aug 10, 2009, at 3:50 PM, Michael Stevens wrote: -Original Message- From: hramr...@gmail.com [mailto:hramr...@gmail.com] On Behalf Of Michal Suchanek The problem is that the physical size is what the user sees, not the pixel resolution. That's why it's better to avoid pixels and specify sizes in points or other physical units where possible. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Where do I make a suggestion for the Policies page?
On Aug 5, 2009, at 7:24 AM, Eric A. Meyer wrote: Theresa's suggestion to modify the Policies page is well taken, and I will do so now. Thank you, Theresa! -- 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 [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ My pleasure! Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Crazy vertical tiling question
Okay, my client ***WANTS*** this vertical bar with some art in it as a vertical tile on the left side of the browser window, next to his content. It's complicated art, no it can't be resized (except for DPI, but I can't make a tiny little tile out of it), and he WANTS it. I told him, We'll see. I told him this was why I originally set the artwork up with this bar across the top, to deal with page length issues.The 300DPI version runs the length of his letterhead, to give you an idea. After I set it up to tile vertically, is there a way to set the overflow so that when we get to the bottom of the **content**, whatever is left over of the tile after the first tile on the left stays hidden? This will probably be in its own div inside a wrapper div. Will overflow:hidden work for this div? I'm reading through two books on CSS to figure it out, but my brain is just going, Whuh??? He wants to see a design first, so I need to make sure what I put in the design can be done. At least I was able to set up this complicated artwork so that it *would* tile vertically and fit together perfectly. All the tutorials out there were assuming a tile that would work vertically and horizontally. Can anyone please, please help? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Crazy vertical tiling question
On Aug 4, 2009, at 8:04 PM, David Laakso wrote: Theresa Mesa wrote: No URL yet. Philosophical question at this point. Working on a URL, though, which might help me answer my own question. Theresa Mesa Helping you to answer your own questions is what it is all about. In the meantime, it is in your best interest to reply to the list. Either way, bottom posting is appreciated. Thanks :-) . ~d I've answered my own question. Thank you anyway, though! Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Where do I make a suggestion for the Policies page?
Having refreshed my memory by reading the policies - so I don't continually get my hands slapped - I have a suggestion for a snippet of text to be added so that no one is surprised that the CSS Archive **is being indexed by Google**, so their question is likely to show up in a name search for themselves or their client. I found out the hard way (my client called me up) and licked my wounds for quite a while. The current text regarding that just isn't clear enough. I've looked around on the pages and can't find a contact, so I'm asking here. I apologize if it's inappropriate and promise never to do it again. Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Trying again...It's got to be a CSS thing
http://mdh-test.com/Quiel/index.shtml http://mdh-test.com/Quiel/quiel.css http://mdh-test.com/Quiel/includes/navigation.html http://mdh-test.com/Quiel/includes/rtSide.html http://mdh-test.com/Quiel/includes/quiel_js.js (the navigation uses JS) I'm recoding this site so my client can work with it in Contribute CS3. The background art on this has been reconstructed from little slices and dices and is now in two pieces, with the top being sliced just above the top of the curve near the bottom. The fill div contains a 1px-high strip that will fill in the black-white-black of the bottom part for when the page expands. I have a flashing gif that is hanging off the left side. Other art is laying on top of the bakcground art. One problem I've been running into since the beginning, pretty much, is that the section of content between the page header (Welcome) and that animated GIF on the left is uneditable, unless I'm in the code view of DW CS3. If I click on that section within design view, it grabs the page header, not what I've clicked on. Once I go into Contribute into the Edit Page, this area of the page is uneditable. I'm not talking about the parts put into SSIs (the left and right sides and footer). It's not a Contribute issue, per se, because I noticed I was having problems in the design view of DW as I was building the site. Y'all kept telling me I couldn't trust the way DW was rendering the page, and I needed to pay attention to how it looked on the browser instead. So I did, even though I was having major issues with laying it out. Worked fine in the browsers. It's not the JavaScript, because I saved a test-version of the page, took out the JavaScript, and tried to click on the text in the content area of the design view. Same thing. But now the problem I was having in DW has come to bite me in the butt in Contribute. I can't access the same area for editing, just the area of content below the nav flashing sign. Even if you're not familiar with Contribute, perhaps you could look at the code and see why I can't access this area in DW. Is it a flow issue of the divs? Have I put something in the code that is breaking this? What do I need to do to fix this? Can anyone help?? My client won't be happy AT ALL if he can't access this area. What have I done wrong? I know I've div'ed the heck out of this, but there is so much going on that needs to be placed *just so* because it has to essentially match the original site. My CSS and HTML validates. Thank you so much in advance for your help. Theresa __ 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] Help, please...
Other site launched. This one is about ready to start building out. I have this page that is already using background images galore, with other images placed on top. I reconstructed the background so it wasn't nearly as sliced and diced. Now it's just in two pieces, a top and a bottom. I have it in two pieces because on some pages, the vertical height of the containerTop needs to expand. I've created a sliver .gif of just the black/white/black, although when I try to use it (it's assuredly my error), it's just white, and the black doesn't show. This way, when the top div expands vertically to fit the content, I don't end up with the blue background showing through in the middle. I tried creating a div that would be in between the wrapper div and the container top div that would contain this sliver, so as the page grows downward, this sliver would fill in. It doesn't seem to be working that way. I'm just seeing an entire area of white on the left. What's screwing me up is the negative margin for the image that hangs off of the frame. I keep staring at this, trying this and that, thinking that there has to be something simple that I'm missing. Can someone please look at this with a fresh eye while I work on the navigation? I did not create this site, and have been given bits and pieces to reconstruct and recode into something that validates. http://mdh-test.com/Quiel/index2.shtml http://mdh-test.com/Quiel/quiel.css http://mdh-test.com/Quiel/images/fill.gif Theresa Mesa __ 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] Help, please...
Other site launched. This one is about ready to start building out. I have this page that is already using background images galore, with other images placed on top. I reconstructed the background so it wasn't nearly as sliced and diced. Now it's just in two pieces, a top and a bottom. I have it in two pieces because on some pages, the vertical height of the containerTop needs to expand. I've created a sliver .gif of just the black/white/black, although when I try to use it (it's assuredly my error), it's just white, and the black doesn't show. This way, when the top div expands vertically to fit the content, I don't end up with the blue background showing through in the middle. I tried creating a div that would be in between the wrapper div and the container top div that would contain this sliver, so as the page grows downward, this sliver would fill in. It doesn't seem to be working that way. I'm just seeing an entire area of white on the left. What's screwing me up is the negative margin for the image that hangs off of the frame. I keep staring at this, thinking that there has to be something simple that I'm missing. Can someone please look at this with a fresh eye while I work on the navigation? I did not create this site, and have been given bits and pieces to recontsr http://mdh-test.com/Quiel/index2.shtml http://mdh-test.com/Quiel/quiel.css http://mdh-test.com/Quiel/images/fill.gif Theresa Mesa __ 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] Jogging in IE 6
Why is the main content jogging in IE6, but not IE7 or FF on either platform, or Safari? http://mdh-test.com/vads http://mdh-test.com/vads/vds.css Been a while since I built a site, so I'm a little rusty. Thank you for your help. Theresa Mesa [EMAIL PROTECTED] __ 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] [ADMIN] Re: CSS best practice?
I've actually set up a couple of macros - one to populate the stylesheet in and one to populate the page. I fill in the info as needed. I like to comment my divs so I know where it begins and ends and avoid the extra div tag issue. The comments are in the macro, also. I use something like this : !--- begin wrapper div -- div id=wrapper /div !-- end wrapper div -- Doesn't add much to the weight of the page and saves me a world of trouble. Since I'm on a Mac and cheap, I use Keyboard Maestro for the macros. I've also set up a macro to plug in the right doc type (I like XHTML Transitional, since it supports target=_blank), and another macro to plug in the includes code. This way, once you know that it's working, it always works and never becomes an issue for the code not working right, and you can concentrate on other validation and just plain working right issues. Is the page breaking because you have an extra closing div tag, or because of something else entirely? -- Theresa Mesa Mesa Design House http://mesadesignhouse.com 909-335-9710 Fax 909-335-9717 Business hours: M-F, 9-5 __ 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/
[css-d] Why is it jogging on the Mac?
http://mdh-test.com/perry_roofing http://mdh-test.com/perry_roof.css The contact page on FF and Safari on the Mac is jogging to the right. On Netscape 7.2 the testimonials page and the contact page jog. These are not complicated pages! What is going on? Please help! Thank you in advance! -- Theresa Mesa Mesa Design House http://mesadesignhouse.com 909-335-9710 Fax 909-335-9717 __ 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] Why is it jogging on the Mac?
I already have html, body set to 100%. Why does adding the extra .1% fix it, which it does? Theresa On 6/30/06 3:40 AM, Eystein Alnaes [EMAIL PROTECTED] wrote: If you by jogging mean that all of the contents jump ca 10 px, that would be because the scrollbar appears/disappears depending on the length of the page. You can force the scrollbar to always appear by changing to html, body {height: 100.1%;} Works in Firefox1.5.0.4 Eystein __ 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] Why is it jogging on the Mac?
Nope, no IE/Win bowing up. Will check it in other browsers later. Thanks! On 6/30/06 6:29 AM, Eystein Alnaes [EMAIL PROTECTED] wrote: It spans the page larger then the actual viewport of the browser, no matter how much you resize the browserwindow, - thus forcing the scrollbar to always appear. By the way, I haven't checked this in other browsers, so you might want to doublecheck that it doesn't cause others (IEwin) to blow up... Eystein __ 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/ __ 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] Why is it jogging on the Mac?
Hmmm, I didn't see that on my PC. Interesting. Will look into that. Thanks! On 6/30/06 7:17 AM, Nick Fitzsimons [EMAIL PROTECTED] wrote: However, on Internet Explorer 6 (Windows) the main content is slightly closer to the navigation on the home page than it is on all the other pages (with the window sized so that the scrollbar is always present). It looks like you've got a 3-pixel text jog fix on the home page, but not on the other pages. HTH, Nick. __ 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] Internet Explorer for Mac
After not supporting or updating IE/Mac for the last two years, Microsoft instructed Mac users in February to stop using Internet Explorer. On 6/27/06 12:58 PM, Christy Collins [EMAIL PROTECTED] wrote: On Jun 27, 2006, at 3:48 PM, Mikolaj Misiurewicz wrote: Hi, I have a question about Internet Explorer for Mac. It it still used on the Internet? What can be the statistics for this browser? Who use it? I understand that you cannot give me any exact numbers, but I am just wondering does it make any sense to make webpages compatible with this browser, or is it as dead as IE3 or 4 (or are they not?). Thanks for the answers, Mikolaj Misiurewicz Some mac owners have older machines that aren't powerful enough to run OSX properly and those people are stuck with IE mac. I know a few people personally in this predicament. That said, it's probably becoming more and more rare every day. I developed on IE Mac for a long time and don't find it that challenging to accommodate, but many people aren't supporting it anymore. Blogger doesn't work at all for IE Mac. -C __ 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/ __ 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/
[css-d] Content box drops to bottom in IE6, goes to top in Netscape
This site is behaving on everything on both platforms, including Opera, except IE6.0 on the PC, and Netscape on both platforms. The content box (the yellow box) is jumping all over the place. http://www.mdh-test.com/perry_roofing http://www.mdh-test.com/perry_roofing/perry_roof.css Your thoughts? Thank you in advance. -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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/
[css-d] IE6 problem
On IE6 the links at the top next to the image are not showing up. On every other browser on both platforms, it shows up great. Can anyone tell me why IE is being difficult? The addresses: http://inlandempirewomensconference.com http://inlandempirewomensconference.com/iewc.css -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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/
[css-d] IE6 problem - content div jogging down
I am not seeing this problem in the other browsers on either platform. In IE6, the content column is jogging down below the navigation. I haven't checked 5.5. How do I fix this? http://mdh-test.com/egs_new http://mdh-test.com/egs.css Thanks in advance! -- Theresa Mesa, http://mesadesignhouse.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] IE6 problem - content div jogging down
How about if you reduce the resolution? My 15 screen is set to 800x600. On 3/23/06 11:41 AM, Brian Funk [EMAIL PROTECTED] wrote: on 3/23/2006 8:21 AM Theresa Mesa said the following: IE6, the content column is jogging down below the navigation. http://mdh-test.com/egs_new http://mdh-test.com/egs.css I didn't see that here. see screenshot http://www.stoneladder.ca/sandbox/temp/enviroguardscreenshot.jpg win2k IE6 __ 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] IE6 problem - content div jogging down
...And my client is seeing the same thing I am with the content jogging down. I tried changing the resolution to see if it would help. Nope. WinXP IE6. Theresa On 3/23/06 11:41 AM, Brian Funk [EMAIL PROTECTED] wrote: I didn't see that here. see screenshot http://www.stoneladder.ca/sandbox/temp/enviroguardscreenshot.jpg win2k IE6 __ 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/
[css-d] Circumventing inheritance
I have some navigation where the last item in the navigation needs to have text in a different color. The color of the text is set in #list-menu. I've tried a variety of ways to have this last item in the navigation a different color, and I'm having no luck. I know this is an inheritance problem. My Definitive Guide to CSS isn't addressing this particular issue on pages 146-148. What am I missing? Your thoughts? Thanks in advance! http://mdh-test.com/egs_new http://mdh-test.com/egs.css -- Theresa Mesa Mesa Design House http://mesadesignhouse.com [EMAIL PROTECTED] http://market-your-small-business.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/
[css-d] More issues...
http://mdh-test.com/egs_new http://mdh-test.com/egs.css IE6 looks fabulous. FF on PC and Mac, Opera, Safari: There's a space between the topgraphic and the content div. If I change the top margin to close it up, I'm afraid the background is going to go up under or over the topgraphic. Opera: The links are not changing color. The last link in the nav is supposed to be a special color. Nada. Works in the other browsers. IE5.2.3/Mac - there's no background at all. Yes, I know we're not supposed to use IE Mac anymore, but hey, there are still people using OS 9.x! Thank you in advance for your advice. I will be continuing to work it out on my own, too. Why can't all the browsers just do things the same so I don't have to spend an hour or so figuring this out??? Rhetorical question Theresa __ 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] More issues...
Yeah, I changed that to white. The links are supposed to be yellow only if they've been visited. That's acting funky, so I changed the colors. Any thoughts on the space between the top graphic and the content? On 3/3/06 2:59 PM, ~davidLaakso [EMAIL PROTECTED] wrote: In Linux your links are exactly the same in Konqueror, FF, Moz, Seamonkey, and Opera/8.51-- all yellow except for the last one which is orange. [...] Theresa ~davidLaakso __ 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] More issues...
Well, I pulled the topgraphic and the bottom part together in the same image. That's the background of the wrapper. Now I can just concentrate on futzing with the container so the the whole background image shows at any given time. On 3/3/06 3:21 PM, ~davidLaakso [EMAIL PROTECTED] wrote: Theresa Mesa wrote: Yeah, I changed that to white. The links are supposed to be yellow only if they've been visited. That's acting funky, so I changed the colors. Any thoughts on the space between the top graphic and the content? __ 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/
[css-d] Page jumps when links clicked - why?
Why, especially in IE6, do the pages (the content of the page, not the beans) jump when I click on the links? In Safari and FF for the Mac, the Investor page moves over. What am I doing wrong, or what have I missed? http://mdh-test.com/sips http://mdh-test.com/sips.css Thank you in advance. The about us, sips shop, and contact sips links are not populated, so don't click them. -- Theresa Mesa Mesa Design House http://mesadesignhouse.com [EMAIL PROTECTED] http://market-your-small-business.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/
[css-d] CSS validator confusion
Why, when I enter the URI for my website, http://mesadesignhouse.com , into the CSS validator, does it tell me that padding: doesn't exist for one of my rules (div#sidebar), but it doesn't point out all the other instances where I *do* use padding with impunity? And why does it give me all those warnings about colors and background colors when I'm using the divs as containers only, and colors are addressed elsewhere in the CSS code? -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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 confusion
That was just the ticket for the error message. Thanks! On 1/26/06 9:30 AM, Bjoern Hoehrmann [EMAIL PROTECTED] wrote: * Theresa Mesa wrote: Why, when I enter the URI for my website, http://mesadesignhouse.com , into the CSS validator, does it tell me that padding: doesn't exist for one of my rules (div#sidebar), but it doesn't point out all the other instances where I *do* use padding with impunity? And why does it give me all those warnings about colors and background colors when I'm using the divs as containers only, and colors are addressed elsewhere in the CSS code? It actually tells you that there is no padding property, and there is not. The characters in front of the property name are nbsp; characters, you have to remove them for the property to have any effect. __ 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] 3-col problem - won't align at top
I am cleaning up this site done by someone else. The client really likes it and doesn't want to change it...much. I'm going to break the contact info and form onto a different page, and make the site a little more search engine friendly. I have this one area that is causing me no end of trouble. I've outlined the divs in different colors so you can see where the edges are. I've even referred to my handout on liquid three-column layout by Floatutorial. Don't worry about the rest of the page. Why in the *bleep* can't I get the right column to come up where it's supposed to be? I have futzed with this in more ways than I care to think about, including using absolute positioning, which I didn't want to use for a liquid layout, which is my ultimate goal. I'm certain it's something stupid and simple, but I haven't slept much in the last few days and my brain is fuzzy. Anyway, here are the links: http://mdh-test.com/fmhco/index.html http://mdh-test.com/fmhco/fmhco.css Thanks in advance for your patience and help. -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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] Email links don't work on PC - IE, FF
I've validated the page, which validates except for some non-SGML characters. I've validated the CSS. The email links are not showing up in IE or FF on the PC, but they do show up for the Mac in Safari, IE, and FF. http://mdh-test.com/perry/about-us.shtml http://mdh-test.com/perry/perry.css Can you please help? What have I done wrong? Thank you in advance! -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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] Almost there...IE PC Mac probs...
http://mdh-test.com/perry http://mdh-test.com/perry/perry.css Okay, folks, I just about have it. However, in IE 6.0 (I haven't checked 5.5), the h1 (Welcome) is just a little too close to the top of the khaki. If I can move that down ONLY in IE6, then my footer should move down, since I have it set to clear:both. In IE/Mac, the h1 is down too far, which is moving the footer way too low. How do I move this up ONLY in IE/Mac? Stupid IE. It looks pretty good in every other browser. Opera doesn't count, although it looks more acceptable in Opera than it does in IE on either the PC or Mac. I have put a border around each section to help you see what I'm dealing with. Help, please? I've been futzing with this for about two hours. What am I missing? Thanks in advance! -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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] Uberlinks...
Getting there on the confused thing... Time to dig in and make this work. -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... On 7/20/05 8:11 AM, Al Sparber [EMAIL PROTECTED] wrote: Am I missing something or perhaps you are not reading all of the messages. You simply recast the answer I already gave last night (backwards, actually) :-) This poor lady is going to be very confused. __ 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] Uberlinks...IT WORKS!
YAY!!! It worked!! And even in IE, go figure...And no JavaScript or PHP (thank you anyway, Jason - what a sweetie you are!) http://mdh-test.com/perry Thank you, thank you!! I just recently had a heart attack, and this was stressing me so much! I was worried I'd be doing a face-plant on my keyboard as I tried to make this work. I love all of you... -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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] Uberlinks...
Wait, the links are in a server side include, not on the page itself. The page is linking to the virtual include, so essentially, the information is the same on each page. Normally, this is a wonderful way of doing navigation, banners, and footers. Make one change, and it affects every page. How do I affect the page's navigation without pulling the nav out of the SSI and putting it on each page? I think this is also what threw me on the Uberlink page. -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... On 7/19/05 7:57 PM, Al Sparber [EMAIL PROTECTED] wrote: You can use many methods to set a current page link state, beyond what we do in the Uberlink titorial, but the mechanics for setting the visual properties of that one link are always the same. In your case, you have: #leftnav a { display: block; background-image: url(perry_images/white.gif); color: #2e86c0; text-decoration: none; padding: 13px 5px 0 50px; background-attachment: scroll; background-repeat: no-repeat; } So if you use the tutorial technique, you would set up a special selector: #uberlink { background-image: url(perry_images/blue.gif) !important; } Then you would take the link that you want to afect and give it that ID. lia href=/about-us.shtml id=uberlinkAbout Us/a/li __ 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] Uberlinks...
A little confused. You have me doing body *class*..., but you're assigning IDs. Did you mean to write it that way? I'll check out the article tomorrow. Thanks! -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... On 7/19/05 8:11 PM, Bruce Martin [EMAIL PROTECTED] wrote: Theresa Mesa wrote: http://www.mdh-test.com/perry/ All I want to do is swap out the white box gif with a blue box gif. Active page. Blue box. Non-active page. White box. Add a class to the Sections body body class=home body class=about body class=portfolio body class=testimonials body class=contact Add an id to the list items ul li id=t-home.../li li id=t-about.../li li id=t-portfolio.../li li id=t-testimonials.../li li id=t-contact.../li /ul Then reference them in the css body.home #leftnav li#t-home a, body.about #leftnav li#t-about a, body.portfolio #leftnav li#t-portfolio a, body.testimonials #leftnav li#t-testimonials a, body.contact #leftnav li#t-contact a { background-image: url(perry_images/blue.gif); } Roger Johansson has an article the describes the process better than I could http://www.456bereastreet.com/archive/200503/ setting_the_current_menu_state_with_css/ cheers Bruce __ 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] Uberlinks...
You guys rock. Thanks. I'll play with it in the morning. -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... On 7/19/05 8:43 PM, Al Sparber [EMAIL PROTECTED] wrote: Use a body ID method. Leave your main link styles for the menu the way they are as descendants of the leftnav DIV. Then... Id the body: body id=home Then ID each link: div id=leftnav ul lia href=/index.shtml id=home-linkHome/a/li lia href=/about-us.shtml id=aboutus-linkAbout Us/a/li lia href=/portfolio.shtml id=portfolio-linkPortfolio/a/li lia href=/testimonials.shtml id=testimonials-linkTestimonials/a/li lia href=/contact-us.shtml id=contactus-linkContact Us/a/li /ul /div Write your uberlink rule like this: #home #home-link, #aboutus #aboutus-link, #portfolio #portfolio-link, #testimonials #testimonials-link, #contactus #contactus-link { background-image: url(perry_images/blue.gif) !important; } Now you simply change the ID on the body element to set your uberlink body id=home body id=aboutus body id=portfolio body id=testimonials body id=contactus Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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/