Web Design Blog

CSS Tips & Tricks

This is where we store some of our Web Development thoughts, tips and tricks, just because we like to share.

CSS- Using Float With List Item Bullets in I.E 6/7

Note to self and everyone else having a breakdown over this issue, YOU CANNOT float a list in I.E 6 or 7 and have the bullets display. It took me way too long to realise that. I have searched high and low for a legitimate way of making it work (without using JavaScript), but apparently [...]

08 Dec 2010 / 3 Comments / CSS Tips & Tricks / by Maruf

Remove Redundant CSS From Your Stylesheet

Last week someone approached me with a problem- their website was running significantly slow. There were many obvious problems, but the issue I’m going to cover today is CSS stylesheets. Believe it or not, but stylesheets can slowdown a website if they get too bloated. It’s extremely common for a web developer to fill stylesheets [...]

14 Jan 2009 / 2 Comments / CSS Tips & Tricks / by Maruf

Rounded Corners With CSS

This is a pretty simple but useful tutorial. A lot of people physically create round-edged backgrounds with applications like Photoshop. While this is time-consuming and a complete nightmare for updating purposes, there is a much more efficient way of doing this with the use of CSS. Only problem is that it doesn’t work in all [...]

15 Oct 2008 / 2 Comments / CSS Tips & Tricks / by Maruf

Pure CSS Image Gallery

It’s a simple CSS image gallery- no Javascript or any other scripting language is required for the feature to work. I had someone ask me how I did it, so I thought I would share the code. Demo of the CSS gallery It’s simple, clean and affective. CSS Image Gallery Code Download Any probs? Let [...]

30 Sep 2008 / 3 Comments / CSS Tips & Tricks / by Maruf

Centering Text Vertically With CSS

CSS can be extremely odd some times, and vertically centralizing text in CSS is one of those occasions which makes me think that… Centering text horizontally within a div is extremely straight forward. All you need to to do is use the text-align:center property. But for some reason, there isn’t an easy remedy to centralize [...]

15 Sep 2008 / 0 Comments / CSS Tips & Tricks / by Maruf

Using Different CSS Stylesheets For Different Browsers

I’ve been crunching through a lot of CSS this week, and on occasion I’ve had to overcome the classic CSS battle between Firefox and I.E. It’s no secret that Internet Explorer and Firefox tend to disagree on certain elements in which they render CSS properties. So while everything may line up perfectly using one browser, [...]

01 Sep 2008 / 5 Comments / CSS Tips & Tricks / by Maruf

5 Cool CSS Tricks That Are Often Neglected

In this post I’ll quickly go over 5 CSS tricks that I think are pretty cool, but often neglected. Controlling case sensitivity Transparency Using multiple classes together Changing Cursor CSS font shorthand 1: Controlling case sensitivity I’ve already mentioned this in a previous post, but it’s a nice little trick, so it belongs in this [...]

22 Aug 2008 / 0 Comments / CSS Tips & Tricks / by Maruf

How To Remove Dotted Border From Links In Firefox

I’ve noticed that a lot of websites have an unexpected dotted border around links in Firefox. A lot of the times you can get away with it because it doesn’t look too odd (depending on your CSS). However, I’ve seen cases when it looks pretty odd. Here’s an example: I’ve actually taken that screenshot from [...]

14 Aug 2008 / 1 Comment / CSS Tips & Tricks / by Maruf

Centering A Div With CSS

I get this question a lot, “How do you center a div?” Central aligned websites are extremely common. Back in the day most websites were aligned to the left, but long gone are those days. Although, I do see the odd few keeping it old school (which is all very cool). Centered Website Left aligned [...]

09 Aug 2008 / 0 Comments / CSS Tips & Tricks / by Maruf

Control Your Text Case Through CSS- Lowercase And Uppercase

Back in the day I always used to use a programming language like PHP to control text case. And even further back in the day, I used to control the case manually, by typing ALL IN UPPERCASE, or being extra careful to use proper case. I still use PHP some times, for example, to make [...]

31 Jul 2008 / 0 Comments / CSS Tips & Tricks / by Maruf
© 2012 BrightCherry :)