I'm working on a simple persentation for some of my work.
Here's a basic starting point laid out in photoshop:
<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/spikes5_layout1.jpg">http://users.rcn.com/rmkerr/mySite/spikes5_layout1.jpg</a><!-- m -->
Heres a link to what I've started:
<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/index2.htm">http://users.rcn.com/rmkerr/mySite/index2.htm</a><!-- m -->
and the CSS
<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/main2.css">http://users.rcn.com/rmkerr/mySite/main2.css</a><!-- m -->
Pretty messed up right now. The main thing I wanted to ask about was formating the main content area, where the image and the thumbnails are. Is there any way to float all those elements to their proper positions? Should I divide the whole layout into 2 or 3 columns?
I also would appreciate any comments on how I've laid out the page in general. Any advice or tips would be great.
Thanks in advanceGet well acquainted with the clear property (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control">http://www.w3.org/TR/CSS21/visuren.html#flow-control</a><!-- m -->). It allows you to specify on which sides of an element that other floated elements can exist, or whether no floated elements may exist beside it.
Also, visit /* Position Is Everything */ (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/">http://www.positioniseverything.net/</a><!-- m -->) - It highlights many of the most common browser bugs and fixes.
It also wouldn't hurt to make sure you know about the CSS Box Model. (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions">http://www.w3.org/TR/CSS21/box.html#box-dimensions</a><!-- m -->).
Here's a basic starting point laid out in photoshop:
<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/spikes5_layout1.jpg">http://users.rcn.com/rmkerr/mySite/spikes5_layout1.jpg</a><!-- m -->
Heres a link to what I've started:
<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/index2.htm">http://users.rcn.com/rmkerr/mySite/index2.htm</a><!-- m -->
and the CSS
<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/mySite/main2.css">http://users.rcn.com/rmkerr/mySite/main2.css</a><!-- m -->
Pretty messed up right now. The main thing I wanted to ask about was formating the main content area, where the image and the thumbnails are. Is there any way to float all those elements to their proper positions? Should I divide the whole layout into 2 or 3 columns?
I also would appreciate any comments on how I've laid out the page in general. Any advice or tips would be great.
Thanks in advanceGet well acquainted with the clear property (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control">http://www.w3.org/TR/CSS21/visuren.html#flow-control</a><!-- m -->). It allows you to specify on which sides of an element that other floated elements can exist, or whether no floated elements may exist beside it.
Also, visit /* Position Is Everything */ (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/">http://www.positioniseverything.net/</a><!-- m -->) - It highlights many of the most common browser bugs and fixes.
It also wouldn't hurt to make sure you know about the CSS Box Model. (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS21/box.html#box-dimensions">http://www.w3.org/TR/CSS21/box.html#box-dimensions</a><!-- m -->).