The Montoya Herald, a weblog about Blueprint, jQuery, design, music and life, publishing on the web since September 2005. Written by Christian Montoya: developer, designer and entrepreneur.

The Montoya Herald — ChristianMontoya.com

Search

Supported By

Small improvements

Posted on February 16.

In avoiding all homework/work/etc. for a few hours, I made some updates to the design at this site.

First of all, I fixed the lists in the footer, which applies to both versions of this design. I don't have any reason as to why I didn't do it before, but I switched the markup from UL to DL and used floats to structure it as you see here. CSS snippet:

#footer dl { 
  overflow:hidden; 
}

#footer dl dt {
  clear:left;
  float:left;
  font-weight:normal;
  margin:0;
  padding:0 0 .2em 0;
  width:20%;
}

#footer dl dd {
  float:left;
  margin:0;
  padding:0 0 .2em 0;
  width:79.6%;
}

I heard somewhere that overflow:hidden forces a container to contain floated children, but I can't verify that claim. You'll have to look it up for me.

Second, I updated the header image of Domo-kun just slightly, but if you can't notice the differences then don't worry about it. Pat yourself on the back for not being too nit-picky.

Third, made a lot of stylistic changes to the "Domo On" version… I made the links in the comments section pink (because I was running out of colors), I added an edge-graphic to the navigation and "hire me" sections, I updated the form boxes as well as the buttons, and I changed the border styles on images. I don't know if any of these are good changes, but that's where you come in. Share your comments, suggestions, and dreams. I'll be listening.

Update 2-17-07: I am now officially cool because I have random thumbnails from my Flickr photo-stream displayed in the footer of my site. Visit the homepage to see them. Mad props to Veerle for making it look so easy.

Get a Trackback link

1 Comments

  1. Raptrex on February 16, 2007

    i like the links to hover when i hover over them, but thats just me

Leave a comment

Use Markdown or basic HTML. For posting code, use Postable. Please keep comments respectful and on topic.