Since we seem to be doing a lot of webpage stuff :)

Posted on

Eat Spam before it eats YOU!!!
Member Since: May 11, 2002

I got the basic idea of what I want up at invisible-bridges.com ...however...

The top where the content and nav menue meet the blue part is perfect... but I can't get the same overlap at the bottom, any ideas?

The big problem is that IE won't display the text effects(box, curser,etc) in the nav menu..though it appears to display the proper font. firefox does it perfectly.

But thats the gyst of it. first time dealing with CSS too.

[ Back to Top ]


Hello!
Member
Since: Jan 12, 2004


Feb 10, 2005 12:42 pm

Not sure bud but those black n white lines are quite hard on the eye.....

I take it the nav menu isnt working as yet?

Coco.

Frisco's Most Underrated
Member
Since: Jan 28, 2003


Feb 10, 2005 12:59 pm

"The top where the content and nav menue meet the blue part is perfect... but I can't get the same overlap at the bottom, any ideas?"

Zek, I'm mostly a novice at this myself, but aren't there some CSS tags that define layer settings (like blue bar under nav box). I think if you combine that with a CSS tag that defines exact placement (ie. place 400 pixels from top of screen) you would be able to get the effect you want.

I remember seeing info on these sort of CSS tags at the W3school site coco has been posting as of late.

Prince CZAR-ming
Member
Since: Apr 08, 2004


Feb 10, 2005 01:27 pm

i think it's z-index

Administrator
Since: Apr 03, 2002


Feb 10, 2005 01:28 pm

z-index is back and forth from front to back, the higher the z-index the closer to the top of the layers it is, lower the z-index the lower in the pile it gets.

Eat Spam before it eats YOU!!!
Member
Since: May 11, 2002


Feb 10, 2005 02:00 pm

z-index would be it then.

I tried the absolute positioning but IE seems to double the value and even then it doen't seem to scale right.

and yeah, nothing works as I am just puting things where I want them.

does IE6 not support text borders then?

Eat Spam before it eats YOU!!!
Member
Since: May 11, 2002


Feb 10, 2005 02:30 pm

ok got an improved version... I'll probably just change the background to a solid color and put a white border around everything.

Still can't get the curser and text box to work in IE though... nor min-width :P

Administrator
Since: Apr 03, 2002


Feb 10, 2005 02:36 pm

don't **** with peoples cursors damnit...that's just friggin WRONG

Eat Spam before it eats YOU!!!
Member
Since: May 11, 2002


Feb 10, 2005 03:32 pm

:)

It's not one of those stupid comet tail things it's just telling it to use the "?" curser instead of the pointy finger one when you go over a link.

It's nowhere near as bad as a flash site with sound :)


...ok, I'll ditch the curser :P ....but only because it looks bad now :)

Administrator
Since: Apr 03, 2002


Feb 10, 2005 05:10 pm

Yeah, it's two different declaration.

standard is cursor: cursorname and for cross-browser use it's cursor-type: or cursor_style: or something like that...I forget exactly.

Administrator
Since: Apr 03, 2002


Feb 10, 2005 05:12 pm

wait no, thats not the diff, it's the name of the actual thing. one browser is "pointer" for the hand and another is "hand" for the hand and goofy stuff like that, THAT's the weirdity I believe...

forgive me for forgetting, I personally don't like screwing with peoples OS componenets, too invasive for me.

Member
Since: May 09, 2004


Feb 10, 2005 09:58 pm

I think, if I remember correctly, z-index only controls the order of absolutely positioned boxes. It shouldn't have an effect on relative and floated boxes.

Also, zeak, before you get too in depth with it, I noticed a couple things in your css. First, I see that you're using 'position: relative;' and 'float: whatever;' at the same time. Floating is actually a separate method of positioning (I read that it's for smaller objects, typically).

The way I learned to relative position is something like this:

example {
position: relative;
top: 0;
left: 0;
}

There is a couple other things I noticed too, but I seriously recommend that anyone who wants to easily learn positioning with CSS (or CSS in general) to check out www.htmldog.com

As far as browser cooperation? Well, the more you get in to it, the more you find things that don't translate predictably. I actually just resorted to using javascript to detect the browser type and grab the correct css file accordingly.


Eat Spam before it eats YOU!!!
Member
Since: May 11, 2002


Feb 10, 2005 10:47 pm

heh thanks... hope you didn't look when I was horribly misunderstanding classes :)

Related Forum Topics:



If you would like to participate in the forum discussions, feel free to register for your free membership.