Andrew_Samuel — Sat, 15 Feb 2003 23:13:04 +0000

Busy

Many thanks for all your assistance, I'm actually seeing the light at the end of the Style Sheet tunnel now
Re: the multiple messages, apologies but every time I sent one I was greeted with the confusing:-
"No privatemessage specified. If you followed a valid link, please
notify the Webmaster"?
Anyways, Cheers again and top notch site.
Regards
Andrew

Busy — Fri, 14 Feb 2003 22:17:58 +0000

Andrew, You sent me 5 copies of the above in PM and 1 as email, I replied to the PM (private message)

Re: CSS Turmoil

Andrew_Sam — Fri, 14 Feb 2003 15:10:31 +0000

Busy
Many thanks again for your detailed explanation.
As you probably had guessed I'm very new to CSS and those employed in my
redesign are WYSIWYG Dreamweaver-created.
I am actually booked to do a HTML Course later in the year but that's
months away.

Anyways, I've been over your reply with a fine-tooth comb and spent the
afternoon trawling w3 Schools CSS
Lesson but franky I'm lost

Hope you don't mind if I ask some (potentially stupid) questions please?

"The link_title_color needs to be changed around, put the color and
background stuff in the font and font stuff at the end".

If I understand this rightly I should insert the line that begins
~~.link_title_color~~ after the line ~~A.link_title_color :hover~~
i.e. the fourth line in the style .link_title_color following:-
[=1]

A.link_title_color {COLOR: #ffffff; ....................

A.link_title_color :visited................

A.link_title_color :hover...........

[*].link_title_color {font-family:............
[/=1]

You really need to add something like:
td {font-family .... color .... background-color .. size}
or have 3 of them, like so:
.td1 {font-family .... color .... background-color 1 .. size}
.td2 {font-family .... color .... background-color 2 .. size}
.td3 {font-family .... color .... background-color 3 .. size}

I get your gist here Busy but I'm unsure how to apply. Again if I can
paraphrase you in my Homer-Simpson-esque manner are you stating that
rather than have three seperate styles (audio_links, audio_links_2 and
link_title_color) I could specify all in one?
If so, I'm really confused how to apply the above logic to my own script

Re: the tables tip, have I not aready done that, I'm confused

Any help much appreciated and highly valued

Regards

Andrew[/]

Andrew_Samuel — Thu, 13 Feb 2003 00:19:48 +0000

Busy many, many thanks!

I'm working my way through my Style Sheet and Page code with a fine-toothcomb as per your recommenddations and will report back.

Cheers again, much appreciated

Busy — Wed, 12 Feb 2003 20:47:25 +0000

Silly me, first time I looked at the links I thought they were both pictures

there are a couple of things in your css file, things like:
A.audio_links should be A.audio_links:link but you shoud also add A.audio_links:active You're also better to place the class call in the actual link tag instead of the td tag

the link_title_color needs to be changed around, put the color and background stuff in the font and font stuff at the end, you also might want to try an actual font size instead of xx-small
You really need to add something like:
td {font-family .... color .... background-color .. size} or have 3 of them, like so:
.td1 {font-family .... color .... background-color 1 .. size}
.td2 {font-family .... color .... background-color 2 .. size}
.td3 {font-family .... color .... background-color 3 .. size}

the 1,2,3 on the background-color being the color of the td cells and just place class="td1" in the td cells you want that color background, class="td2" in the next ...

You should also look at breaking your tables down, looks like you have one big nested table, use at least 3 seperate ones

top banner section

content section, can have nested tables, not to many thou

footer section, links, thanks ...

Using this method the tables load in stages appearing as if they are actually loading faster as it gives you something to view as they load (but they do load faster this way).

should be enough to keep you going

Andrew_Samuel — Wed, 12 Feb 2003 17:21:51 +0000

Thanks for the replies guys.

Busy any pointers please on where my Style Sheet is letting me down please and what would the work around be for setting the class on the in Netscape 4?

Renegade cheers for the helpful link, I'm ploughing through it as we speak.

All advice most welcome.

Regards

Renegade — Wed, 12 Feb 2003 08:30:26 +0000

http://www.w3schools.com/ is also a good CSS tutorial site, I learnt CSS from them

Busy — Wed, 12 Feb 2003 02:32:59 +0000

Looking at those 2 pictures I'd say it's your style sheet at fault, not the CSS.
NS4.* does choke on some CSS but most of it (that works in ALL other browsers) will work or has a work around for NS4.*

you could use the bits of CSS that does work on ALL browsers (which is limited at best anyways) or you can make two style sheets, one for the new browsers and one for the older ones.

it is good if you learn the basics of CSS at least. look around at other threads here on TWF as you could pick up some helpful links or advice etc.