Page 1 of 1

colours on web pages

Posted: Thu 30 May 2013 2:36 pm
by nickjwhite
Hi guys

Silly question here. I am quite successful in changing all sorts of things on my website, but the one that is eluding me is the colours of web links on my Index page.

The email link is blue but I have set the colours of all the other links to blue also, but they still display as an orange colour. I edited the IndexT file in DreamWeaver (yes, someone has to use it).

Is there somewhere else that is setting default colours for web links?

Thanks

Re: colours on web pages

Posted: Thu 30 May 2013 2:47 pm
by beteljuice
Everything is in weatherstyles.css, but you have 'added' to those styles in-line.

Good luck !

Re: colours on web pages

Posted: Thu 30 May 2013 3:05 pm
by nickjwhite
okay I seem to have changed those in the weatehrstyles.css. It's also changed the page links but I cna live with that... not worried about them.

The character spacing on the latitude and longitude seems a bit odd suddenly too. I know I must have tweaked something accidentally. Anyone know that one?

Thanks

Re: colours on web pages

Posted: Thu 30 May 2013 3:13 pm
by beteljuice
As I said, you've imposed in-line styling on top of the ccs rules.

Re: colours on web pages

Posted: Thu 30 May 2013 3:19 pm
by nickjwhite
Yes, I get that. What I don't get is what I have accidentally changed and how to sort it.

I am no web expert, just a bloke who wants to have a weather site and dabbles to make it funky and add content.

Thanks

Re: colours on web pages

Posted: Thu 30 May 2013 3:39 pm
by water01
What beteljuice is saying is what you have done wrong.

Your code shows you are using weatherstyle.css as the your base style but you have added other styles to your header (i.e. style1, style2 etc.) and you are using them in your amended code.

This is called in-line styling and in your case you are confusing browsers by doing this, as (in the case of Latitude / Longitude) you are using an style defined in weatherstyle.css (h1) and then adding in-line code (style1).

You shouldn't do this, you should add all style definitions to weatherstyle.css and use a css checker type program to see the effect that a change in the style has on your code that uses it (I personally use Topstyle for this http://topstyle4.com/ ), or buy a book about CSS and learn how to use CSS based styling in your HTML and it's effects.

Re: colours on web pages

Posted: Thu 30 May 2013 9:52 pm
by beteljuice
Probably the easiest (site wide) fix is to edit the h1 attributes in weatherstyles.css.

Try removing

letter-spacing and text-transform

Then start 'playing' from there ;)

Re: colours on web pages

Posted: Thu 30 May 2013 10:43 pm
by nickjwhite
Okay... that's a great help. Many thanks... I will try that in the morning.

I realise what I did wrong (sort of) and I just needed a little heads up where to start putting it right. Much appreciated. :o)