|
|
Posted by Klaus Cammin on 07/15/06 00:37
Hi all,
ok, this is it!
Many thanks again for your help!
I implemented the new view of my pages. You may check it out if you like to
and tell me, if a browser starts behaving strangely. I tested it with
Firefox and IE.
http://home.pages.at/klaca/INDEX_EN.HTM
http://home.pages.at/klaca/flaggen.css /* here are the CSS declarations */
Basically I followed Els' example, which is preferable because image and
caption have their own format declarations and additional formatting can be
applied.
I extended the method not only for the basic overviews, but also for the
gallery of province flags (if present) in the country pages. Examples for
this are USA, Canada, UK, France, Germany and some others. (Sasketchewan in
Canada looks weird, it's the only flag with 2 details, well it's not that
bad.)
Sometimes a flag and a detail must be displayed together and that's the
reason why span.detail and span.single have different widths. Possibly I'm
going to drop that, because the difference is only 5px. But IMHO this light
irregularity looks quite nice.
Don't ask why I declared display:inline-block for thumb and display:block
for caption, I have only a vague impression what they mean, it just was the
combination that looked best ... Furthermore the browsers do not evaluate
this in the same way.
The last two are for the headers. Could have both named them 'head', but
I'll check that later. Main problem here was that the gallery tended to
cover the header. Took me some time to learn that vertical-align dös not
do much, but margin-bottom works.
Some problems remain, for example the caption for UK, Libya and some others
is too long, so either the image stands higher (IE) or the text reaches
under the next line's flag (Firefox). So the browsers even have their own
ways when they don't know how to display something ... ;-)
So, now I'm ready to receive your reports, that it looks like crap in Opera
or some UNIX-based browser.
Viele Grüße
Klaus
Navigation:
[Reply to this message]
|