Another css question [Archive]

Big Dave

11th August 2006, 15:21

When I check

http://www.davidcohen.co.nz/bronz/index.html

In firefox none of the css text works.

It's all good in Safari and explorer - not netscape.

yet

http://www.motomail.co.nz/

works fine.

On the motomail site I have the css styles in the head of each page - on the BRONZ site I'm calling the text up from

http://www.davidcohen.co.nz/bronz/bronz.css

as a seperate file.

Any tips? Is there a better command than:

(tag here) STYLE type="text/css" media="all"> @import url(bronz.css ); /STYLE (end tag here - otherwise it won't display on KB)

maybe?

tia
dc

skelstar

11th August 2006, 15:23

Could be the speech marks around the Arial, blah blah.

skelstar

11th August 2006, 15:24

Whats the line: 'body ... text: 480 13px' supposed to be? the 'text' property doesnt look right, well i cant recall seeing it used anywhere anyway.

skelstar

11th August 2006, 15:27

Looks like the 'text' property should be 'font'.

skelstar

11th August 2006, 15:29

Sorry me again.

I usually call the css file in the header. Look at the source code for www.virtualrugby.net. I would copy and paste the code, but this post would just delete html code anyway.

Big Dave

11th August 2006, 15:34

Sorry me again.

I usually call the css file in the header. Look at the source code for www.virtualrugby.net. I would copy and paste the code, but this post would just delete html code anyway.

Hey thanks - I gave it a tidy up - but no joy - maybe I have to stick in the head of each page too.

I'll find a different import command too.

Skunk

11th August 2006, 15:40

Hey thanks - I gave it a tidy up - but no joy - maybe I have to stick in the head of each page too.

I'll find a different import command too.
I don't have much luck with the 'import' and just use link. Depends on the DOC TYPE declaration (which you don't seem to have but should) I think...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Blah</title>

<link href="css/css06.css" rel="stylesheet" type="text/css" />

Ignore the escape characters...

skelstar

11th August 2006, 15:40

You def need to have it in the head of each page.

I tend to set the font-size once, font color once, and font-family once. Do this in the body { }. Only declare variations in each tag where it varies as well. Doesnt make that much difference but it helps when youre looking for a problem like this one.

Big Dave

11th August 2006, 16:00

I don't have much luck with the 'import' and just use link. Depends on the DOC TYPE declaration (which you don't seem to have but should) I think...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Blah</title>

<link href="css/css06.css" rel="stylesheet" type="text/css" />

Ignore the escape characters...

Thanks - but still no dice - I changed the index page as suggested.
Pooh sticks!

skelstar

11th August 2006, 16:19

Big Dave

11th August 2006, 16:29

You could try putting the css/style code straight into some style tags (< s t y l e >< / s t y l e >) in the header ie dont link/import the css. Then you can test the css itself and decide wether its a css code problem, or an importing/linking problem. Like I have in my virtualrugby.net page.

Compré. Give it a burl later.

And just to further confuse matters

www.radiusresidential.co.nz all works except for the mouseover effects - text is all as it should be.

skelstar

11th August 2006, 16:32

Might be the path to the css page thats confusing it. Try it with the css in the same directory. Just guessing now :).

Good luck.

TerminalAddict

11th August 2006, 16:55

Big Dave

11th August 2006, 17:05

its friday arvo .. and I looking down the neck of a beer so I won't be any help.

But thought I would show off my talents :P

http://www.loudas.com
no frames .. no tables .. all css (some css3)
and some fancy schmancy js for image links

looks great in firefox

Just FYI - it crashed Safari. Apple have acknowledged that there is a flaw in the java in safari and have issued a patch that I installed a few days ago.
Still crashed the browser on your page.

SPORK

11th August 2006, 17:22

Skunk

11th August 2006, 17:48

The sites I've done are as cure css layout as I can. Most are only css. IE is a pain. Now with IE7 the old 'fixes' will be broken again. :(

Big Dave

11th August 2006, 18:06

The sites I've done are as cure css layout as I can. Most are only css. IE is a pain. Now with IE7 the old 'fixes' will be broken again. :(

do you encounter this css import problem in firefox?

SPORK

11th August 2006, 18:14

On my site (http://www.faustdesign.com), we've used pure CSS. With some hacks to get the PNGs to display properly in IE. Can't see why you're having a problem, though.

TerminalAddict

11th August 2006, 19:48

looks great in firefox

Just FYI - it crashed Safari. Apple have acknowledged that there is a flaw in the java in safari and have issued a patch that I installed a few days ago.
Still crashed the browser on your page.

odd .. I've got safari 2.0.4 and never seen it crash from css

Skunk

11th August 2006, 19:48

do you encounter this css import problem in firefox?No, with not the way I showed earlier.

Soul Bruddah: see attached screenshot... Safari 2.0.4

TerminalAddict

11th August 2006, 19:50

might wanna work on padding-right or margin-right ..

go get a mac and check it in safari :)

BTW: yes plenty of insipration from cssplay.co.nz and I have link on my front page to them

Big Dave

11th August 2006, 19:51

odd .. I've got safari 2.0.4 and never seen it crash from css

Could possibly be my system them.
I'm not over the moon with it at the moment.
9 grand, 5 weeks and it's still a bit flakey.

I've reinstalled everything twice now.

Skunk

11th August 2006, 19:54

Hope you're not treating it like you would OS9 Dave...
That would give you heartache. It did for me.

Skunk

11th August 2006, 19:55

odd .. I've got safari 2.0.4 and never seen it crash from css
No issue here either. Nice XHTML! I'm still doing 4.01 trans

Try this Dave http://validator.w3.org/

TerminalAddict

11th August 2006, 19:59

hahaha I just took the same screenshot
cmd-shift-4 click ;)

TerminalAddict

11th August 2006, 20:00

go skunk !! I notice you link to css3 validator, not the css1 validator .. I like your thinkging ;)

:2thumbsup

TerminalAddict

11th August 2006, 20:01

http://qa-dev.w3.org:8001/css-validator/ (for css1/2/3)

http://jigsaw.w3.org/css-validator/ (css1)

Skunk

11th August 2006, 20:18

go skunk !! I notice you link to css3 validator, not the css1 validator .. I like your thinkging ;)

:2thumbsup
Welll I did, then thought better of it as Dave isn't even delcaring DOC TYPE...

:lol: Just checked a site I did and it's not valid... :( Someone's gonna have to kick my arse.

Big Dave

11th August 2006, 20:20

Hope you're not treating it like you would OS9 Dave...
That would give you heartache. It did for me.

?

At the moment Dreamweaver locks up on the start screen and its help has stopped working altogether.
The jump from 3 to 8 was reasonably painless with no significant improvement in functionality.

Flash has got significantly harder to use in the jump from 3 to 8 and I'm getting reports of people on older browsers not being able to see flash movies made on 8 - the gui has taken several retrograde steps and I'm almost tempted to run v3 in classic, but the fonts fuck up.

Indesign and lays are significantly better - no question - i'm looking forward to taking Kiwi Rider much further ahead in the next few months. 1 more edition and it should change over.

Garage band, podcasting and iLife are fabulous.

Safari crashes in many java sites. Adobe acrobat is also unstable.

Overall good - could be somewhat better.

TerminalAddict

11th August 2006, 20:22

is that one of the flashy new intel macs?
I didn't think adibe had release universal binaries yet ..

Skunk

11th August 2006, 20:24

Don't have Safari/Java issues... Run several OSX boxes from 10.2.8 to 10.4.4.
Checked for the latest Software updates? I think you said you had.

InDesign... Do you HATE your prepress house? If so use transparency.

TA: they haven't... Rosetta emulates G3 processor.

TerminalAddict

11th August 2006, 20:27

skunk: yeah that's what I thought .. rosetta is a dog I hear.
I've got a g4 mini, with fireworks dreamweaver (never use it), and flash (I hate designing) version MX and have never seen them crash .. although I've only ever really used fireworks

Big Dave

11th August 2006, 20:38

is that one of the flashy new intel macs?
I didn't think adibe had release universal binaries yet ..

no - because of a need to service some customers who are still on quark - i got the last of the g5 power pc towers so i can run classic mode. Which I now hate.

20" cinema display and a 17" flat screen - for me palettes, beside it - lovely box - OS doesn't work as it should - but the extras are way funky.

Big Dave

11th August 2006, 20:40

InDesign... Do you HATE your prepress house? If so use transparency.

Transparancy created in photoshop or ID?

The_Dover

11th August 2006, 20:40

css new york or css miami?

or the original with that bearded dork?

Skunk

11th August 2006, 21:02

Short anwser: Yes. Photoshop psd/tif with masks or clear backgrounds and InDesign/Illustrator transparency.

Have a look here :http://www.colourcraft.co.nz/specs.php
This is what I say to our clients. Read the Adobe PDF linked there. I can add more to that document.

This thread is off topic.

Skunk

11th August 2006, 21:04

no - because of a need to service some customers who are still on quark - i got the last of the g5 power pc towers so i can run classic mode. Which I now hate.

20" cinema display and a 17" flat screen - for me palettes, beside it - lovely box - OS doesn't work as it should - but the extras are way funky.
Best fix is DON'T run Classic. We have a separate OS9 Mac for Quark and Pagemaker. Too many hassles otherwise with fonts causing issues everywhere.

Big Dave

11th August 2006, 21:11

Best fix is DON'T run Classic. We have a separate OS9 Mac for Quark and Pagemaker. Too many hassles otherwise with fonts causing issues everywhere.

yeah basically what i'm doing with the g4 - still got the beige g3 running the dowload apps too.

Using classic has been quite good at opening quark files and then converting them to indesign jobs.

I was still using pagemaker too - so the new stuff is just the old stuff to get the new stuff - hey pete gabriel!

Big Dave

12th August 2006, 00:00

so i sussed it!

with the help of the link to the validators you skunkness. just tidying up the new BRONZ web site with css that works on both browsers.

it was in fact a bad css sheet that the validator showed me how to fix.

I still have not got my head around the doc type for line 1 - if I say 'strict' it tells me i can't have items that are not there. job for tomorrow.

Meantime I take my hat and my trousers off to you o potentially smelly one.

(I have to add that I am OVER cutting and pasting code right now)

Skunk

12th August 2006, 19:15

I still have not got my head around the doc type for line 1 - if I say 'strict' it tells me i can't have items that are not there. job for tomorrow.
Use a TRANSITIONAL. They are more flexible. Some browser with layout and render differently based on the DOC TYPE. Basically you're telling the browser how to interpret the code.