8 replies [Last post]
Karldiff
Offline
Regular
Last seen: 18 years 12 weeks ago
Joined: 2004-11-17
Posts: 15
Points: 0

I am developing a website for a client. I used Project Seven's Tree menu initially but now have edited the CSS to fit my needs.

Here is my problem.

Only in IE does the "color" property not work (in this instance at least).

If you look here http://beta.shireinteractive.com/tree_menu.htm you will see that the text for the menu is black.

If you look here http://beta.shireinteractive.com/assets and open the CSS file you will see that everything commented for "top level menu items" and "second level menu items" is colored white.

I have also tried "font-color" instead of just "color"

Any help would be greatly appreciated!

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE not accepting color properties

Karldiff one issue in helping with this problem is the lack of a DTD in the document. At the moment the page is rendering in quirks mode ,if you can insert a DTD and get browsers rendering in standards mode it may sort out some of the problems; at the least it will mean that your rules are being observed correctly, and if the problems still persist we can then offer more accurate help.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Karldiff
Offline
Regular
Last seen: 18 years 12 weeks ago
Joined: 2004-11-17
Posts: 15
Points: 0

IE not accepting color properties

I tried what you said (which was a very good point). I decided to just use the default colors with only mild changes to the CSS. I thought it looked a little better. I uploaded it for you to see. Thank you very much for pointing out the DTD.

I guess I need to start hand coding everything and stop being a sissy using dreamweaver. Smile The more I study CSS the more I see the need to start using it for more than just style sheets. Would you recommend any good books that would make sure my fundamentals are down but then also delve into some deeper topics?

-Karl

karinne
karinne's picture
Offline
Enthusiast
Aylmer, QC, Canada
Last seen: 15 years 33 weeks ago
Aylmer, QC, Canada
Timezone: GMT-5
Joined: 2004-01-14
Posts: 291
Points: 0

IE not accepting color properties

i recommend this one - http://www.ericmeyeroncss.com/

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE not accepting color properties

Karldiff, the only problem with the DTD you've
used is that it's not a full one and will still cause certain browsers to render in 'Quirks Mode'
Try using this one:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

This should put browsers into standards mode, and life should become a little easier Smile

Yeah stop being a sissy Smile and hand code more; I'm not a great fan of DW and the mess it can make of code but more than anything it just holds back ones personal development if you allow it to do stuff for you all the time. Hand coding isn't as daunting as it sounds at all and once you feel comfortable with it it generates a lot of confidence.

Having said that I still like to have an editor which has line numbers and color codes syntax makes things simpler.

As well as Eric Meyers writings, Zeldmans 'Designing for web standards' is supposed to be very good.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Karldiff
Offline
Regular
Last seen: 18 years 12 weeks ago
Joined: 2004-11-17
Posts: 15
Points: 0

IE not accepting color properties

I agree with your statements. I guess I never really felt that confident with my coding. Can you tell me.... I come from a marketing and design background where I like to see things visually. I use fireworks and photoshop to get my concepts and then export the HTML. My question is this.... do you, as a hand coder, still put your concepts together in a gui and then hand code the page based off of those pixed widths and heights? That seems like the most logical way but I wanted to check my thinking.

Thanks again!

-Karl

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE not accepting color properties

I guess if that's a comfortable way of working that's fine and many do work this way by visualizing in something like Photoshop then slicing the image up and setting it into a hand coded div structure and that suits the type of centered rectangular designs one sees a lot esp as used in blogs.
I usually prepare the design then slice it up by eye and call the various
slices from the style sheet to fit the div structure and fixed size that I had decided on and produced the images to.

Not all designs though are based on just a general image and often the design concept should begin with the div structure and the flow of the layout with regard to the content.
With these, where you may often just have a header graphic and maybe plain backgrounds I tend to find pen and paper a very handy and often overlooked tool for fleshing out a layout.

As for a GUI , All I tend to need is my image editor in which I would create a design; a text editor in which I've written the HTML and Notepad in which I'm writing my style sheet I just try and keep things as manual as possible and by the same token as simple as possible. The thing with a GUI/WYSIWYG is that you believe you must have that visual representation in order to work ; but you will become accustomed to being able to draw a mental image from your code and when you need to check the design, just fire up your favorite browser (as long as it's Firefox Smile)

The only problem in the way you may approach things at the moment is in letting DW construct the HTML for you, as this will never be as good, as that which is achieved by someone experienced; but this doesn't mean to say that you have to ditch DW and hand code everything; just start to become aware of it's limitations and don't be afraid to tweak the output; your in charge not DW.
Smile

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

wisbin
Offline
Enthusiast
Netherlands
Last seen: 18 years 15 weeks ago
Netherlands
Joined: 2004-10-28
Posts: 71
Points: 0

IE not accepting color properties

thanks for sharing.

I am on CSS for about 2 years now and before I got the table blues i used DW for designing too.

Now I use DW only in the source view and start laying out my PS doodling with the layout divs. I am working my way inwards and when I get the framework right and pixelperfect in the holy 3, I will start working on the content.

I found this more intuitive, because this way as I am tweaking the css file only, I come up with new ideas and I design with the css most of the time. It feels more like setting a page with logical containers and then styling them with the pretty stuff.css

Anyway, I quess learning the HTML and feeling comfy with the code is a prerequisite to keep it all standard. I find this a big thing when working with other people who have to read your code, or when you need to redo a design after some months. It is nice to have the markup speaks for itself.

It is a steep hill but i am still confindent Wink

good luck!

BTW I am not sure, but sometimes I think if DW renders your css-layout-pages good in Design View you are doing it good ... is it?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE not accepting color properties

wisbin wrote:
Now I use DW only in the source view


That's the best way to use it I guess , steer clear of any WYSIWYG features Smile

wisbin wrote:
Anyway, I quess learning the HTML and feeling comfy with the code is a prerequisite to keep it all standard. I find this a big thing when working with other people who have to read your code, or when you need to redo a design after some months. It is nice to have the markup speaks for itself.

It is definitely the way to become fully confident with coding and to feel as though you are actually absorbing some knowledge rather than learning a piece of softwares proprietary style of coding.
As for keeping things standards centric, one of the benefits is meant to be the ability of any developer with reasonable skills to pick up someone elses coding and be able to understand the code without too much trouble unlike the old style tag soup mess that only the original coder could ever understand, which has to be a good thing.

I may be wrong but I would be careful about trusting to DW "design view" for conformation of the correct rendering; you here too often people saying it looked ok in DW but broke when viewed in a browser.
Just view your pages in the browser all the time it's only a matter of refreshing the page to see changes made to your style sheet or html file.
Use DW for it's source view editing if you wish but all the other numerous features just cloud things .
for me personally my style sheets in notepad , html in a very old copy of HoTMetaL pro for it's color syntax highlighting in source view but nothing else! or TSwebeditor for html /php and a running copy of FF to check in; thats all I find I need; half the time now I just edit the html in notepad for speed.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me