Hi, I was hoping someone could help me with applying a lightbox to portfolio images. It seems the images are placed through CSS and not embedded on the page. There is an image rollover CSS rule but the template wasn't finished with the lightbox. This is what it should look like: http://www.templatemo.com/templates/templatemo_406_flex/ This is the site I'm working on: http://wswdesign.com The images under "latest work" are placed in the page the ones under "portfolio" are added through CSS and don't show on the page until going live. Thank you graciously for any help. Here is an example of my code for one image: <ul class="portfolio"> <li class="item design"> <div class="portfolioitem"> <img src="img/print1.jpg"> <div class="portfoliohover"> <div class="info"> <h1>+</h1> <h5>trade show graphics</h5> <h6><b class="light-gray">Celguard / Membrana</b></h6> </div> </div> </div> </li>
What makes a plus sign the heading under which all content of the page a subsection? What makes "trade show graphics" the heading indicating the start of a h4 before it when you have no h2, h3 or h4? What makes "Celguard/Membrana" the start of a subsection of "trade show graphics" when it quite obviously has no content to even BE a subsection? Much less all those DIV for nothing, abuse of a bold tag, presentational classes... Making some goofy scripttardery in the form of lightbox is the LEAST of your worries there. ... though as always the rubbish off the shelf stock template reeking of "accessibility, what's that" and "HTML, what's that" certainly isn't helping matters -- even the stock template page itself being broken layout here due to design concepts that have no business on a website in the first place -- like fixed px metric equal height content areas. The whole page reeks so badly of "Semantic markup, what's that?!?" that as I often tell people, throw that entire mess in the trash and start over, there is NOTHING worth salvaging from it.