Re: [css-d] New to group
Hi gang,
I just wanted to say hi. My name is Lisa, and I've been using CSS for
about
3 yrs now. I'm looking forward to being a part of the discussion.
I'm having issues with IE6 vs IE7 and how horribly they both render
websites.
I have a web site that I did for a client that looked beautiful on FF on
WinXP and FF Mac OSX and worked fine in Vista with IE7 and XP with
IE7, but
it seems IE6 on XP has distorted the menus and what not.
www.webgirlwebdesigns.com/testing/Family
http://www.webgirlwebdesigns.com/testing/Family First/index.html
Can anyone lend me some ideas? I tried to set up the Virtual PC that
Microsoft offers to render shots but it's expiring tomorrow and I
can't find
reference to a new version coming out.
Thanks in advance,
Lisa Wilcox
Web Girl Web Designs
Stress-free internet solutions for your business
Hi yourself,
Correcting the 64 markup errors Peter mentioned yesterday is necessary.
In the CSS, you have a selector,
left {
...
}
It is missing the # sign and should read:
#left {
...
}
The menu is whacked in IE6 and IE7 because you have positioned in
absolutely and neglected to add position: relative; to ruleset #header.
These corrections will bring you in a lot closer than you are now in IE.
Please validate before you post, and provide a link in the post that is
clickable to the site.
Best,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problems with CSS and floats
Hi, Rayburn... Let me tell you what finally enabled me to start making totally css-layout sites, using only tables for tabular data. I went to http://www.templateworld.com/free_templates.html and downloaded several free sites, including all images and other assets that you need for a complete site, and basically re-created from scratch, their css files and html files to see how each step affected what I was doing. It's important to start with a blank stylesheet and one html page and add one part of the page at a time and as little of the css to the stylesheet as possible that affects the html you're working with. Otherwise, you're not going to know what css code is affecting what html code. By breaking down these ready-made sites, and, at first, perhaps simply substituting your own content for theirs on the sites, while leaving the structure intact, you can begin to get a feel for how they have put their css-based sites together. After doing this for a couple of sites, the css design approach may become clearer to you. I'm not saying that template world's template are the best in the business, but they are complete and very cross-browser compatible. However, with some significant modifications to one of their templates, I've used one as a basis for a site that I sold to a client. They make available for download the HTML files, the css files, and all image files required. At least check them out and see if they help. Getting over the initial overview of how css is done may get you over the hump. Hope this helps, Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rayburn Taylor This is my first post and I hope I am requesting help in the correct way. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] creating navigation in css
I really like the CSS navigation Stu Nicholls has developed. Even includes a wizard so it's hard to get wrong. http://www.cssplay.co.uk/ http://www.cssplay.co.uk/menus/ http://www.cssplay.co.uk/menus/menu_builder_flyout Cheers, Gary http://www.garybadger.com/ - Original Message - From: juliann wheeler Does anyone know how to create a drop-down navigation in CSS? Here is the link to the nav that I have built so far: http://www.pcg-advisors.com/tests/test8.html Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE - more checking please
Hi All part of my IE problem is solved now, but my customer tells me he is experiencing some really weird problem. To do that test, you would have to make three steps: 1. go to website: http://www.artworksbyrene.com/gnd-info/hotels.shtml 2. click the reserve button 3. then click the back button (will bring you again to that same page as for step 1) Now my client is telling me the menu looks fine on step 1 but not on step 3. But the pages are the same So I am really lost Thanks for your help! Daniela Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Spry drop down
Hello, I am trying to create a website for a client and I am having issues with the drop-down navigation. I used the Spry menu bar, to create drop down menus in Dremweaver CS3. However, I think there are issues with the css and in IE (both IE6 and IE7), since the menu looks very strange in IE. Also, there is a shift when I roll my mouse over the menu buttons. I was hoping someone could take a look at this and let me know if you have any solution or fix or IE hack that can correct it. Here is the link to the page: http://www.mcleanwebdirectory.com/mclean/index.html (please ignore the flash in the banner area!) Here is the link to the SpryMenuBarHorizontal.css that Dreamweaver created: http://www.mcleanwebdirectory.com/mclean/SpryAssets/SpryMenuBarHorizontal.css Here is the main CSS for the website: http://www.mcleanwebdirectory.com/mclean/mclean.css Thank you in advance for your help. Anahita :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problems with CSS and floats
Sorry, David, meant to send my reply to the list... but this goofy setup always causes me problems with the Reply button... Here was my response that went directly to you: Just remember, not to forget, there is not one layout on the above referenced page, that is not broken with user discretion to scale the fonts to +2, and destroyed at +3. Thanks for pointing that out David. However, it's good to remember that for those of us that are just beginning to work with CSS layouts, that getting *anything* to work on any level is a big challenge. Once we become more knowledgeable and experienced we can begin to work with broader concerns, like font-scaling, more browser compatibility, etc. For me, just being able to make CSS-based sites without tables has been a big task... especially having no formal training in it. Just getting them to look as good as my table-based sites has been a big challenge. So don't expect too much of us newbies too soon... it'll only scare the faint-hearted away. Sometimes a pretty picture is a big goal! Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso Sent: Friday, December 07, 2007 12:11 PM To: [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] problems with CSS and floats Rick Faircloth wrote: Hi, Rayburn... Let me tell you what finally enabled me to start making totally css-layout sites, using only tables for tabular data. I went to http://www.templateworld.com/free_templates.html and downloaded several free sites, including all images and other assets that you need for a complete site, and basically re-created from scratch, their css files and html files to see how each step affected what I was doing...Trimmed---} Rick Yes, indeed... Just remember, not to forget, there is not one layout on the above referenced page, that is not broken with user discretion to scale the fonts to +2, and destroyed at +3. Mostly it has to do with imposing height restrictions. Make a pretty picture with CSS if that is your want-- just make sure that pretty picture can withstand a little stress and strain, and that it can get pushed around and shoved around, without turning into an explosion in a liquor store... Best wishes for your success, Rayburn. ~dL PS Stick with it and with this list. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sorry - Issue Solved - IE - more checking please
Hi All Sorry to bother you all, the issue is already solved... thanks, Daniela - Original Message From: daniela froehlich [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, December 7, 2007 10:04:58 AM Subject: [css-d] IE - more checking please Hi All part of my IE problem is solved now, but my customer tells me he is experiencing some really weird problem. To do that test, you would have to make three steps: 1. go to website: http://www.artworksbyrene.com/gnd-info/hotels.shtml 2. click the reserve button 3. then click the back button (will bring you again to that same page as for step 1) Now my client is telling me the menu looks fine on step 1 but not on step 3. But the pages are the same So I am really lost Thanks for your help! Daniela Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Never miss a thing. Make Yahoo your home page. http://www.yahoo.com/r/hs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problems with CSS and floats
Rick Faircloth wrote: However, it's good to remember that for those of us that are just beginning to work with CSS layouts, that getting *anything* to work on any level is a big challenge. Once we become more knowledgeable and experienced we can begin to work with broader concerns, like font-scaling, more browser compatibility, etc. The CSS learning-curve _is_ steep, but it doesn't become less steep by leaving out factors like the mentioned issues till later. Leaving any of these basics out at an early stage just means one has to go through the same learning-process all over again, and there's always the risk that hard-learned knowledge has to be unlearned and/or corrected more than one would like, in order to go forward. For me, just being able to make CSS-based sites without tables has been a big task... especially having no formal training in it. Just getting them to look as good as my table-based sites has been a big challenge. I would think so, since the part of CSS that is best suited for replicating and/or improving look and feel based on table-based designs, is badly supported across browser-land and not at all in MSIE. It's called 'CSS-table', and _maybe_ IE8 will at least _start_ to support CSS-table now that Firefox (3) is showing signs of improving its support. Miracles have happened before... :-) The substitutes we use now, like floating and/or positioning major layout-parts, won't last forever. They are all temporary solutions, and both existing but badly supported, and entirely new, solutions will (have to) come into play. So the process of learning and unlearning methods and what to use them for, is the only constant we have in today's web design. It is not a good idea to make this process harder by skipping important parts early on - at least not knowingly. So don't expect too much of us newbies too soon... it'll only scare the faint-hearted away. Sometimes a pretty picture is a big goal! Indeed. However, it would be wrong not to point out that experience tells us that the prettier they come, the less they can take before they break. It doesn't have to be like that at all (that pretty means weak), but it _is_ , sadly, the norm. Doesn't seem to have much to do with newbie or advanced status either, and a web designer's status doesn't help much when it comes to holding a design together under what must be considered to be 'normal conditions' - visitors being able to use a site in regular browsers. Proper use of HTML/CSS/script etc., is however always of immense help towards such a goal. This is why some of us ignore status, and only look at the results. We comment for a reason: we want to see *better results* - in a broad sense. The rest -- process, experience, status -- doesn't really matter all that much, (IMO of course). Consequently: we don't expect much of anyone - status irrelevant, as we're all limited by the same incomplete tools - browsers and standards. We just try to help whoever to find solutions they are comfortable with, within the range of available alternatives. This does sometimes mean we have to tell people that something doesn't work well or at all, and which problems one has to solve and/or avoid if one wants a pretty picture or whatever to work. This is not critique of ones status, present attempts or forwarded examples. It is just information that anyone can do what they want with, and the only expectation I have to anyone is that I expect them to do just that - what they want. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Resize centered layout
On Fri, 7 Dec 2007 11:34:36 -0500 Brian Jones [EMAIL PROTECTED] wrote: Hi, I have a centered layout with a width of 740px http://www.bleusolutions.com/public_html/ My question is how can I make this layout flexible so that regardless of the screen size it expands out to take up the screen space so that only about 20px of the goldish background color is showing on both the left and right margins..I hope I made it clear of what I am trying to accomplish. Thanx Brian, Use percentage width instead of pixels or ems. In your case, try something like 'width: 96%' and then adjust from there. HTH, GM Greg Maruszeczka http://websage.ca skype: websage.ca googletalk: gmarus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Resize centered layout
Instead of setting the wrapper div at 760px, set it at 100%. Then set your body margin:0 20px. That should do it. ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to achieve this effect
They are using JavaScript to manipulate the DOM (Document Object Model). In this case they are changing class of a div from display: none; to display: inline. Off topic for this list. Jim On Dec 7, 2007 11:26 AM, Brian Jones [EMAIL PROTECTED] wrote: Can someone please tell how i can achieve this effect? http://www.concept64.com/portfolio/ The ids for each client have display:none. But when you click on the next and prev buttons it moves through the ids and display the content in the divs. How are they doing this? __ 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] How to achieve this effect
Can someone please tell how i can achieve this effect? http://www.concept64.com/portfolio/ The ids for each client have display:none. But when you click on the next and prev buttons it moves through the ids and display the content in the divs. How are they doing this? Thank you -- -Bdot There are only 10 kinds of people in this world. Those who understand binary and those who don't __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problems with CSS and floats
Rick Faircloth wrote: Hi, Rayburn... Let me tell you what finally enabled me to start making totally css-layout sites, using only tables for tabular data. I went to http://www.templateworld.com/free_templates.html and downloaded several free sites, including all images and other assets that you need for a complete site, and basically re-created from scratch, their css files and html files to see how each step affected what I was doing...Trimmed---} Rick Yes, indeed... Just remember, not to forget, there is not one layout on the above referenced page, that is not broken with user discretion to scale the fonts to +2, and destroyed at +3. Mostly it has to do with imposing height restrictions. Make a pretty picture with CSS if that is your want-- just make sure that pretty picture can withstand a little stress and strain, and that it can get pushed around and shoved around, without turning into an explosion in a liquor store... Best wishes for your success, Rayburn. ~dL PS Stick with it and with this list. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
