View Single Post
# 5 27-01-2006 , 01:46 PM
t1ck135's Avatar
Registered User
Join Date: May 2004
Location: UK
Posts: 1,991
Good start mike user added image

I'd say the header needs some work as the font on the buttons looks a little basic. Maybe a little color might bring it out a bit too.

I'm not a fan of frames but your site works decently with them.
Unless you're going to be styling the table headers and cells in the gallery.html page etc then I'd make them a slightly lighter grey (maybe #BBBBB or #CCCCCC for the header one and #DDDDDD or #EEEEEE) for the one below - it'll make the little thumbnail images stand out more.

If you want the images to have a little space around the edges without much messing then a simple unordered list with a little css might help.
- On your gallery page (or create a link to a standalone css file containing all your style information - better in the long run) add this to the style declaration near the top:

/* removes borders on all images */
img {
border: 0;
}

/* styles an unordered list of items in a div named thumbs */
div#thumbs ul, div#thumbs ul li {
list-style: none;
display: inline;
text-decoration: none;
}

and then add this where the images would be (inside the table td):

<div id="thumbs">
<ul>
<li><a href="https://www.mtmckinley.net/cq2_tn1.jpg"><img src="https://www.mtmckinley.net/cq2_tn1.jpg" alt="image description" /></a></li>
<li><a href="https://www.mtmckinley.net/cq2_tn1.jpg"><img src="https://www.mtmckinley.net/cq2_tn2.jpg" alt="image description" /></a></li>
<li><a href="https://www.mtmckinley.net/cq2_tn1.jpg"><img src="https://www.mtmckinley.net/cq2_tn3.jpg" alt="image description" /></a></li>
<li><a href="https://www.mtmckinley.net/cq2_tn1.jpg"><img src="https://www.mtmckinley.net/cq2_tn4.jpg" alt="image description" /></a></li>
<li><a href="https://www.mtmckinley.net/cq2_tn1.jpg"><img src="https://www.mtmckinley.net/cq2_tn5.jpg" alt="image description" /></a></li>
</ul>
</div>
<br />

tada, a simple styled image list with the minimum of fuss. Just add another div with the same id somewhere else and it'll apply there too.

Keep going though, it'll be good to see your site visually revamped (with a preview page for your new book?) user added image


Examples of bTraffic - a traffic animation tool for Maya
bFlocking - a tool for Maya 8.5+ to generate flocking and swarming behaviours
Jan/Feb Challenge 2007 Entry and W.I.P
May/Jun Challenge 2006 Entry and W.I.P
Mar/Apr Challenge 2006 Entry and W.I.P
Jan/Feb Challenge 2006 Entry and W.I.P
Nov/Dec Challenge 2005 Entry and W.I.P
Sep/Oct Challenge 2005 Entry and W.I.P
Jul/Aug Challenge 2005 Entry
www.flash-fx.net