PicnicTutorials

Sure, the float (h1) needs to be above the img in the html. vertical-align: bottom was for ie6 otherwise it has a small space below the image. This is because an image is an inline element and therfore, by default, it's allowing room for things such as the tail of a "p". You can also fix that by giving the image display block, or the banner overflow hidden, or font-size 0. There are many ways to do what you wanted. Just use whatever you understand better.

Floats and all that stuff are tricky sometimes. I cleaned up the html (only in the banner area), got rid of the corresponding css, and added some css. Works in all... Kats Family Hair Care Kat's Family Hair Care Some text here. vmwo9ovj ms.kfe qmvoe &nbsp Year 2008 Year 2009 Web Design: Alfie's Plain Vanilla Graphics & Web Design © - 2008 Richard Linquist -- All rights reserved.

You want to get it perfect - right? It does do a rather large jump. I too see what you referring to. Edit - I just messed with all my different expressions I have, and I couldn't do any better than your current setup. So it looks like it's as good as your going to get it in IE6. Which isn't bad.

There is a lot more flexibility in IE6 than the others. A quick edit of the IE6 expression should fix that...

Yep that was it. Looking again, it's only flexible on my screen within the last 10pixels. That's why I missed it the first time. Sorry if I got your heart going - good job!

I was looking at the 3rd attempt. I just looked quick. I'll look again. Maybe it's because my screen is only 1024 so I'm not seeing the flex...

Good job MacRankin :~). I know, it's fun working on those. Question - why is the layout flexible in IE6 and fixed in the others?

You got me again, because I didn't know I was doing that either. Where do you see that? Remember I have the custom black image pointers/arrows/etc...

It does. Or it should be doing that at least. What browser/OS were you using? Works in all mine. Edit - I'm going to have to step it up - looks like your only 60 posts or so behind me. I think that's a loosing battle though...

"I" personally don't see a way out with that current setup (but I'm sure there is - there almost always is). Do you have to have it in an iframe? Can you populate that content some other way? Edit - don't listen to anything RyanReese says. He has some mental problems... I threw together a simple test page to try and fix it - I still don't see it happening. Untitled Document <br /><!--<br />div {<br />width:300px;<br />height:300px;<br />}<br />--><br /> and the iframe code Untitled Document <br /><!--<br />.tooltip { <br />position:relative;<br />} <br />.tooltip span { <br />position:absolute;<br />left:-999em;<br />} <br />.tooltip:hover span, .tooltip:focus span {<br />left:260px;<br />padding:5px 10px; <br />border:2px solid #000;<br />background:#999;<br />}<br />--><br /> Tooltip!Tooltip

Holly-comolly-guacamoley that took a long time. Long story short - I couldn't get the perl scripts to work (not enough clear directions anywhere). But I did get this to work. Fully validating. This is what's you call - pixel perfection! I "could" remove the scroll bars completely by making the window 1250px tall, but that has it's draw backs too. I also added the "Move Window", and the "Resize Window" tooltips. And check out how the Move Window disappears when you hover over the "Close Window" link - that took a little while. And the custom search box came out pretty nice too. I'm very happy with with it...

This evened everything up for me. You could still go a pixel or two closer in each. ol <br />ol li span {<br />margin:0 0 0 -6px;<br />}<br /> Hello

No problem Eddie, thanks!

Hi Eddie, I recently asked the exact same question over at Sitepoint. I never tried the solution, but suppossidly it works. There may be an IE6 bug to deal with from the sounds of it. Here is my question/solution. http://www.sitepoint.com/forums/showthread.php?t=592230

Thank you Thelma/Eddie. Of course I was just kidding. You guys should all know be by now - I'm just a nice and good natured fella. I agree, it is a very good way. And Bill, it was not "all that easy". Sure, once presented with the answer it seems easy. But that's how it is with everything.

Those directions were perfect. Did it - looks perfect!

Jeese - somebody woke up on the wrong side of the bed...

Awesome - works perfect - your the man!

Oh I put the wrong link in. here it is. http://www.456bereastreet.com/archive/200710/autopopulating_text_input_fields_with_javascript/ I agree though - too much code. I'll try yours - if it works - I'm using it! Thanks again, again! 456bereastreet was making it more assessable I think - hence all the code. But that's not worth all the code to me...

Nice - I'll do it tomorrow morning when I have my gallon of coffee in me at 4am. While your here - by chance do you know (or any one) how to add text into a input field by default, but, have it disappear when you type in it? Well I finally just found one method. Anyone know better http://www.456bereastreet.com/lab/autopopulating-text-input-fields/

Thank you Ben! I'll try that. I didn't even notice that the blue had a gradient. If I want to duplicate the gradient with my color - are there different steps? Thanks again!

Awh... you guys are all work and no play.

Cool! Here is the link. I need to change the blue circle to color #3FC. Do the same rules apply now armed with this link? http://www.visibilityinherit.com/projects/images/search-icon.png

I need to change the color of a png while keeping it antialiased? The png image is only about 15px by 15px, and it's circular, and it sits within a gray box. When I enlarge it and add the color I want to it, it takes away the antialias. You know, all the pixels on the outer edge of the image bleed into the gray box color so it looks antialiased. So what's the best tool for this job? Thanks!

I understand, not everyone can get it. No shame in that. he - he...