Vetical Thumbs...

[darvida]

Since hours I try to ,ake my thumbs vertical, but not able to do it.
This is the way it should look like (I manipulated the screenshot with PS!)
http://www.fotografisches.at/diverses/layout.gif

And that is how it looks now:
http://www.pictureperday.fotografisches.at/

So the things to be fixed are:
- vertical thumbs centered
- no border with the thumbs

How can I fix that?
Thanks for help,
lg
Christina

P.s. I used the "Search" but couldn´t find what I´m looking for..

[Connie]

Christina, have a look at www.photografitti.de

is that what you are looking for?


the thumbnails are formatted like this:
<!-- Thumbnails -->
<div id="film-cat">
<a href='index.php?showimage=256'><img src='thumbnails/thumb_20050608082029_edin4.jpg' alt='Edinburgh, Portobello Beach' title='Edinburgh, Portobello Beach' class='thumbnails' width='100' height='75' /></a><a href='index.php?showimage=258'><img src='thumbnails/thumb_20050608223828_caledonian.jpg' alt='Leith, sonntag abends im Pub' title='Leith, sonntag abends im Pub' class='thumbnails' width='100' height='75' /></a><a href='index.php?showimage=259'><img src='thumbnails/thumb_20050608224004_bedandbreakfast.jpg' alt='Bed and Breakfast' title='Bed and Breakfast' class='thumbnails' width='100' height='75' /></a><a href='index.php?showimage=261'><img src='thumbnails/thumb_20050608224825_mud.jpg' alt='Edinburgh / Newhaven' title='Edinburgh / Newhaven' class='thumbnails' width='100' height='75' /></a><a href='index.php?showimage=265'><img src='thumbnails/thumb_20050608230643_grazien.jpg' alt='Portobello Beach' title='Portobello Beach' class='thumbnails' width='100' height='75' /></a><a href='index.php?showimage=257'><img src='thumbnails/thumb_20050608223559_britannia.jpg' alt='Royal Yacht Britannia' title='Royal Yacht Britannia' class='thumbnails' width='100' height='75' /></a><a href='index.php?showimage=260'><img src='thumbnails/thumb_20050608224315_abstand.jpg' alt='Abstand-Halter' title='Abstand-Halter' class='current-thumbnail' width='100' height='75' /></a>
</div>

the CSS for id=film-cat:
#film-cat
{text-align:center;position:absolute;right:10px;top:5px; width:107px;background:transparent;padding:0;}

and the CSS for class=thumbnails and class=current-thumbnail:
.thumbnails {padding-left:2px;padding-right:2px;padding-top:0;padding-bottom:0;border-left:1px solid black;border-right:1px solid black;border-top:0 solid black;border-bottom:0 solid black;}

.current-thumbnail {padding-left:2px;padding-right:2px;padding-top:0;padding-bottom:0;border:1px dashed black;}

hope that helps!

[darvida]

Well yes, the look of the thumbs is ok,
but I don´t want then to be fixed on the right or left side.....
lg
Christina

[Joe[y]]

they shouldn't be fixed anywhere specific. you simply need to create a narrow div area with a fixed width which will force the thumbs to be vertical.

it's up to you where you align the div tag this way.

[darvida]

Thanks, that was the solution.
I´ve put them into a div with a fixed width and now it works perfect!
lg
Tina