CSS newbie needs help

**simpy** · 05-22-2010, 08:14 AM

Hi everyone. I have been reading the forum for a little while but this is my first post so Hello everyone.
After trying to search for this with no luck i was wondering if i could get a little help with my site. I am not a web designer i am infact a photographer so this is all a bit of a learning curve for me so my apology's if this problem is simply due to my bad design skills.

I have created a site in Dreamweaver as-photography.co.uk and have been trying to get the site working as well as possible. For this reason i spent the last few days fixing the problems shown at /validator.w3.org i have now validated several pages and fixed all the errors but this has suddenly led me to a problem.

When the site is viewed on IE it seems like non of the CSS styles are showing. The layout is collapsed and non of the divs seem to be working. To put it bluntly the site looks **** . Everything is working fine in firefox/safari and the pages i have not let validated (such as as-photography dot co.uk/portfolio dot html work fine on all browsers. Being a newbie this has really got me lost. Thank you in advance for your advice.

Cheers

**ristenk1** · 05-22-2010, 10:45 AM

I'm looking at it and see the same problem you do...I don't know the answer but I see that you have  tags around part of your css code that firefox is reading for some reason (which it shouldn't be) and IE is not reading...the way it is showing only the beginning css before the  tag in IE (coming up on the screen as if it is html) makes me think that IE isn't reading the css internal styles as all...I can't see anything wrong with the format you are using for <style type="text/css"> but for some reason ie is not reading it....can you try playing around with a different doc type and external style sheets? This still doesn't answer the question as to why this is happening...just some thoughts....

**HTMLBasicTutor** · 05-22-2010, 03:26 PM

Fix this:

Code:

<link rel="icon" type="image/png" href="http://as-photography.info/favicon.png"

You didn't finish the tag

Remove

Code:

/*<![CDATA[*/
}
  /*]]>*/

This is not how you comment out in HTML.

Change this:

Code:

#bod {

To:

Code:

body {

Fix this :

Code:

<body onload="MM_preloadImages('file:///Macintosh HD/Users/andysimpson/Desktop/img/twitter-badge2','img/twitter2.gif','img/facebook2.gif','img/mail2.gif')">

The path is not to a location on the net.

And may I add the following suggestion:
Put all your CSS in an external CSS file. It makes editing my easier as everything is in one spot. As you have it, you have to open each and every page of the site to edit any changes you might wish to make in the future.

**simpy** · 05-24-2010, 04:28 AM

Thank you for your help. I think i have fixed the problem it seems to be working ok on my windows machine now also.

**simpy** · 05-26-2010, 07:09 AM

Arrrrhhh HELP.

So i have everything working. Have made no changes to the layout but all of a sudden its all collapsed again. I cant work out why.

**simpy** · 05-26-2010, 07:16 AM

Ok my panic is over i think. I am having a small problem tho. I am trying to change the links only in the body text so they stand out a little . I have tried applying a tet decoration only to that div but when i do the layout collapsed again.

**HTMLBasicTutor** · 05-26-2010, 11:31 PM

Doing something like this in your CSS file will change all links in the page:

Code:

a:lnk {
text-decoration: none;
}

This removes the underline from all links on the page.

If you want it applied only to a specific div then you do it like this:

Code:

#divname a:lnk {
text-decoration: none;
}

Other properties can be added to your style. e.g. You can change the colour using the color: property.

CSS text-decoration Property

Thread: CSS newbie needs help

Thread Tools

Display

CSS newbie needs help

Posting Permissions