Category Archives: CSS

Using Assetic to manage CSS and JS

We’ve been using Assetic for some time and we’re quite happy with the results. Assetic can be used to consolidate your CSS and JS files into fewer files with options to minify (compress) them to minimize the file size and … Continue reading

Posted in CSS, JavaScript, Site Optimization, Web Development | Tagged , , , | Leave a comment

Importing Third Party Fonts like Google Fonts – put them on top

We were using a theme for quite some time which uses Google fonts. There are no issues encountered until the number of CSS files increases too much that we need to consolidate them into 1 or 2 CSS files. This … Continue reading

Posted in CSS, Web Development | Tagged , , , | 3 Comments

CSS – Elements covered by a container div not clickable

A link was covered by a div for some reason but although the link is visible, it is not click-able (partially). Hover is not working either. This is because the container div covering the link accepts all the clicks and … Continue reading

Posted in CSS, Web Development | Tagged , , | 1 Comment

CSS and IE Language Hack

Its been a long time since my previous post. Way way back, few sprints ago, I have this specific ticket where I encounter the epic select element whose width differs on different versions of Internet Explorer. The last problem I … Continue reading

Posted in CSS | Tagged , , , , | Leave a comment

Customized Twenty Ten Theme Using BlueTrip

Since WordPress 3.0, the Twenty Ten WordPress theme becomes the default theme. When I moved to a new domain and started from scratched, I used this theme as my default theme as to kick-start the blog the developed a custom … Continue reading

Posted in CSS, WordPress, WordPress Theme | Tagged , , , , , , | Leave a comment

Quick Post – Width For Inline Elements

I’m always bugged when I need to align some elements that are displayed inline. The design was almost perfect, but suddenly a new element was added and I need to align it to other elements from the top. Notice the … Continue reading

Posted in CSS, Web Development | Tagged , , , | Leave a comment

How to counter IE6 extra width / height bug?

As always, IE6 is really a big headache for web developers like me. One of the old IE6 bug is the extra width / height bug on CSS. Actually it is not just extra, but it actually doubles the padding … Continue reading

Posted in CSS, Web Development | Tagged , , , | 2 Comments

CSS – Centering Image

Are you having trouble centering images via CSS? I’ve no problem with it since I can easily search the topic on the internet, but it bugs me every time I posted a blog here, with images that I set “center” … Continue reading

Posted in CSS, Web Development | Tagged , | Leave a comment

Fixing Checkbox Width Problem in IE

I just reviewed my code today and found my code about how to fix the checkbox width incompatibility with IE. In IE, you will find that the checkbox has extra maring / padding on its left and right side making … Continue reading

Posted in CSS | Tagged , , , , , , , , , | Leave a comment

CSS Overflow

According to W3Schools definition: CSS Overflow Property Definition The overflow property sets what happens if the content of an element overflow its area. For example we have a container, that contains varying amount of data. If you set the width … Continue reading

Posted in CSS | Tagged , , , , , | Leave a comment