In the <style> section is where you name your CSS classes, so for example if I want a div to have a solid red border that is one pixel in width I would code it like this:
<style>
.red-div {border: 1px solid red;} Continue reading…
What Does Deprecated Mean?
When reading through a number of HTML/CSS blog posts and comment sections I’ve come across the term “deprecated” quite a few times. At first I ignored it, but after about the 1,589th time seeing it I decided it would be worthwhile to get the formal definition. Continue reading…
Not Planning For Larger Screens
The more I learn about coding the more I’m able to identify my mistakes and shortcomings. I coded a ‘Hotel’ page for my South Ataria Island website a couple of weeks ago. Sometime last week I noticed an issue with the display on larger screens, see below: Continue reading…
CSS: Using Calc for Height
After successfully using the calc function for width I naturally wondered if I could use the same function for height. At first I thought the answer was a definitive ‘no!’ I tried a couple of calc formulas for height:
- height: calc(100% – 100px);
- height: calc(500px + 25%);
CSS: Using Calc for Width
For my brother-in-law’s website I came across a layout issue that I resolved by using the ‘calc’ tag. I had a row that had three sections. The middle section contained images that did not resize and thus was to be a static width at all times. The left and right sections contained text and their widths would be dynamic, resizing depending on the width of the browser window.
Fortunately when looking at some CSS code a week or so ago I came across the ‘calc’ function and this was the perfect opportunity for me to try it for the first time. So, we know the following: Continue reading…
WordPress Installation
I originally hand coded this blog, but after about 10 posts it was obvious I was going to need WordPress or some other content management system. There was no way I could create categories and internal links and all of that for each and every individual post. Continue reading…