I’m still doing my best to master the fine points of building a drop down horizontal navigation menu. In my earlier posts on this topic I was building them with divs. Now I’m trying to do my best building them with ordered lists from memory – as in not having to reference W3Schools or some
I just recently finished up coding a nice “About Me” page on my South Ataria Island website. I want to share with you my thinking behind the background for that page, it isn’t rocket science but if you’re new to CSS like me hopefully you’ll find this helpful. I wanted the background to have columns
I wanted to build a horizontal menu with a drop down content area on my ‘Macross Hotels’ page. The horizontal menu was to have 3 main options: amenities, images and dining. Then the corresponding drop down section was to contain information pertaining to each category. The tricky part to this was that the menu was
Yes, you can assign two classes in a div. CSS: .class-1 {border: 3px dotted pink;} .class-2 {background-color: orange;} HTML
I’ve been working diligently on an upgrade of the Macross Hotel landing page. I currently have a rough sketch of a drop down menu and I’ve used the same method to create six different drop down content sections throughout the page. The page so far looks 100% better than the old boring and plain one
I’ve recently completed an overhaul of the ‘Macross Hotels’ page. One small feature I wish to elaborate on is the text blocks I used for the hotel names. I wanted a block of color with the text aligned all the way to the bottom right edge, below is a picture of the effect.
In Part 2 I built a skeleton drop down menu just to illustrate the basic principles. In the following I want to fill out that skeleton and build an entire navigation bar. Remember, we are starting with here which is a drop down menu built with divs (not with an ordered list). Part A: Dummy Text First
I’m on day 2 of my quest to get a full understanding of how to code a horizontal navigation menu with a drop down submenu. Again, this is no easy task to wrap your head around. Fortunately for me there are numerous incredible coders who freely share their code online, which has helped me out
A few days ago I wrote a post entitled “Floating Divs in a Div” where I shared a small quirk I was having with the float property when I coding a layout that had nested divs inside a larger div. After another post where I learned that ‘inline-block’ acts almost just like ‘float’ I wanted
I love to use Google Fonts for my Ataria Island website, but the one major problem has been extra padding or margin around the fonts, especially on the larger font sizes. It seems like at times there is 10px, 12px, 15px of extra space on top and on the bottom of the text. I’ve tried
