By karlschneider98 on

I’m trying to style a photo gallery page with CSS but have run into a few issues and I'm hoping someone in the Drupal community can point me in the right direction.

I am using Drupal 6x. and have installed CCK, ImageField, Contemplate, Image Cache, Thickbox and Views to accomplish developing my photo page node.

I used this awesome tutorial
http://www.primalmedia.com/blog/building-better-drupal-photo-gallery
to build a simple photo gallery and the mechanics of the photo gallery are working well. The photos are sized in the layout and when you click on the small photo a larger photo is displayed.

See URL for my working photo gallery model.
http://pl984.pairlitesite.com/ssbmw/drupal-6.14/node/6

What I need help with is styling my photo gallery page so the layout looks like this: http://gwillikers.com/about-us/photos/celebrity-guests-gwillikers

I used firebug to see what element within my current layout I can use to add style to the page and found two elements called

and
for my photo page.

Should I add the style to these elements or is there a better way to accomplish my desired goal of styling my photo node? Something tells me that adding css style to those two elements is not the best way to accomplish my goal.

When I look at the styling of the photo gallery of the G.Willikers! Toy Store
http://gwillikers.com/about-us/photos/celebrity-guests-gwillikers
I see they have the photos been wrapped into a style called “gallery” and then the css appended to the “gallery” style. How to I mimic this way of styling or is there a better way to accomplish this layout goal?

What I am basically asking for is what the best approach to styling this gallery node. Before I run off Helter-skelter in the wrong direction, I was hoping someone with experience in Drupal CSS and theme development would be kind enough to share their knowledge with me and point me in the right direction with a little guidance.

⋅ Categories: Drupal 6.x