Topic: Digital Pictures site review. Pages that link to <a href="https://ozoneasylum.com/backlink?for=9986" title="Pages that link to Topic: Digital Pictures site review." rel="nofollow" >Topic: Digital Pictures site review.\

 
Author Thread
OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-23-2002 09:28 Edit Quote

Hi there!
It's been a long time since I didn't posted here... had a lots of troubles in my life, and get really busy, but tried to read posts in the asylum from time to time..

So, there I come with a simple site review
http://www.mycgiserver.com/~omera/

It's all css design. Hope it will work fine!

Thanks for your comments, guys... ho, one last point: all the text is french, so don't be affraid!


OMERA ~ romantic dreamer ~

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 02-23-2002 15:30 Edit Quote

Omera: Welcome back (there is always a spare chair next to the fire!!). I like the look and feel of your page but it really only works well in IE (I'm using 6 but I assume it will also work in 5). I'm looking at it in Op6 and it completely falls apart. None of my browsers seems very willing to provide the source of any page at the moment so I can't dig out the problem but as it appears to affect everything I would suspect it may be related to the strategy you've used to create the page but I'll have to get back to you on this when I have access to the source (I know I could save the page and then view it but...).

The only other thing that I noticed was when I put the mouseover the thumbnails they shifted about a pixel right which would suggest to me that you have too much margin or padding set on the a:hover or not enough on your a:link style.

Overall your page looks good and works well in IE but Opera seems to indicate there is a problem with your coding (as it is more strict on its interpretation than IE) but I suspect it should be an easy thing to fix once I've tracked it down.

AS an aside I suspect that is an iframe with all your thumbnails in and that is a bad idea as it blocks all the content to NS4.x users (and there are still plenty of them out there) but I do like what you've done with the scrollbars!!

More later when things start behaving themselves at this end.

Emps

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-23-2002 20:03 Edit Quote

Many thank to you emperor for the time you took to review my work!

I'm sadened by the fact that the page looks dirty on Opera... I made big effort to make it works well under IE5+ and NS6 (and it looks good into the both! ).

For the strange 'shifting' thumbnails, I would confess that it's a "board effect" I obtained as a result of an error of logic I made in my stylesheet; I found it funny, so I let it perdure... that's just an effect provided by the fact that I declare a 'border' value for the img element and another for the border value of the a element. But I suspected that that would not be that fun for everyone... so I will throw this out shortly!

I think I have to check my style with the css validator to investigate possible problems.

And about that iframe, I must say that it isn't one: it's just a DIV that as a fixed width and the 'overflow: auto' style propertie enabled. That gives that result...

That's it!

Thanks again for your time; I think I will download opera and try it!

Omera

CPrompt
Maniac (V) Inmate

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

IP logged posted posted 02-24-2002 04:28 Edit Quote

Hi OMERA! I like your page and the div with the overflow set to auto is a nice effect.

The text on the top gets cut off when I minimize my browser to 800px width. Just to let you know. For some reason I get a tiny horizontal scrollbar. Are you going to make the style sheet external? If not, I would do so.

I like your photography.

Putting the dashed border around the links on mouseover makes it move about one pixel like it does on the mouse over for you images.

The section with the menu on the left seems a little out of place with no background.

Other than that I like it.

Later,
C:\


~Binary is best~

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-24-2002 16:23 Edit Quote

Ok!
I have made some 'cleanings'!

Browser check: works well in ie5+ ; ns6.2; mozilla 0.9.8 (duh...)
<sigh>Tried to test with Opera but this browser refuse to work on my computer! </sigh>
Emperor, would you mind testing the page for me with that browser again?
Shifting thumbnails: fixed.
Style sheet: external now.
'out of the blue' Menu: should be better now!

Anyone see anything else?

Again, thanks for you time, messieurs!

Omera

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 02-24-2002 16:41 Edit Quote

OMERA: I'm not sure what your cleanings were but they worked a treat - Opera has now fallen into place with the others (if you can get it to work in NS6 then its likely its going to work in Op6 but no guarantees. IE's code interpretation is lax so it'll let you get away with a few things it shouldn't and is no guarantee that it will work in the Big Three). The only thing is that overflow: auto (nice move instead of the iframe!!) doesn't work in Opera and so the box is the height you set it but the text now continues down over the bottom of the page which isn't helpful. This happens a lot with this technique and I haven't had time to work up a solution yet but you can either give me a couple of weeks until I can give this problem the attention it deserves of you could pop a message into the JavaScript board asking for help. Basically what you need is a little snippet of code which identifies that the browser is Opera and then resets the DIV with the overflows height to 100% or auto. One of the JavaScript experts there could whip up that kind of code in their sleep (so could I given a little time).

Good work it is looking good now - how does it work in NS4.x?

Emps

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-26-2002 11:55 Edit Quote

Ok!
I finally went trough the limitation or opera... at least for one part of it!
Now the main div looks okay... excepting for the imgs!!!!

I don't understand what's happening with them: they don't stack
in the main area, and just flow out of it!
Maybe you could help me with that problem, Emperor? That would be kind!



OMERA ~ romantic dreamer ~

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 02-26-2002 14:40 Edit Quote

Omera: I'm happy to help - unfortunately it will probably just invovle tweaking and testing. I'll have a nose through the code and see what jumps out:

The first thing is that there are an awful lot of metatags in there - I'm not really sure you need things like your address in there (infact is it wise to give out you address online?). What does dc.keywords do?

I can't see anything but I've not got Opera on this machine and I'm not sure what you mean by the images not stacking up until I see it. The problem may be in your .wrap, .float or img styles but I can't see anything obvious. I might get rid of the margin styles in there as there are too many:

quote:
div.wrap{
margin : 0px;
}

div.float {
height : 105px;
float : left;
margin-bottom : 2px;
}


img{
border : 1px dashed #369;
margin : 3px;
}



I might get rid of the .wrap and the margins on the img and just set the margin on .float to 3px and margin-bottom: 5px; but I don't think that is the problem. I wonder if having clear: none might work on the .float class?

It might not help but have a look at the first example here (this article is very useful when people are trying some challenging things in CSS):
www.alistapart.com/stories/practicalcss

I'll check the problem and get back to you if those solutions don't work.

By the way I do like your photos - they capture the Vendee nicely (they ould easily be on an adver for the region!!).

Also get yourself on the locator map as we don't have anyone from France in there!!

Emps

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-26-2002 15:56 Edit Quote

Well!
Thanks for your time, again, Emperor!

About the article from allistapart you linked: fact is that I used this one when I made the layout, and my code, as far as the images are concerned, is directly taken from it! So... that should work, isn't it?! I'm wondering If I didn't made any mistakes while trying to adapt it a little bit... I have to check that!

What is werid is that it works well on other browsers, and validate, too... Opera maybe bogus?

I'm happy that you enjoyed the pictures of Vendée. Did you ever visited it?
I'm planning to bring more and more photos from various places in france. My goal is, at the end, to make a france map with pictures from the various locations I visited. Some kind of a "touristic" site, without the primary goal to attract an make money! Have still some works ahead, and some pictures to take too!

Yup, the locator, how comes that I've forgotten to put myself in it!

Thanks again!

PS: metatags=> just experiencing, to see if they are really that usefull! Dunno what dc.keywords do!

[This message has been edited by OMERA (edited 02-26-2002).]

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 02-27-2002 03:45 Edit Quote

OMERA: Yes I know the Vendee although not as well as I should I'm sure.

Opera bogus? Its more likely that it is overly strict. OK the problem seems to be that only the first 3 pictures of each set are showing which would suggest to me that the box they are in isn't constrained to Opera's liking so have a look there. If one of the surrounding boxes is set to something like 100% then set it to an absolute width and see how that works.

If this isn't working then take that section out, simplify it and rework the problem and see how that works.

Good luck with your plans too - it will be interesting to see what you will produce.

Its good to see ALA getting well used!!

Emps

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

IP logged posted posted 02-27-2002 05:30 Edit Quote

OMERA!

good to see you again =)

Jason

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-27-2002 09:31 Edit Quote

Emperor: Ok, I have to dig that problem more deeply... Maybe I should wrap image section in something... some experiments await!
As far as ALA is concerned, I discovered it by coincidence about 1 year ago.. till that time, I wait for each issue eagerly! And of course, I read, think about what I've just read, and try to apply advices as best as I can!

JKMabry: Yep, back in business, as madona will say!

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-27-2002 13:55 Edit Quote

Ok!!!!
Finally rode over it!!!

I found the problem, which was in fact really simple.
Judge by yourself...

div.float {
height : 105px;
float : left;
margin-bottom : 2px;
}
doesn't work.
Img are not constrained in the containing div and simply Flow out of it in line.

If I make

div.float {
height : 105px;
width : 105px;
float : left;
margin-bottom : 2px;
}
Everything runs fine!

I suppose Opera is not made to "guess" what size is a div if no size is specified... so he isn't able to decide where to perform a 'carriage return' when stacking floating div.

That's it!

So, considering that my site was designed to be easily 'skinned', I have now to check my others designs for compatiblity...


Merci pour ton aide Emperor!

Omera

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 02-28-2002 02:24 Edit Quote

OMERA: Just glad it was an obvious problem. Opera is strict so although you won't get many Opera visitors (except myself if IE6 is playing up!!) you know that your code is probably about as tight as it is going to get. This means that other devices which we have less control over will probably be OK too if they conform to the standards.

I look forward to seeing to see how it goes next.

Ooops just checked and the images are running off sideways again - a temporary glitch I'm sure. I also tried the new style and it does the pictures correctly but you have a little problem with some of the text. Always tricky - good luck.

Emps

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 02-28-2002 09:15 Edit Quote

Well!

I have bought my own domain name!
http://www.book-of-flare.com


The images flows right on the version of Opera I have. Maybe a temporary glitch due to some experiment I was making??
Ok for the text problem on the orange style. I will check that later!
FIXED!

[This message has been edited by OMERA (edited 02-28-2002).]

[This message has been edited by OMERA (edited 02-28-2002).]

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 02-28-2002 20:08 Edit Quote

OMERA: Well done on the domain name and well done on fixing the problems - its alll working very nicely again!!

Emps

OMERA
Bipolar (III) Inmate

From: France
Insane since: Mar 2000

IP logged posted posted 03-05-2002 14:34 Edit Quote

Okay!
Nearly finished the "map" I was talking about!

Please have a little review of the "look and feel" at:
http://www.mycgiserver.com/servlet/omera.servlet.MapServlet


Rmk 1: I know there are some bugs with the javascript 'hover' code, will be fixed soon!
Rmk 2: Many sections are empty and must be filled: that will be done in the next weeks!

Thanks!

EDIT:
Btw, I've added a new style (parchment style): be sure to review it too!

[This message has been edited by OMERA (edited 03-05-2002).]



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


« BackwardsOnwards »

Show Forum Drop Down Menu