Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Anyone use lightbox? I have a weird spacing isse that may be a css conflict, but may be more.
I set it up the code to generate 2 images on a line, but there is a weid invisible box around the images. it look like they span the whole row.
Click on one of the horizontal nav items and then click on one of the photos.
http://mattbillings.com/index_new.php -
-
CommentAuthorthumblewend
- CommentTimeApr 18th 2006
I think the problem is with this line of your CSS:
a{display:block;color: #981793;padding:10px}
The invisible box is the 'a' link element that you have set to display:block which means it stretches to the full width of its parent by default. You need to add a width property to create room for a second one beside it, then float:left on them to bring every second pic up onto the previous line.
Just add this after the line I mentioned above:
div#content a { width:240px; float: left; }
I had to target the CSS more so that other 'a' elements were not affected, hence the div#content bit.
Good luck. -
-
thanks. makes total sense +1
-
dude i really like the loading thingie on your webpage, that's exactly what i've been looking for, have you got any links or anything related to that.
Mike -
I think you mean when you click on an image(impressive) and not the ajaxy loading thing(boring).
The loading when you click on an image is lightbox version 2.0
http://www.huddletogether.com/projects/lightbox2/
It's REALLY easy to install and one of the few things that I felt compelled to donate to support. -
well.... ... i'm refering to the "boring" loading thingie, that appears when u skip to a new page :) any refferences on that :D
Mike -
yeah. i have a div that's normally
visibility:hidden
<div id="load"><p><img src="images/indicator_wheel1.gif" width="16" align="16" alt="loading" border="0"> Loading</p></div>
right befor ei send off the ajax request, i change the visivility to visible. when the request is finished, i make it hihdden again. -
as for the image, i got one from here as a placeholder unil i make my own animated gif.
http://www.napyfab.com/ajax-indicators/
1 to 8 of 8