nifty cube images limited to template?

[streever]

Hey Mark,

I just use it for "semantics":

I try to name all ids/classes so that they'd make sense to someone who speaks english but doesn't know coding

so if the body is named just "info", it may not make a lot of sense

but I call it infoPage--now it should be clear that it is identifying this as a page that is about.. .the page name
in this case her page name isn't very semantic: "info" doesn't connotate a lot of meaning, but if the pages were named semantically, this would be great

that's also partially why I apply it to body: i think it's better to let the elements inherit rules along the hierarchy from the body tag, because it's a change that occurs page by page.

Does that make sense? I make all of my choices based on the semantics & hierarchial control....

[streever]

hey teri

you are soooooooooooooo close!!!!!

all you have to do
is change the stylesheet

the output is actually...



that word "Page" is appended to the end

so, in your css, it has to be,
body#buyingPage

does that make sense to you?

just append "Page" *capitalized* to each one, in the CSS only!!!

I think this is where I confused you before: I left it ambiguous, and you didn't realize I meant IN the CSS, right?

[terimurphy]

OK, I am now 99% thrilled. We just clarified offline that the stylesheet was missing "Page" as in:

body#buyingPage div#news {

And I am now indeed getting two different rounded images. Hoo! (That's half a "Hoorah!"  ) However, the height attribute seems to be necessary but not sufficient to create the effect. It looks like I need 279px worth of content to make it look just right for an image that's 279. Can that possibly be?

[streever]

teri do you think 99% is sufficient?

COS It'S NOT!!!

I guarantee we will see you at 100%. I would say 150%, but that is just marketing language hyperbole, and let's face it, you don't need that. No one can be at 150%. 100% is the max. So we're gonna take it there!

I just have to understand exactly what you is tellin' me:

you are saying that when it is set to 279px, it doesn't really display at 279px, unless it has 279px of content, no?

now:

can you tell me what it SHOULD look like? I know that may be confusing. I guess I am uncertain how you WANT it to look: do you want the blue/non image part to be 279px tall? do you have a gif/psd etc that shows the look?

[streever]

p.s. get back to me quick! I'm looking at it right now, we can see this fixed in probably 3 minutes if you are around

[terimurphy]

Ah! As if it's not enough that you help me in my hour of need, now you entertain me too!
All I want is a plain vanilla rounded image. No fries with it.

This page shows the news div at right with no content (and thus no rounding).
http://myharbourisland.com/property/index.php?page=building

Its sister page has the news div with a few words in it, and thus, half a rounding
http://myharbourisland.com/property/index.php?page=buying
You may have to look close to see where the rounding stops, just under the text.

[Dr.CSS]

If you look at those pages with Ff web dev bar and use the out line tool, block level elements, you will see some breaks in the outlines...

Your main problem may be that you don't have any contrasting/diff. colors in the 2 divs, the JS takes the colors from the 2 divs, news and the one it's in, to blend and make the round so white on white will not be noticeable, thats why if you have an image in it you need transparent...

You may want to also note that tidy comes up with 2 missing this may mess up the nifty JS...

[terimurphy]

Thanks Mark. Dreamweaver also shows unmatched divs. But I swear, I've been counting divs all morning, and they sure look paired to me. Do you know of anything that can make them act as if the aren't paired?

Also, on the background color, my understanding so far has been the opposite: to get a div to round, it must sit in a wrapper div that has the same bg color as the parent of the wrapper, no?  At least, that's what's working on the left side of my page where the blue rounded div sits in a white wrapper on a white background.

So now I'm really at sea. But, confession time, I did fuss some with the Nifty stylesheet in a fool's attempt to get it to be fluid. So maybe I messed up something up top. I guess it's time for a line-by line comparison, unless you've got any other thoughts.

Big thanks,
Teri

[Dr.CSS]

I use PSPad editor, free, to find unclosed divs and such, it will show you which ones by copy/paste into it then click on a start div or closing to see the start/finish...

I'll PM...