Trying to use an unordered list for the second row of elements and the placement does not come out well. Something [invisible to me] is preventing the ul from floating all the way to the left. Any clues?
http://onepotcooking.com/amandadouglas/class3ama/class3blackbook.html
I have looked in my css for padding and margin errors, but can't find any. If I try to add padding or margin to the right, the elements wrap to the next line. My last line in the ul is a div class clear. So I am baffled. I will work on the rest of the page until help arrives. Then I will try the same not using the ul.
Subscribe to:
Post Comments (Atom)
Hey,
ReplyDeleteI had the same exact problem earlier, here is what I did to fix it.
Remember that unordered lists automatically indent. Thus, there is an automatically defined padding, as well as top and bottom margins, whenever you use an unordered list. It may be that you need to take the padding out within your css file.
something like:
ul#tabs{
padding:0px;
}
You'll also probably want to set the to and bottom margins to zero also.
Hi Amanda, I would actually not use a UL or OL for the search bar. I would only use lists for things on the page which are "list-like", such as the navigation items "Recently Opened, My Friends, My Ratings". For the search bar, I would use standard img, form, and div tags as necessary, using CSS styles (float, clear, padding, margins, width, height, etc) to get the layout you desire.
ReplyDelete