A web agency weblog

My first web site that appears at CSS Mania. In less than twenty minutes has already received 500 hits from the gallery.

A quick note to save you some headaches.

If you don’t use width and height for all your images in HTML your design could break on the first load in Firefox (tested with 1.5.0.2 on Windows and Linux, I know this also happened in 1.0.x), if you refresh the page, the problem goes away.

Fixing this issue is simple, include width and height for all your images in HTML.

This problem only happens in Firefox, as far as I know.

Reading a Douglas’s post about underlining text in Illustrator, I noticed how his own comments are highlighted.

Douglas uses Movable Type, so I went to WordPress forums and quickly found this article.

These are the easy steps:

Edit your comments template in WordPress and before starting the loop:

<?php foreach ($comments as $comment) { ?>

include the following:

<?php
$isByAuthor = false;
if($comment->comment_author_email == 'YOUR-EMAIL') {
$isByAuthor = true;
}
?>

then, before starting the comment text, add:

<?php if($isByAuthor ) { echo '<div class="authorcomment">';} ?>

and before closing the list element (li), include:

<?php if($isByAuthor ) { echo '</div>';} ?>

You should create a class called authorcomment in your CSS.

That’s it!

Today I got a really weird problem with IE 6. I had some floating divs in my page and noticed some characters were being repeated.

If I looked into the code everything was right, the good boys —Opera, Firefox, Mozilla— showed everything ok. I also tried with IE 5.01 and IE 5.5 —yep, I’ve got the multiple IE installations— and everything was fine there too.

So, I did what I always do when in trouble with my an XHTML / CSS design: Going to css-discuss archives and then googling a little.

It took me less than a minute to know that the duplicated elements bug is a known issue, due to having HTML comments between floats. Explorer Exposed tells us more about this problem.

Gosh, I really hate IE.