moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.3) Ī bit further down is the mega navigation structure. ** page structure **/īackground: url('./img/leader-sm.jpg') no-repeat Most of this code is rudimentary design including the background-size effect for the photo heading. You’ll also notice I’ve included a separate Google Web Font called Nova Square. I’ve used a separate stylesheet named styles.css which includes a few resets and some layout positioning. You’ll find an empty div with the ID #megamenu and this will be the container for each submenu’s dropdown. This is located much lower down beneath the entire navigation. megacontent and never gets displayed until it’s loaded into the dropdown menu. We could include a long list of links, or we could embed a video.Any type of content may be added into the mega navigation regardless of the unordered list structure. Secondary elements are considered mega nav structures wrapped in a div tag. Įach list item contains one primary navigation element. Within this wrapper is another ID #navbar which is applied to an unordered list of links. The container nav element uses an ID of #menu which spans the entire width of the page. The page layout itself is wrapped in the center with a small header section.Īfter this header it’s fairly obvious that the navigation menu is large and takes up space. I’ve created a simple stylesheet which we can get into after the HTML. The first step is to download a copy of jQuery to include in the main document.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |