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
One of many remaining CSS challenges for me is coding a horizontal navigation menu that displays a drop down menu either via mouse pointer hover or click. I’ve looked at the code for a couple of these and I have to say, based on my current skill level, this isn’t going to be easy. I decided to
I’m trying to build up to coding a navigation bar, but the first step is getting some better understanding of {display: block;} and {display: inline-block;}. I can’t lie, at first I was like “what-the-what-now?” – but hopefully after this post these concepts will be a lot clearer to me and you if you’re just learning
One hurdle I have yet to conquer is the the onclick drop down menu, which I know I will need to master for small/mobile layouts. While looking for a pure CSS version I came across some code that I did not fully understand. To dissect it I copied it into notepad and began to comb
One of the basic fundamentals of CSS (as far as I can tell) is nesting divs. Maybe that is the wrong terminology for this, maybe its parent and child, I don’t know and I’m still learning so please forgive me CSS gods. Anyways, placing div(s) inside another div is fundamental to controlling your layout. There
I came across an issue coding a hyperlink for a ‘button’ yesterday. Let me first be clear though, when I say button I’m really speaking about a div. I was creating a horizontal menu with three divs that were to act like buttons, each with their own individual text options. It was something like this:
I came across the article “Want a Job in Silicon Valley? Keep Away From Coding Schools” on Bloomberg yesterday.It’s a must read if your like me and trying to learn code on your own. Fortunately for me I have no crazy illusions that I’m going to be able to teach myself enough coding skills that
I picked up this tidbit looking at some random CSS code. I noticed that you can set universal properties with an asterisk like this: * { color: blue; font-size: 1em;} With this added within my CSS I set all the text to the color blue and the text size to 1em.
