CSS
The following is an advertisement.
WYMEditor HTML Textarea Loses Focus
Posted by Robert on the 24th of January, 2008 at 10:59 AM GMT0. Permalink.Tags: CSS, Geek, HTML, WYMEditor
I've been using the WYMEditor on a little content management system I've been building at work. I was having a problem where I couldn't edit in the HTML editor. Every time I clicked, the HTML textarea in WYMEditor would lose focus.
Continue Reading "WYMEditor HTML Textarea Loses Focus" …
Easier Image Replacement
Posted by Robert on the 24th of September, 2007 at 1:50 AM GMT0. Permalink.Tags: CSS, Geek, HTML, Web Design, Web Standards
If you didn't hear, text on a website is better than an image. Images have their place, but many people use images where text should be. In recent times, people have been using a technique called image replacement to replace text with an image. Typically, there are crazy hacks that involve embedded elements, but there is an easier way.
Continue Reading "Easier Image Replacement" …
Easy Clearing Of Floats
Posted by Robert on the 24th of April, 2007 at 5:14 PM GMT0. Permalink.Tags: CSS, HTML, Web Design, Web Standards
Web standards designers often need to make use of display:float to handle things like columns, navigation lists, and more. Usually these floats are followed by something like <div style="clear:both"></div>. It turns out there is an easier way.
Continue Reading "Easy Clearing Of Floats" …
Internet Explorer 7 Heading Bug
Posted by Robert on the 5th of April, 2007 at 2:25 PM GMT0. Permalink.Tags: Bugs, CSS, Hacks, Internet Explorer 7, Web Design
I try to avoid Internet Explorer 7, or IE7 for short, but I can't any more. Today was the first time I really had to debug in IE7 and I discovered a pretty irritating bug.
Continue Reading "Internet Explorer 7 Heading Bug" …
How To Do Modern Web Design
Posted by Robert on the 11th of January, 2007 at 6:42 PM GMT0. Permalink.Tags: Accessibility, CSS, Geek, HTML, Web Design, Web Standards
I've been trying to figure out the best way to explain how to do modern, semantic, standards compliant web design. I've been trying to make the point to my current protege that one should first look at a website like a term paper and move on from there. I've formulated a method now that I'd like to outline.
Continue Reading "How To Do Modern Web Design" …
Examining John C. Dvorak's Anti-CSS Article
Posted by Robert on the 17th of July, 2006 at 8:17 PM GMT0. Permalink.Tags: CSS, Geek
We all know it. John C. Dvorak is a troll. He's not just a troll. He's an uninformed troll. In Why CSS Bugs Me, an article posted on June 12th, 2006, at the PC Magazine website, John C. Dvorak explains why CSS is useless.
Continue Reading "Examining John C. Dvorak's Anti-CSS Article" …
More DHTML / CSS Problems
Posted by Robert on the 5th of March, 2004 at 12:06 PM GMT0. Permalink.Tags: CSS, Love Order Light, Web Design
A table has several parts. Most importantly are the TABLE, TR, and TD elements. TABLE defines that there is a table being started. It is a block object. TR specifies a row has started. It seems to me to be a block element nested in another block element. TD specifies a column. TDs are inline-block elements. That is, TDs can have width/height, but don't force a line break after them. Thus, you can make columns.
Continue Reading "More DHTML / CSS Problems" …
CSS and SPAN width
Posted by Robert on the 20th of February, 2004 at 11:26 AM GMT0. Permalink.Tags: CSS, Love Order Light, Web Design, Web Standards
Apparently, the SPAN, an inline element in [x]HTML, has no width attribute. That is, the spec has no place for assigning width to inline elements, therefore SPAN's have no width. There is a "bug" or something that allows Gecko/Mozilla to do width if float is set to left. However, it ends up being an ugly hack. Now, it's safe to say that Microsoft didn't comply. I can tell a SPAN to have a width in IE and it gives the SPAN that width (if I don't specify a DTD). Apparently, this "bug" is a fowled implementation of the inline-block, which allows for inline rendering (e.g. no line breaks after) with block formatting. So, for CSS 2.1, Microsoft is a step ahead... sort of.
Continue Reading "CSS and SPAN width" …
archive page: 1