June 27th, 2009

flock

Fun with CSS

I'm trying to improve a web site I happened across, and find myself wanting to do something, but not knowing how to do so.

The goal: I want to have a company's name/address/phone on the left, and an image on the right, with the (horizontal) center lines of the two coincident--and with the text that follows NOT overlapping them.

My first try: a div containing two divs, one with the image floating on the right, and the other with the name/address/phone. No luck: the following text flowed right up into the region I wanted to keep it away from.

Second try: aha! Make the image just the background for a div containing the name/address/phone! Ooops... the image then gets chopped off because it's taller, at least as things stand now. I guess it's not fudging much to specify a height for the name/address/phone that matches the image height.

Another alternative: think outside the box. Shrink the image and make it so darned translucent that you can tile the div with it.

If anyone skilled in the ways of CSS knows how to get the effect in a clean way that is immune to zooming, I'd love to hear about it.
  • Current Mood
    curious curious
flock

Captioning: It's not an easy job

I have a lot of respect for the folks who do closed captioning, especially live broadcasting. They use chorded keyboards like court reporters,and they work phonetically. This sometimes causes problems, like the other day when Michael Jackson died. CNN captioning referred to Jackson as a "Popeye con".
  • Current Mood
    mischievous mischievous