PDA

View Full Version : div layers

Jchan
06-27-2003, 01:52 AM
:sigh: Hmm i can't seem get my iframe (which is in a div layer) position right.. I wanted it to be on a space.. near the title, top and right.. i hope yall know wat im talkin abt.... heres the url
http://www22.brinkster.com/jchan03/homepage.html

i can't figure out how to position the iframe correctly..
also i don't understand why the transparent scroll bars isn't working.. prehap i messed up the code too? is the scroll bars supposed to be on the main page or the menu page in frame? Currently its on menu page.

if any one of u can figure out wat i do wrong.. i will be grateful! i must have come here several times past few days lol i was changin my layout and tryin different ways.. so far i like this way better but wanted to fix the iframe position...

scroll bar code on menu page
<!--body {
scrollbar-3dlight-color: #00FF00;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #00FF00;
scrollbar-darkshadow-color: #00FF00;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00;
}
-->

code for the main page

<body bgcolor="000000" text="#003300">
<div style="position:absolute; left:311px; top:210px; width:237px; height:228px; z-index:1; visibility: inherit;" id="Layer1"><iframe ALLOWTRANSPARENCY="true" style="filter:chroma(color=#00FF00);" SRC="http://www22.brinkster.com/jchan03/menu.html" width="237px" height="228px" TITLE="Welcome" FRAMEBORDER="0" BORDER="0" SCROLLING="yes"></IFRAME></div>
<div align="center"><img src="file:///C|/Vallery%27s%20Saving%20Folder/Jo/homepage.jpg" width="720" height="551" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="253,107,391,180" href="#http://www22.brinkster.com/jchan03/fanwork.html">
<area shape="rect" coords="394,113,538,176" href="#http://www22.brinkster.com/jchan03/doujinshis.html">
<area shape="rect" coords="547,101,633,170" href="#http://www22.brinkster.com/jchan03/misc.html">
<area shape="rect" coords="559,169,629,244" href="#http://www22.brinkster.com/jchan03/links.html">
<area shape="rect" coords="559,246,635,316" href="#">
<area shape="circle" coords="568,377,28" href="#">
<area shape="circle" coords="625,378,30" href="#">
</map>
</div>

</body>
</html>
kittycat
06-27-2003, 02:26 AM
For your scrollbars:

Your CSS isn't between <style> tags. Put it between <style type="text/css"> and </style> for it to work. That includes the link codes.

It would help to see where you want your iframe to be if the image showed up ;) Change the code so that it's linking ot the image on the server.
Jchan
06-27-2003, 02:45 AM
oooooo scroll bars works!! thanks!... :blush: Whoops i forgot to change the url lol.. i created the layout from dreamweaver so thats why the url is different... Anyway.. the image is up and u can see it now and understand wat im talkin abt.
kittycat
06-27-2003, 03:32 AM
Since your image is just placed in the centre, not absolutely, the iframe won't always be in the same spot relative to the image. So you'll have to use absolute positioning for your image as well to get it to look the way you want. Or, you could slice the image up and put everything into a table.
Jchan
06-27-2003, 03:54 AM
hmm how do u do the absolute positioning?
kittycat
06-27-2003, 04:44 AM
It's the same thing you're using to position the iframe :P Just change it so it's for the image as well.
Jchan
06-27-2003, 05:27 AM
ooo thanks! everythin is fixed.. :) i was wonderin cuz i searched this forum for opacity in iframe background... is there any way u might know the code? :confused:
kittycat
06-27-2003, 05:33 AM
style="filter:alpha(opacity=70);"

Add it to the iframe code, you can change the 70 to what you want. (I think this is the code you mean)
Jchan
06-27-2003, 05:42 AM
umm that didn' to work.. since i already have this code style="filter:chroma(color=#00FF00);" to make the background transparent..
MaGiCSuN
06-27-2003, 12:15 PM
try this:

style="filter:alpha(opacity=70) chroma(color=#00FF00);"

or

style="filter:alpha(opacity=70); filter: chroma(color=#00FF00);"

but since you allready have the background transparent, why do you want it to see through then? because there is no background... :S i dont really understand though.
Jchan
06-27-2003, 09:23 PM
well i thought if i had the background be able to see thru so it will make the visitors easier to read the texts.. but all i see was lime green.. so im gonna stick with the style="chroma(color=#00FF00) only. I think i will keep the background transparent and make the text lil bigger so its not hard to read.. Thanks for your help! :)