Re: [css-d] gallery in liquid lay-out: can of worms

[David Laakso]

Luc wrote:
> Good evening David, 
>
>   
>> What prevents the large image from sliding all the way across, and 
>> beneath, all the thumbs is that you forgot to add left: 0; in #thumbs 
>> a:hover img {...}.
>> 
>
> Oops... good catch David :-)
>
>
>   
> So, unless somebody knows a solution i'll go with your solution: works
> for IE6 also :-). I'm sure i'll have no hard time to 'convince' the
> client in the slight change of lay-out ;-).
>
> Tnx for the help!!
>
>
>   
>
>   
>> Please see:
>>   
>> 



re:



Antonio,

You're welcome. As we know, it is whatever does it for you, and yours 
that counts.

Either way, I remain...

Salma

Mexico City, Mexico




















>
>  
>   

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] gallery in liquid lay-out: can of worms

[Luc]

Good evening David, 

It was foretold that
on 15/08/2009 @ 16:53:25 GMT-0400 (which was 17:53:25 where I live)
David Laakso would write:

> What prevents the large image from sliding all the way across, and 
> beneath, all the thumbs is that you forgot to add left: 0; in #thumbs 
> a:hover img {...}.

Oops... good catch David :-)

> The image distortion and maintaining proportionality of the images as 
> the window size decreases is yet another matter. Easy to do if the image
> dimension is not hard-coded. However, I did not find a way -- perhaps 
> someone else will --to do this and still maintain the image 
> functionality "on-hover."

Well, opera has a distortion but is nearly not as bad as in IE6:
that's just painful to see.

If i feed IE6 a fixed width with the star html hack it plays nice
but messes the positioning up.

Giving the big images a fixed dimension (width and height) doesn't
work of course when resizing the viewport unless i give the container
a fixed width, with a result it will cover the right column.

So, unless somebody knows a solution i'll go with your solution: works
for IE6 also :-). I'm sure i'll have no hard time to 'convince' the
client in the slight change of lay-out ;-).

Tnx for the help!!

> If you can change the mark-up, the possibility of a different -- yet 
> functional -- image gallery is possible. Set a fixed width  and height
> for the parent block and the large images. And move that block from the
> center column, to beneath all 3 colums. I only checked this quickly in
> FF. Seems to hold in a 640 window. You will need to adjust the position
> of this paragraph:

> Para ampliar as fotos, passe o mouse sobre as miniaturas.


> Please see:
>   

 
-- 
Best regards,
 Luc aka desperado ;-)
_

http://www.dzinelabs.com

Using the best e-mail client: The Bat! version 4.2.6 with
Windows XP (build 2600), version
5.1 Service Pack 3 and
using the best browser: Opera.

"It is not necessary to understand things in order to argue about
them." - Pierre De Beaumarchais. 


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[David Laakso]

G.Sørtun wrote:
> David Laakso wrote:
>   
>>  I could, and probably will, do this for IE/6: 3. display: none;
>> 
>
> May I recommend:  4. "clean sheet for IE6"...
> 
> ...so as not to discriminate users of such an old browser.
>
> regards
> Georg
>   




A clean sheet it is, Georg. No problem with that reasonable suggestion, 
whatsoever.  It may be a few hours before it lands on the server. Host 
down-time this end. But it will happen.

Thank you.

Goudy
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[G.Sørtun]

David Laakso wrote:
>  I could, and probably will, do this for IE/6: 3. display: none;

May I recommend:  4. "clean sheet for IE6"...

...so as not to discriminate users of such an old browser.

regards
Georg
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] gallery in liquid lay-out: can of worms

[David Laakso]

Luc wrote:
>  Hello list,  
>
>  Problem page: http://www.dzinelabs.com/sandbox/GrupoMP/Pages/Frotacop2.html
>
>  Css embedded.
>
>  Desired result:
>
>  i'm looking to keep the big image on hover to be centred inside the
>  gallery when resizing the viewport to a smaller viewport.
>
>  Problems i'm encountering: image is distorted and not centred.
>  The #thumbs.bigpix class to have the first image always displayed
>  also doesn't kick in.
>
> The gallery styles are at the end of the css.
>
> TIA!!
>  
>   



Desperado,

I am not sure I can help.

What prevents the large image from sliding all the way across, and 
beneath, all the thumbs is that you forgot to add left: 0; in #thumbs 
a:hover img {...}.

The image distortion and maintaining proportionality of the images as 
the window size decreases is yet another matter. Easy to do if the image 
dimension is not hard-coded. However, I did not find a way -- perhaps 
someone else will --to do this and still maintain the image 
functionality "on-hover."

If you can change the mark-up, the possibility of a different -- yet 
functional -- image gallery is possible. Set a fixed width  and height 
for the parent block and the large images. And move that block from the 
center column, to beneath all 3 colums. I only checked this quickly in 
FF. Seems to hold in a 640 window. You will need to adjust the position 
of this paragraph:

Para ampliar as fotos, passe o mouse sobre as miniaturas.


Please see:


As ever,

Salma Hayek





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[Alan Gresley]

David Laakso wrote:
> Alan Gresley wrote:
>>
>>> 
>>
>> Hello,
>>
>>
>> This should cause some concern for you.
>>
>> 
>>
>> Only took three page selections to reach this blank page.
> 
> 
> Thanks. Send it to Ozzie. Or Felix.
> 
> Goudy


Hello,

If I different know better, I would presume I'm corresponding to many 
different people (btw, I experience this firsthand).

It would be nice to actually work a fix for this bug. To admit defeat 
and have to alter ones code to nurse IE6 along is annoying when on is 
attempting to present a portfolio of ones coding skills by a coder who 
is versed in IE6 bugs. I can empathized with your dilemma. This leaves 
two choices.

1. Hide styling (child selectors ">") from IE6 until the bug is not 
present and possibly admit this in the portfolio. I would do this.

2. Alter the code.


My theory on why is happens is the possible mixture of unordered list, 
images with intrinsic width, re-flow and possible server issues 
(remembering I could not reproduce the bug from my server).



-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[David Laakso]

Alan Gresley wrote:
>>>
 
>>>
>>> This should cause some concern for you.
>>>
>>> 
>>>
>
>
> It would be nice to actually work a fix for this bug. This leaves two 
> choices.
>
> 1. Hide styling (child selectors ">") from IE6 until the bug is not 
> present and possibly admit this in the portfolio. I would do this.
>
> 2. Alter the code.


Alan,

You forgot the third choice.  I could, and probably will, do this for IE/6:
3. display: none;
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[David Laakso]

Alan Gresley wrote:
>
>> 
>>
>> 
>
> Hello,
>
>
> This should cause some concern for you.
>
>
> 
>
>
> Only took three page selections to reach this blank page.
>   





Thanks. Send it to Ozzie. Or Felix.

Goudy






>
>   

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[tedd]

At 11:16 PM -0400 8/14/09, David Laakso wrote:
>Hello,
>
>My name is Frederic. I work alone and could use some feedback. I have
>this sort-of semi-comprehensive site layout. You might say it is a work
>in progress. Or, you might not say that. Either way, your comments and
>suggestions are always welcome.
>
>
>Best,
>Frederic G.

~d:

All you artsy people speak in a language that's beyond me -- I'm just 
a meat and potato guy with all my taste in my mouth.

But from my perspective, simple as it is, I like your "work in 
progress". I like it better than the numbered presentation that 
Westmoreland presented last month.

Plus I like exploring about the page finding things like "PORTFOLIO" 
fading into the background, and a bottom-center horizontal menu that 
mimics the vertical one at the top-left, and a neat little logo I 
would pay in a art show to see -- all of which provide interest and 
balance.

My only concern is that when a user clicks a page to see the product, 
there's no easy return back to where they came other than clicking 
the back button on their browser -- that's like telling someone after 
they cross a beautiful bridge that it's only one-way and they have to 
swim back.

In any event, if the point of the exercise is to demonstrate your 
talent in creating tasteful web presence, then you've accomplished 
that.

Cheers,

tedd
-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[Alan Gresley]

David Laakso wrote:
> Hello,
> 
> My name is Frederic. I work alone and could use some feedback. I have 
> this sort-of semi-comprehensive site layout. You might say it is a work 
> in progress. Or, you might not say that. Either way, your comments and 
> suggestions are always welcome.
> 
> 
> Best,
> Frederic G.


Hello,


This should cause some concern for you.





Only took three page selections to reach this blank page.


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] suggestions appreciated...

[David Laakso]

Chris Blake wrote:
>
 

>
>
> Keep me updated with any changes, I like how it is going.
>
> Cheers, CB



Excellent, constructive, sound suggestions.

Thank you, Chris.

Best,
F. Goudy



__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/