Topic: My Latest Project: www.ultimateimage.us Pages that link to <a href="https://ozoneasylum.com/backlink?for=22899" title="Pages that link to Topic: My Latest Project:  www.ultimateimage.us" rel="nofollow" >Topic: My Latest Project:  www.ultimateimage.us\

 
Author Thread
Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 08-12-2004 00:49 Edit Quote

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)

MalFunkShun
Maniac (V) Inmate

From: few miles outside philly
Insane since: Jul 2001

IP logged posted posted 08-12-2004 04:50 Edit Quote

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??

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 08-13-2004 09:02 Edit Quote

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

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 08-13-2004 22:42 Edit Quote

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~

WarMage
Maniac (V) Mad Scientist

From: Rochester, New York, USA
Insane since: May 2000

IP logged posted posted 08-14-2004 04:50 Edit Quote

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

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 08-14-2004 23:33 Edit Quote

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

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 10-18-2004 05:01 Edit Quote

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)

LaSun
Bipolar (III) Inmate

From: the dark one with no windows
Insane since: Sep 2001

IP logged posted posted 10-18-2004 07:00 Edit Quote
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]

Allewyn
Maniac (V) Mad Scientist

From: Solitary confinement
Insane since: Feb 2001

IP logged posted posted 10-18-2004 18:46 Edit Quote

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

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 10-19-2004 06:02 Edit Quote

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

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 10-20-2004 07:25 Edit Quote

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



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu