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..
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.
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!
From: there...no..there..... Insane since: May 2001
posted 02-24-2002 04:28
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.
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!
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?
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: 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:
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!!
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).]
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.
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!
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.
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...
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.
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).]
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).]
posted 02-23-2002 09:28
