4 replies [Last post]
Stormz
Offline
Regular
Last seen: 19 years 20 weeks ago
Joined: 2003-11-11
Posts: 12
Points: 0

I`m re-designing my wife`s website atm, and using it as a CSS learning tool at the same time.

A couple of strange things which I can`t solve (IE6) atm:

- when you first load up the index page, the image of her in the main content is squished (?). If you go to `biog` and then back it`s the way it should be. Press `refresh` though and it goes squished again. It`s dimensions are right in the code, and never had a problem when viewed locally on the hd.

- that damned text block level thing rears it`s ugly head again in the bottom `rounded corners` of the main content on index.html.... I`ve tried text-align: bottom and the block thing but nothing will get the images to sit at the bottom... so instead I get that horrible horizontal line showing from the bg colour.

http://www.bluestorm.info/mandytest/index.html (only index, biog and style.css are up atm).

all help/advice appreciated .... then i`ll get on with the rest of the pages. I`d like to incorporate a flash audio player on the music page if poss.... easy enough? worth doing?

Stormz
Offline
Regular
Last seen: 19 years 20 weeks ago
Joined: 2003-11-11
Posts: 12
Points: 0

Strange things in CSS

sorted, thanks to David Mead over at Killersites.com forum....

"Take the auto out of your calls for the image and you should be good to go in IE:

.imgborder {
margin: 5px 0px 5px 5px;
border: 2px solid gray;
}

"

Still need to sort out the lines appearing at the bottom of my curved box (it`s the bg showing through below the corner images, as the images are `raised` a bit... and disply: block and verical-align: bottom didn`t work for me).

http://www.bluestorm.info/mandytest/style.css

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Strange things in CSS

Hi Stormz,
Looks like you should be able to use negative bottom margins on the images of a pixel or two.
margin-bottom:-2px;
Also you should check out the site in Mozilla based browsers you may have to adjust the width of your floated boxes.

Hope that helps

Stormz
Offline
Regular
Last seen: 19 years 20 weeks ago
Joined: 2003-11-11
Posts: 12
Points: 0

Strange things in CSS

Cheers Tony, I`ll try that out asap.

btw I`m an Aussie in the UK, and am thinking of returning to Perth in the next year or so.... what`s the web design job situation like in Aus? I work in tv broadcast here, but there`s none of that in Perth.

Stormz
Offline
Regular
Last seen: 19 years 20 weeks ago
Joined: 2003-11-11
Posts: 12
Points: 0

Strange things in CSS

Hi Tony,

your added code to the `boxcorners` tag makes the index page work, but not the box on the biog.html.... strange. I also added it to the `boxlefty` tag but no difference. hmmmmmm........ ?

BUT.... then I added it to the `.roundedbox` tag, and it works on every page Smile Excellent. Cheers Tony!