[Web4lib] web page layout help needed

[Tracy L. Mehlin]

Using CSS for layout has a steep learning curve, at least for me!  :-)
Try defining widths and margins for your various banners and the unnamed 
div holding your navigation. 
For example:
#banner1 {
text-align:left;
width: 300px; /*use "em" if you want it to grow with the text size or % 
if you want to shrink in relation to the window size*/
margin: 5px 0;
}
You'll want to also explore either floating your divs left and right or 
positioning everything exactly.
A "wrapper" div can keep everything together in the center like the 
original page, with margins set accordingly.
I find Firefox with the Firebug and Web Developer Toolbar extensions 
*very* helpful for layout problems.

Good luck!
-- 
Tracy L. Mehlin, MLIS
Information Technology Librarian
Elisabeth C. Miller Library
University of Washington Botanic Gardens
Box 354115
Seattle, WA 98195-4115
206-543-0415 ~ tmehlin at u.washington.edu ~ www.millerlibrary.org
Sandra Cahillane wrote:
> Hello all,
>
> I am trying to create a template for our web pages without using tables or
> frames and I am having a bit of trouble.  If anyone could take a look at my
> code and css and provide feedback I'd greatly appreciate it.  What I really
> need is someone to talk me through fixing up the page to look the way I
> want but think that would be too much to ask.  Although, I'd gladly accept
> help from any volunteers. :) Is it possible this layout can only be
> achieved with some combination of xhtml, css and java?
>
> Briefly, I'm trying to change the code on the page to look similar to our
> current homepage at http://library.baypath.edu.  When you see the pages
> I've sent you'll see that I have numerous things I need to fix.
>
> Here are links to the new page, the css page and the javascript page:
>
> http://library.baypath.edu/testpages/index-menu.html
> http://library.baypath.edu/testpages/hatch_main.css
> http://library.baypath.edu/testpages/popup.js
>
> Thanks in advance for any help.
>
> Sandy
>
>
>
> Sandy Cahillane
> Systems and Reference Librarian
> Bay Path College
> Hatch Library
> 588 Longmeadow Street
> Longmeadow, MA  01106
> (413) 567-4529 or (413) 565-1376
> fax-(413) 567-8345
>
> _______________________________________________
> Web4lib mailing list
> Web4lib at webjunction.org
> http://lists.webjunction.org/web4lib/
>