Latest news in CSS
CSS Basics: Styling Links
CSS Last week I explained about linking pages using the anchor tag. This week is about styling those links. For the basics of styling read my previous post Understanding CSS. Target the anchor tag In our CSS we can simply target the anchor tag using the a as the selector. So if we wanted our links to always be green and bold we could use [sourcecode language="css"]a { color: green; font-weight: bold; }[/sourcecode] If you wanted to have links in a ...
Continue readingUnderstanding CSS
CSS CSS stands for Cascading Style Sheets. Its job is to control the presentation of a web page document, written in (x)HTML. The idea is that your web document, written in (x)HTML, contains the content and structure of your page, and then you apply the CSS to give the page colour and layout, keeping content separate from design. To understand more on this way of working I recommend reading SitePoint’s – What is CSS?. There are 3 ways in ...
Continue readingLink Block Hover Effect
CSS It’s a fairly common trick used nowadays, a block of text with a title and some other information that acts as a link while the only thing that looks like a link in the block is the title. It doesn’t require any fancy tricks even, but it’s probably not the most semantic bit of code. Check out the demo here. The key is simply wrapping the entire block in the link, and then styling the rest of the content to not look like a link. ...
Continue readingUse CSS to Style Link Types.
CSS Ever wanted to style your links to represent the type of content it links too without having to add a class to each link? Well I’m here again to save the day with a no brainier solution. This is quick and simple so I’ll get right too it. Say you want to have all links to PDF’s have a PDF icon next to it, letting users know they are about to have their browser stall for a few seconds as the file loads. Well all you need to do is ...
Continue readingFancy Forms
CSS Forms can be a bit of a pain to style, in the old days tables were the method of choice to align everything just right, but this is the future; CSS OR DIE! P.Diddy will come to your home and kill you if you use tables for presentational markup. So in order to prevent a Diddy disaster here is some helpful information, I accept thanks for saving your lives in cash and gifts off my Amazon wish list.
Continue readingColumns dropping off
CSS I've talked about using grids in designing websites previously, aligning your elements to a formula to create consistency and harmony. This isn't hard to integrate into your design process, but issues can pop up in putting the layout to code; one such problem is columns dropping off.
Continue readingHow to add borders to your images in posts
CSS I always think it’s a good idea to add images to blog posts when you can. They make posts visually more appealing and are useful for breaking up large sections of text. Using CSS, you can add a border to your post images to make them even more appealing. To do this you first need to find the CSS class which controls what happens in your posts. If you edited the img selector on it’s own you would edit how every image on your blog is ...
Continue readingAn explanation of CSS List Style Types
CSS Lists are a great way to present information to readers in your blog posts and are used in blog designs frequently to style menus and links as well. Thankfully, CSS allows you to customize your list markers much easier than basic HTML. I’m sure most of you reading this are using the default style type which came with your blog stylesheet however it’s worth trying a new type of style out and in this post I will show you how you can do ...
Continue readingTo ID or not to ID.
CSS The diffrence between an ID and Class was something I was largely ignorant too for some time at the beginning of my jumping onto the CSS bandwagon and abandoning tables for layouts. I used them both, probably incorrectly, but stuck with class for most of my layouts. It took a while before I even bothered to inquire as to what the diffrence was between id and class, and lucky for you I’m going to share that morsel of knowledge. ID, using ...
Continue readingControl how your links are displayed using CSS
CSS Just about every blogging platform controls its style using a CSS stylesheet. You may have looked at this code and found it difficult to understand however I believe it’s important to have at the very least a basic understanding of Cascading Style Sheets and how it works with HTML. In this post I will show you how can define how links are displayed on your blog. The CSS selector for controlling links is a. This selector can have 5 ...
Continue reading
Recent Posts
Blogging tips writers
Blog Partners
