all done please lock!

[Atjj]

Could someone please code this for me. I like making them but hate coding! Could it please be done without the div? I was hoping to be able to change the color of the scroll bars also. Thanks!

Last edited by Atjj on Tue Sep 06, 2005 2:08 am, edited 2 times in total.

[Yoshi]

Moving this to Computers & Technology- coding help should go there. :)

[Atjj]

Sorry Yoshi, I couldn't remember where it went!

[cat1205123]

Well, I don't know how you could code the circle shape, so it's just a square. *shrugs* Sorry.

Code:

<div style="text-align: left; width: 475px"><div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 58px; left: 48px; width: 379px; height: 128px; margin-right: -379px; margin-bottom: -128px">
Hello <b>visitor</b>! Enter something to put into this layer!</div>
<div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 258px; left: 52px; width: 155px; height: 191px; margin-right: -155px; margin-bottom: -191px">
Hello <b>visitor</b>! Enter something to put into this layer!</div>
<div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 260px; left: 266px; width: 158px; height: 186px; margin-right: -158px; margin-bottom: -186px">
Hello <b>visitor</b>! Enter something to put into this layer!</div>
<div style="overflow: auto;  text-align: center; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 548px; left: 108px; width: 262px; height: 91px; margin-right: -262px; margin-bottom: -91px">
Hello <b>visitor</b>! Enter something to put into this layer!</div>
<img src="http://i3.photobucket.com/albums/y89/atjj/blogfront.jpg" /></div>

[Atjj]

OK I used that spiffy site that was linked here somewhere and now I have an issue. Instead of explain it i'll give screen shots.

http://i3.photobucket.com/albums/y89/atjj/netscape.jpg

http://i3.photobucket.com/albums/y89/atjj/ie.jpg

Anyone notice how wrong it is in ie? please help.

[cat1205123]

Wow...that's creepy. I don't remember doing this one. Meh.

I think the issue with this is that IE and Netscape/FireFox/Mozilla respond slightly differently to the position:relative thing. They're supposed to all act the same, but...well...we're talking about Microsoft.

The only thing I could imagine doing is trying to absolute position them instead. Or remove the margin-right and margin-bottom tags. Try the latter one first. Unless you want me to do it. Then I'll leave it off for a couple of weeks and get back to you.

[Atjj]

I'll try the margin thing first, thanks!

edit:ok now it's gone........

edit2: ok i'm in idiot..... I fixed it thanks for the help!