If you have ever worked with CSS you know the problem you can have when you float one element, and then have text next to it. Especially if that text is in a list, or a highlighted box (usually surrounded with a border and/or background color). Essentially the margin of the element next to the…
jQuery makes it easy to add a class to a selected element, or elements. Likewise, it makes it easy to remove classes from the element. This allows you easily update your page layout dynamically. You may want to use classes instead of Directly Applying your CSS Rules because it will make updating the design and…
Child elements can be selected in jQuery, the same as you would select them with CSS. Simply put a space between the parent and the child. So if you wanted to select paragraphs that are within a div with an id of content, you would have a selector like the following: $(‘#content p’) Likewise you…
If you need help with jQuery Selectors, please click on the previous link. Using jQuery, you can apply CSS directly to one or more elements you have selected with the jQuery selector. This is done using the css function. It is called by placing a jQuery selector, dot and then the css command. This actually…
I have recently decided to start adding some free online content for users to access. These online courses combine text, images, and video to cover a subject. I have just finished the first course, Building & Styling HTML Tables, and am releasing it in a “beta” format. I choose this topic, as it is one…
It wasn’t too long ago that if you were wanting a special font on the web, you would have to save out your text as an image, and insert the image. Unfortunately, this usually meant your page would take a long time to load, and it wasn’t search engine friendly. Luckily, in the past few…
This will put together all of your previous examples and information such as adding links, adding images, controlling text, etc. Think of this as putting a puzzle together. This is a step by step guide to build and layout your website. Pre-Production Phase This has already been done to some degree for your first web…
CSS provides an easy way to change the way a website looks from the browser defaults. This is sometimes referred to as the presentation of the website, or the presentation layer. This means that CSS allows for a lot of flexibility in how it is applied to the website, and in controlling how the website…
