Topic: CSS Gallery Pages that link to <a href="https://ozoneasylum.com/backlink?for=22201" title="Pages that link to Topic: CSS Gallery" rel="nofollow" >Topic: CSS Gallery\

 
Author Thread
templar654
Bipolar (III) Inmate

From: Aiur, the Tarsonian Galaxy
Insane since: Apr 2004

IP logged posted posted 06-16-2004 03:00 Edit Quote

I presumed I needed to make a new thread. Oh well,I neeed to ask, does anyone know how to make a CSS gallery. I've had success with IE, the page looks excellent on it but not on other browsers. Here's what I have, 4 columns like so

[image] [caption] [image] [caption]

here's the link to the page (note I didn't have time to upload the images but you can still see the difference)

http://www.angeltowns.com/members/contours/extras/canvas.htm
(sorry but you'll have copy paste it into the address bar, it's my host)

and here's the stylesheet
http://www.angeltowns.com/members/contours/extras/style.css

any suggestions?


Online Portfolio

hyperbole
Paranoid (IV) Inmate

From: Madison, Indiana, USA
Insane since: Aug 2000

IP logged posted posted 06-20-2004 22:55 Edit Quote

You keep giving 'position: absolute' in the CSS for elements, but then you don't specify any positions so they are all going to be at position (0,0).

1) Get the page to work in FireFox or Opera, then Mozilla, then Explorer. Explorer is not a good place to start when testing a new page.

2) Don't mix absolute and relative positions on the page. Use one or the other. Mixing will cause problems in the layout.

-- not necessarily stoned... just beautiful.


(Edited by hyperbole on 06-20-2004 23:00)

templar654
Bipolar (III) Inmate

From: Aiur, the Tarsonian Galaxy
Insane since: Apr 2004

IP logged posted posted 06-21-2004 03:36 Edit Quote

Thanks but actually it's working perfect now, I thought I'd read everything at ALA but it got me once again. One question though (this is interesting) when you say specify the positions you mean margin right?


Online Portfolio

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 06-21-2004 03:45 Edit Quote

I can assure you that it does not work perfect, not even in IE. Things are out of place all over the page in IE, and far moreso is Firebird.

When he says position, he means the position. You specify "position:absolute;" in many places, but then don't actually specify what the absolute position is supposed to be (for example: top:20px; left:10px;").

There is no need for absolutely positioned elements in that apge, and in fact it is quite probably what is causing problems. Simply do not specify a 'position' at all, unless there is a circumstance where it is absolutely needed.



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


« BackwardsOnwards »

Show Forum Drop Down Menu