|
Post by Brett Ludwick on Mar 16, 2015 14:13:18 GMT -8
Setting up the horizontal navigation was pretty straight forward this week. The directions given in the videos was slightly different than what I have done in the past in terms of applying the styles to the various link elements you have to choose from, like: "ul li a" or "ul li", or just "ul",etc. I still get confused as to which compound element to apply a given style to sometimes. Centering became my biggest issue again this week. I had a difficult time centering my navigation, and 1 or 2 images, particularly the newsletter image on the bottom-right. I couldn't get them to center with just one style, but had to keep tweaking the margin and/or padding to get it centered. There's got to be an easier way?? Maybe I made it harder for myself by making it a flexible (%) width layout. I learned a lot about transparencies this week and used them often. Thank you for helping me with the ability to selectively make containers transparent or not using "rgba" rather than "opacity". Assignment 9
|
|
|
Post by Judy Fontanella on Mar 17, 2015 17:11:26 GMT -8
Super work on your navigation buttons. They and your entire page look great.
To make your nav buttons center, set the li elements to "display:inline-block;" instead of to float. Your ul element then needs "text-align:center;" in it's rule.
Your main image fills its div, so centering doesn't seem to be a problems. Great work on all.
|
|