CSS

Overriding CSS can be a pain

Submitted by Damien on Wed, 11/05/2008 - 7:47am

One of the difficulties with Drupal is that with so many modules needed to make a good site you can end up with a dozen or more different CSS files. On occasions when you need to tweak the CSS to match a specific design, or fix something for IE6, it can take quite a while to dig down to the exact definition you need. You might try throwing random snippets of CSS at the problem to try to make it go away, but they usually won't work.

Blueprint CSS and inline images

Submitted by Damien on Wed, 07/16/2008 - 7:28pm

Having problems getting the Blueprint CSS framework to let you do inline images in paragraphs without making them a block object instead of inline? Add "float:none;" to the styles for your new image and it'll work. I'd just about consider this a bug.

Add new comment

Insanely easy tabbed web pages with Prototype

Submitted by Damien on Fri, 10/19/2007 - 11:26pm

I came across this today when trying to find an easier way to present a six-part form in a Rails project - a tabbed interface system built upon Prototype (an integral part of Rails). Called Control.Tabs it makes tabbed interfaces a synch to do: simply add an unordered list containing links to the blocks containing your to-be-tabbed content, and add a line of JavaScript to start the ball rolling - that's it!

IE6 and the min-height CSS attribute

Submitted by Damien on Fri, 08/03/2007 - 7:34pm

There's a really useful attribute in CSS called min-height that lets you set the minimum height an element should be displayed as; this is often used to make two boxes appear the same height even if one has less content than the other. Well, Firefox, Opera and Safari support it but Internet Explorer 6 and older don't.

List bullet colors, a CSS annoyance

Submitted by Damien on Thu, 05/24/2007 - 6:38pm

Something I've been asked to do several times over my career is to have a list in HTML with the bullet show up as a different color to the text. Unfortunatley the HTML & CSS standards don't allow this without some shoe-horning.

My Presentations

Search

Wishlist

Services I Use

CSS

Overriding CSS can be a pain

Blueprint CSS and inline images

Insanely easy tabbed web pages with Prototype

IE6 and the min-height CSS attribute

List bullet colors, a CSS annoyance