Saturday, 11 February 2006 - 6:34 PM EST
Name:
cw
Jeez don- you're forging ahead by leaps and bounds! :). I checked in 2 browsers, and three resolutions. Grammy's pic is a little wide for all but the largest resolution I viewed in (1280 x 960). Right side overlaps some of Austyn's background image. At least 3 ways or approaches to adapt it to smaller resolutions....
1. change the table width from 90% to 100%. This will make the table wider so may give that central image more breathing room.
2. decrease the grammy pic to 330 pixels wide like the widest of the others. Generally- manipulating the html height and width in the img src tag is not the way to do it. It's a cheat that can cost load time but it was easier than resizing the images in an image editor and uploading all back to a web account. That's why I just hot linked to yours a couple of days ago. Point here- if you resize via the img src tag it must be done proportionately height to width or the image will distort. Since I can see grammy's pic is the same dimensions as the other larger pics you uploaded and I resized via html to 330px wide, I know grammy needs to also be 248 pixels in height like the others. so change img src to height="248" width="330"
3. stretch pixel gif a little wider to make the cell it's in wider, too. That will give more space between the far left and far right table columns. To add enough width you'd have to add at least another 160 pixels (grammy is 80 pixels wider than the widest of the other pics and you need to add an equivalent space to the other side too or the table will not look centered over your background. That's going to mean a page somewhere in the neighborhood of around 1000px wide and getting a little close for comfort for viewing in 1024 x 768 resolution without the need for L/R scrolling.
You're probaly going to have to play around with all 3 options and find some combo of them that works if you want viewing for smaller resolutions like 1024x768 without horizontal scrolling.
Hint- Make a copy of your page file from the web shell and play with the copy. Then you can really mess with things and not have to worry about destroying your present page. And you always have a good file to copy again for further playing should you need to trash the other copy.
if you want to use your simple base URL attached to your username (blog/donspage.com) then create a home page called index.htm (you can use the index.htm as long as you don't also have an index.html. You want one of them not both ibn the same directory. index.html/index.htm are defaults served when no one specifies a specific page to view at your site.
The way I learned a lot of what i know now was through these help boards- by lurking and seeing if I could figure out how to fix a problem someone else posted. Can't beat getting your hands dirty :). Also, everyone is welcome and encouraged to answer any and all posts here no matter what your level of experience. Learn by doing, and each, one teach one, gets you lots of hands on experience. HTML is a hobby to me, I am not a web designer by any means. But this hobby has brought lots of pleasure to me as it can and does to many others. Participating on these boards in any capacity can be very beneficial. Please hang around and answer anything you feel you want to. And yes, no one should feel afraid to ask questions.
PS- a good css learning tool is the blogs and their advanced customization templates. You can pick them apart and change styles and layouts and see what happens when you do whatever you did via "preview". The stylesheet itself (treated as an external stylesheet for the blogs) is kept at the styles.btpl template.
When playing with color changes I like to practice with css colornames which I find easier to work with than color hex codes though less customizable. Do a google search of 'css colornames'- that should bring up a page or two that lists the 100 or so css colornames. You can probably see where i used them a few places in your code such as the table cell background color I think I wrote in as the colorname "white".