More work to do...

Just went to the Pompidou and got a truckload of ideas in the process. So expect another redesign of Photobug.org soon as well as some new places.

CSS Valid

Photobug is now CSS valid

Also, more and more feedback has been flooding in. So I guess the re-design was a good one, but I'm not satisfied so will be redesigning it in the next few months.

The long road to CSS

Been experimenting with CSS Hacks to get my site working with IE.

This works:

*html #contententry #otherlink
{
margin-top:0px;
color: #77aadd;
float:left;
margin-left:20px; /* for ie 5 */
m\argin-left:40px; /* for ie 6 */
}

But is NOT compliant.

However, this only displays in Mozilla Firefox (the browser used to build tbe new photobug) and is CSS2 compliant.

div>#content
{
margin-top:-9px;
}

So I guess I need to redo my style sheets. Argghh!!

Photobug finally goes live with it's new design. Pure XHTML and it validates! It was without pain though. Movable Type decided to play up big time. And that's not good, considering people were entering their comments for my Phototime Tuesday submission, just as I was doing the upgrade.

With the new design, it will be easier to update the layout and the HTML looks a lot neater.

In the meantime, I'll keep you posted on hints on how I did the site...

Plugins, plugins and more plugins.

It's like everytime I think up of an idea, or get super fussy, I have to go to mt-plugins and download some plugins.

So the new Photobug.org will be using ProcessTags, Paginate, Grid, RandomLine, Collate, CategoryCommentCount and Numbers to name a few...

I made a really interesting discovery regarding use of CSS selectors for changing the colors whenever the state in a anchor changes.

I originally had this:

#content table.place td img
{
width:60px;
height:60px;
border:0px solid #777777;
}

#content table.place td a img
{
width:60px;
height:60px;
border:1px solid #777777;
}


#content table.place a:hover img
{
border: #cccccc 1px solid;
}

But it didn't work in IE 5.5 properly. So I added this bit of extra code:

#content table.place td img
{
width:60px;
height:60px;
border:0px solid #777777;
}

#content table.place td a
{
border:0px solid #777777;
}


#content table.place td a:hover
{
border: #cccccc 0px solid;
}

This allows IE 5.5 to detect the state change while hiding the extra formatting needed
for the newer browsers.

Anyway, I'll see how this pans out...

Although Photobug has been up for more than a month, I am already thinking about a redesign of the site. I'll be posting design ideas in the next couple of days.

And among other things. I am looking at upgrading my camera hardware, including the replacement of my Canon A20 with something more powerful. If anyone has any ideas, please let me know.