Topic: My Latest Project: www.ultimateimage.us

Let me know what you think:
www.ultimateimage.lfchosting.com

If you are in and looking at the CSS, I'm specifically interested in techniques for organizing them. I hate when I am in the middle of HTML code (really XSLT) and I need to format a DIV tag for one reason or another, so back to the global style sheet I go... all these one-ups are killing me, killing my style sheet that is.

I started out with some good rules to follow like:
/* all red element */
h4, h3, h2, h1, a {
color: red;
}

Anyhow, let me know what you think!
Karl

(Edited by Karl on 08-12-2004 00:49)

I see you don't care how us FireFox people view your page.
It's a mess. I'm sure it looks great in IE. And Let me thank you for being able to skip that intro.
I see you were able to get that background working. Did you have to do it with a fixed sized area??

I used absolute positioning and normal positioning with CSS. Here is the CSS:
http://www.ultimateimage.lfchosting.com/style/ui_content.css

And here is the XSLT document which is responsible for producing all of those swoop grey areas:

http://www.ultimateimage.lfchosting.com/documents/incl_ui_content.xsl

Karl

css positioning + tables = bad results

use one or the other. that's the purpose of css..to do away with tables

Later,

C:\


~Binary is best~

Firefox choked on WinXP, which means that mozilla and netscape browser are going to most likely eat it too. I don't think that I am going to test this and give a review until you get the cross browser stuff worked out.

Dan @ Code Town

WarMage: Thanks for the info... I'm not sure where to begin on determining what is NOT cross browser friendly. Any ideas there?

CPrompt: I know! Part of the problem is that my designer does not know CSS too well, but I think his design abilities is good. Also, this was a bit of a coordinated effort - he built the template and I threw together the content.
I have to admit, the transition away from table layout design to CSS has been a little difficult at times... one thing I find difficult to do with pure CSS design is to allow content that would normally stretch the height or width of a TD in one cell and the adjacent layout would align accordingly (especially/mostly horizontal and vertical alignments).

Karl

Help please...
I need help to determine what the issue is with display of these pages on the MAC (and other browsers that do not render the content well).
Can anyone offer some suggestions to the CSS?

Also, can you (MAC Users) check to see if Flash video plays on this page (other have pointed out that they were not able to view this):
http://www.ultimateimage.us/index.html
( I think I fixed this - one of the 2 paths in my object decleration was wrong)

Thanks,

Karl

(Edited by Karl on 10-18-2004 05:48)

quote:

---

I need help to determine what the issue is with display of these pages on the MAC (and other browsers that do not render the content well).

---

i so know that problem!!!! (ie versus firefox for me...) i'm not a pro, but i will tell you watch out for the padding and margins. firefox is really picky about them, so i usually do away with the padding and just place elements exactly, using 'top' and 'left' properties instead of, say, padding: 10px ....

not quite sure with macs so i will also be waiting, bated breath, for other replies to this problem ....

[insert fabulous sig here]

I agree with cprompt:
"use one or the other. that's the purpose of css..to do away with tables"
I always had problems when trying to postion a cell absolutley and then trying to collapse the cell with the table.


~allewyn

I think if you look into the code further, you will find that the stuff that requires the browser compatability fix is strictly DIV + CSS.
If you are familiar with XSLT, the source for (what I call "ui_content") is:
http://www.ultimateimage.us/documents/incl_ui_content.xsl
The CSS is:
http://www.ultimateimage.us/style/ui_content.css

Karl

I'm closer! I'm using Firefox, so don't exactly know how it looks on a MAC but am hoping it is better. Can someone please check?

Also:
{ text-decoration:none } is not working for my A-Tags (on Firefox). Any ideas?
I've tried assigning this to both a and a:link

Karl