Archive for the 'CSS' Category

Mr Kirkland

CSS Internal Error: incomplete URL list

Bookmark and Share

So it took me a while to figure this one out, therefore thought it would be worth posting here…

Facebook currently allows only one url type declaration per style block. So if you have multiple url declarations in your style, you get this error. The solution is to simply seperate the url declarations into separate style blocks:

<style type="text/css">
#div1 { background: url(http://www.imageserver.com/img1.jpg); }
#div2 { background: url(http://www.imageserver.com/img2.jpg); }
</style>

To become:

<style type="text/css">
#div1 { background: url(http://www.imageserver.com/img1.jpg); }
</style>
<style type="text/css">
#div2 { background: url(http://www.imageserver.com/img2.jpg); }
</style>

Mr Kirkland

Internet Explorer Submit Button Horizontal Padding

Bookmark and Share

As you already know Internet Explorer takes great care to interpret HTML and CSS in it’s own special way and only sometimes does this co-incide with the W3C’s specification. The padding on Submit Buttons is one such nuisance.

Simply, IE simply ingores any horizontal padding you specify with css. The solution, I discovered, it to use the “overflow: visible” for all such elements e.g.

Before

<input type="submit" value="Internet explorer ignores my padding" style="padding: 20px;" />


After:
<input type="submit" value="Internet explorer respects my padding" style="padding: 20px; overflow: visible;" />

NB For this example I’ve put the style inline with the html - for real use this should be separated from the html in an external style sheet.


About

You are currently browsing the Mr Kirkland 2.0 weblog archives for the CSS category.

Longer entries are truncated. Click the headline of an entry to read it in its entirety.

Timezone

  • JST: 2008-05-12 13:41
  • BST: 2008-05-12 05:41
  • PDT: 2008-05-11 21:41