Positioning
Today I’m going to discuss positioning. I will cover relative, absolute, and fixed positioning. These along with floating (as discussed in the last post) gives us 4 ways to position elements on a web page. These last 3, unlike floating, can result in overlapping elements as you will see. If this is what you want […]
Float
Today I’m discussing float. This feature in conjunction with earlier DIV tags can alter the inherent layout of a web page. This is the technique used in the earlier DIV post that rearranged the page. The inherent layout is the normal top to bottom flow of a web page. Those elements appearing first in the […]
DIV tags
Today I will discuss DIV tags. These are the bread and butter of web page layout design. They play a major role in page layout, structure and appearance. They are block level elements, they are used to group different items and they are used to divide web pages into logical sections. The format is <div>…</div>. […]
Selectors, con’t
In the last post, I introduced selectors. I threw out a lot of information, and today I want to cover the issues in more details. Looking at the modified web page code sheet, at the top, the @import url is the code for importing an external style sheet. The style sheet is in directory css, […]
Selectors
Today we will be discussing selector tags. As the name implies it is used to selector specific areas of the web page for special treatment. We have addressed selectors in the first introduction post and they are h, p, img, ul, and li. The ones we will cover today class and ID selectors are much […]
Colors
In this post I’m going to address colors as used on web pages. The light beam of colors from computer monitors, cell phone, etc. goes directly to our eyes and are not reflected off any physical objects. All colors can be created by different combinations of base colors red (R), green (G), and blue (B). […]
Typography
Today the topic is typography. I’m going to cover some basics of what you need to know to properly understand and use text on a web page. The most important thing to understand is the fonts used by each internet viewer comes from their font file system on their computer. They may have the same […]
Computer monitors
In this post I’m going to talk about the relationship between pixels and inches for your computer monitor. Your computer monitor is rated by pixels such as 1280 x 1024, which are width and length respectively. And if you have an image that is 300 x 200 pixels, you may ask how big will that […]
Images, two
Ok, finally we are back to images. In my introduction post, I used the following tags to implement the image. <img src=”van.png”> Well, while this works it is not a best practice. I used it to keep things as simple as possible to start. In this post I’ll detail the best practice for incorporating images […]
Box Model
Oops, sorry my bad, I need to talk about one more topic before continuing with images. That topic is the box model. This is a very important concept that you really need to understand. It is the building blocks of most items on a web page. The box model concept applies to all the tags […]
What people are saying