Saturday, May 01, 2010

Making a Banner -Tutorial Update

"What's the best way in the tutorial to display the results of the markup?"
I set up the tutorial so that in the left column you can see the markup, and in the right column the result...
In the right column I was "faking" the "What it looks like in a browser"...
Then it dawned on me I can actually display a different web page on a web page!
There is an html element that let's you do that... it's <iframe src="" height="" width=""></iframe> and it works much like the <img /> tag.

So Starting with Page 5 I inserted the iframe and you get to see an actual web page in the right hand column!

On page seven I kept the CSS as simple as possible, and checked to make sure it works in all versions of Internet Explorer... I only use float for the image in the banner, and only used position:relative for the h2 and h3 sub-titles...

Tip
Keep it simple...
Test Early and test often...







No comments:

Post a Comment