Hi all,
I'm trying to play with scriptaculous making a div scroll using
Effect.MoveTo, I figure out the javascript part, but I'm having
problem with the css
I need to make a div on top of my thumbnails that will mask the
thumbnails, so what i'm doing is something like this :
[div class="evento_multi_tab_photo_img"]
[div id="eventos01_thumbs" style="border:1px solid green;"]
[a href="../images/eventos/diasemcarro/big_01.jpg"
rel="lightbox[diasemcarro]"][img
src="../images/eventos/diasemcarro/thumb_01.jpg" width="153"
height="113" alt="" /][/a]
[a href="../images/eventos/diasemcarro/big_02.jpg"
rel="lightbox[diasemcarro]"][img
src="../images/eventos/diasemcarro/thumb_02.jpg" width="153"
height="113" alt="" /][/a]
[a href="../images/eventos/diasemcarro/big_03.jpg"
rel="lightbox[diasemcarro]"][img
src="../images/eventos/diasemcarro/thumb_03.jpg" width="153"
height="113" alt="" /][/a]
[a href="../images/eventos/diasemcarro/big_04.jpg"
rel="lightbox[diasemcarro]"][img
src="../images/eventos/diasemcarro/thumb_04.jpg" width="153"
height="113" alt="" /][/a]
[/div]
[/div]
and writing the css as:
.evento_multi_tab_photo_img{
margin:5px 0;
height:113px;
width:153px;
overflow:hidden;
}
#eventos01_thumbs{
display:inline;
}
but since I'm using the width in the first div, it constrains the
second div to that width also ( cascading after all ), but I want them
to display in a line, and be hidden from view.
Can anyone help me achieve this effect here ?
If you want to see the page prototype it is located at:
http://www.mobilciclo.org/novosite/eventos/
TIA
Marcelo
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
