Log In · Register

 
how do i instert text boxes and get things in layers in my new div
ukrides
post Jul 22 2008, 03:52 PM
Post #1


Senior Member
***

Group: Member
Posts: 66
Joined: Aug 2007
Member No: 562,263



I want to have some text boxes and i would like to have some image rollovers in my new div layout but i insert codes but they don't show up on myspace is there a way to make them into like layers /orders I've heard of z-index but its not working so don't no what to do
heres my myspace
heres my code that in my about me section

CODE
<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style></a>

<div class="navigation" style="position: absolute; left:200px; top:90px;z-index:0 ">

<img src="http://i34.tinypic.com/9iwn0n.jpg" width="1024" height="768" border="0" alt="" usemap="#myspace_Map" />

<map name="myspace_Map">

<area shape="rect" alt="" coords="787,730,1023,767" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3VrcmlkZXM=" />

<area shape="rect" alt="" coords="606,708,741,752" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />

<area shape="rect" alt="" coords="384,708,592,752" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMDIxNTg0NzcmTXlUb2tlbj00MTMwZTZiZC0yYTFlLTQzZWQtODliNS03MTgyN
JmN2Q2ZjA=" />

<area shape="rect" alt="" coords="217,708,336,752" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMDIxNTg0Nzc=" />

<area shape="rect" alt="" coords="39,708,142,753" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xMDIxNTg0Nzc=" />

</map>
</div>






<div class="content" style="position: absolute;
left:000px;
top:000px;
z-index:1 ">
width:000px;
height:000px;
overflow: auto;

}
><center>
<a class="></a>
<style>
a.NAME
{float:left;background:url(http://i36.tinypic.com/2vvndyu.gif)repeat;width:175px;height:129px;position:absolute; top:0px; left:0px;display:block;}
a.NAME:hover
{float:left;background:url(http://i33.tinypic.com/vqp1e0.jpg)repeat;}
</style>
</div>
<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="></style>


<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>



thanks ukrides
Reason for edit: please put codes in codeboxes. thanks :) -natalia
 
 
Start new topic
Replies
ukrides
post Jul 24 2008, 08:41 AM
Post #2


Senior Member
***

Group: Member
Posts: 66
Joined: Aug 2007
Member No: 562,263



if i had my code like this

CODE
<div class="content" style="position: absolute;
left:000px; top:000px; z-index:1 width:000px; height:000px; overflow: auto;"><center>
<a class="></a>
</div>

<style>
a.NAME
{float:left; background:url(http://i36.tinypic.com/2vvndyu.gif)repeat; width:175px; height:129px; position:absolute; top:0px; left:0px;display:block;}
a.NAME:hover
{float:left; background:url(http://i33.tinypic.com/vqp1e0.jpg)repeat;}
</style>


wouldnt that meen the div wouldnt be doin anything because i thoguht it was supposed to be rapped around the code you wanted there
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: