dropdown boxes not showing up with div layout |
dropdown boxes not showing up with div layout |
Apr 8 2008, 11:16 AM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 192 Joined: Jan 2006 Member No: 361,578 |
My dropdown boxes and comment box aren't showing up on my div layout on FF and IE.
Dropdown boxes should be under the note image and under the tv image. Then, the comment box should be next to the comments on the right. AND my "about me" div isn't showing up on IE but does on FF. Any ideas? Here's my URL : http://www.myspace.com/camitest Here are my codes: In ABOUT ME: QUOTE <style> .navigationbar {display:none;} </style> <style> body {background-color:000000; background-image:url(""); background-repeat:no-repeat; background- position:top;} .image {background-color:transparent; width:941px; height:1000px; position:relative; margin:auto; top:-240px; right:200px; background-repeat:repeat;} </style> <Style> table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} table table table {border: 0px solid; border-color: transparent; background-color: transparent; }</style> <style type="text/css"> table table,table table table table,table table{background-color:transparent;width:;border:0px;} div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;} a.navbar,font,.whitetext12,.btext,.orangetext15, .blacktext12, .lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;} div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none} table td table tr td.text table {visibility:hidden;} table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;} td.text table table {display:inline; visibility:visible;} embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;} </style> <style type=text/css> .comments {visibility:visible; background-color:transparent; border:0px solid; position:absolute;} .comments td {font-color: 000000; font-size: 8px; font-family: Arial;} .comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10{display:block;} .comt {z-index:7;} .comt table, .comt b {position:relative; top:-39px; _top:-30px;} <style> a:link, a:visited {font-family:arial; font-size:12px; color:fdec40; letter-spacing:0px; text-transform:lowercase; line-height:12px; font-weight:normal;} a:hover, a:active {font-family:vrinda; font-size:16px; color:9f2d29; letter-spacing:-1px; text-transform:uppercase; line-height:12px; font-weight:normal; text-decoration:none;} </style> <style> b {font-family:vrinda; font-size:12px; color:000000; font-weight:bold; letter-spacing:0px; line-height:12px;} u {font-family:arial; font-size:11px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px; text-decoration:underline;} strike {font-family:arial; font-size:11px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px;} big {font-family:vrinda; font-size:25px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px;} small {font-family:arial; font-size:9px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px;}</style> <style> .home {display:block;width:201px;height:38px; background-color:transparent; background-image:url("http://i31.tinypic.com/io3oyu.png"); background-repeat:no-repeat; position:absolute; top:530px; left:670px;} .home:hover {display:block;width:201px;height:38px; background-color:transparent; background-image:url("http://i28.tinypic.com/op9yxh.png"); background-repeat:no-repeat; position:absolute; top:530px; left:670px;} .message {display:block;width:201px;height:33px; background-color:transparent; background-image:url("http://i25.tinypic.com/wkk70y.png"); background-repeat:no-repeat; position:absolute; top:568px; left:670px;} .message:hover {display:block;width:201px;height:33px; background-color:transparent; background-image:url("http://i28.tinypic.com/1441ttg.png"); background-repeat:no-repeat; position:absolute; top:568px; left:670px;} .add {display:block;width:201px;height:31px; background-color:transparent; background-image:url("http://i31.tinypic.com/vyfk3.png"); background-repeat:no-repeat; position:absolute; top:601px; left:670px;} .add:hover {display:block;width:201px;height:31px; background-color:transparent; background-image:url("http://i30.tinypic.com/6rn0v6.png"); background-repeat:no-repeat; position:absolute; top:601px; left:670px;} .pictures {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i25.tinypic.com/2nbxf9v.jpg"); background-repeat:no-repeat; position:absolute; top:632px; left:670px;} .pictures:hover {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i27.tinypic.com/34sld7m.jpg"); background-repeat:no-repeat; position:absolute; top:632px; left:670px; } .flist {display:block;width:201px;height:32px; background-color:transparent; background-image:url("http://i25.tinypic.com/jsj0nc.jpg"); background-repeat:no-repeat; position:absolute; top:666px; left:670px;} .flist:hover {display:block;width:201px;height:32px; background-color:transparent; background-image:url("http://i31.tinypic.com/2u5xh09.jpg"); background-repeat:no-repeat; position:absolute; top:666px; left:670px; } .journal {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i27.tinypic.com/553zw4.jpg"); background-repeat:no-repeat; position:absolute; top:698px; left:670px;} .journal:hover {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i28.tinypic.com/2n8oqko.jpg"); background-repeat:no-repeat; position:absolute; top:698px; left:670px;} .flickr {display:block;width:201px;height:36px; background-color:transparent; background-image:url("http://i25.tinypic.com/9aqzig.png"); background-repeat:no-repeat; position:absolute; top:732px; left:670px;} .flickr:hover {display:block;width:201px;height:36px; background-color:transparent; background-image:url("http://i27.tinypic.com/16p9nq.png"); background-repeat:no-repeat; position:absolute; top:732px; left:670px;} </style> <style> .about {position:absolute; height:240px; width:186px; left:670px; top:150px; padding:2px; font-family:arial; font-size:11px; line-height:12px; color:000000; letter-spacing:0px; text-align:left; overflow:auto;} </style> <style type=text/css> .comments {width:#px; overflow: none;} .comments table {background-color: transparent;margin-top: -3px;} .comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;} table table td.text table td.text tbody table tbody td table td {display: none;} td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;} td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:3;} td.text td.text table table br {display:inline;} td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;} </style> <style type="text/css"> .a {hide top search bar} div div select, div div form {display:none !important;} </style> <style type="text/css"> td td embed, td td object { position: absolute; top: 0px; left: 0px; } td td td embed, td td td object { position: static !important; } </style> <style> .commentbox {position: absolute; right:500px; top:850px; width:300px; height:325px; overflow: auto; border:0px solid; border-color:000000; background-color:transparent;} </style> <style> .musicbox {position: absolute; left:570px; top:270px; width:180px; height:150px; overflow: auto; border:0px solid; border-color:000000; background-color:transparent;} </style> <style> .tvshows {position: absolute; left:570px; top:520px; width:180px; height:150px; overflow: auto; border:0px solid; border-color:000000; background-color:transparent;} </style> In WHO I'D LIKE TO MEET: QUOTE <div class="image"><img src="http://i29.tinypic.com/wtfyi1.jpg"/></img></img>
<div class="about">I'm Camille but it's pronounced Cami in french, so please remember it when you say my name :) I'm 21 and live in Paris, France.<br><br> I'm a <b>law student</b> and I'm aspiring to become a criminal judge. wow. I know =P I'm not there yet though. <br><br> I'm a <b>globetrotter</b>; I love traveling, I would always hit the road if I could. </br><br> I'm also a huge artist in the heart: I love music (I play piano & guitar), I love going to gigs and I've always wanted to be in a band. I listen to lots of different music genres but I've got to say I'm a true <b>rocker</b>. <br><br> I'm also a <b>photographer</b> wanna-be and I'm definitely going to work a lot more on my skills as soon as I have some time off university. <br><br> I also love <b>photoshopping</b> and CSS-ing, I'm getting better each time. Makes me feel proud :) <br><br> Then I love <b>TV shows</b>, what can I say: I'm addicted. /end. <br><br> And last but not least (gotta love that expression) I love reading <b>Heroic Fantasy</b>. It's my favorite genre. <br><br> </div> <a href="http://www.msplinks.com/"class="home"></a> <a href="http://www.msplinks.com/"class="add"></a> <a href="http://www.msplinks.com/"class="message"></a> <a href="http://www.msplinks.com/"class="pictures"></a> <a href="http://www.msplinks.com/"class="journal"></a> <a href="http://www.msplinks.com/"class="flickr"></a> <a href="http://www.msplinks.com/"class="flist"></a> <div class="commentbox"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="362025988" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 2px; border-style: solid; border-color: bfbbb6; font-family: ARIAL; font-size: 10px; color: 000000; background-color: transparent;"style="overflow:auto;">COMMENT HERE</textarea><br> <input value="add comment"style="border-width: 2px; border-style: solid; border-color: bfbbb6; font-family: ARIAL; font-size: 10px; color: 000000; background-color: transparent;" type="submit"> <input value="clear" style="border-width: 2px; border-style: solid; border-color: bfbbb6; font-family: ARIAL; font-size: 10px; color: 000000; background-color: transparent;" type="reset"></form> </div> <div class="musicbox"> <select style="color:000000; background-color:E0E0E0; font-family:small fonts; text-transform:uppercase; letter-spacing:1px; font-size:7.5px; width:150px; height=9px;"> <option selected>Music</option><br> <option>AC/DC</option> <option>Atmosphere music</option> <option>Bjork</option> <option>Blind Guardian</option> <option>Celtic music</option> <option>Dance music</option> <option>Foo Fighters</option> <option>Hole</option> <option>Jack Johnson</option> <option>Jose Gonzalez</option> <option>Led Zeppelin</option> <option>Marilyn Manson</option> <option>Megadeth</option> <option>Metallica</option> <option>Movie soundtrack</option> <option>Nirvana</option> <option>Noir Desir</option> <option>Pearl Jam</option> <option>Pink Floyd</option> <option>Rachmaninov</option> <option>Rodrigo y Gabriela</option> <option>Seether</option> <option>...</option> </select> </div> <div class="tvshows"> <select style="color:000000; background-color:E0E0E0; font-family:small fonts; text-transform:uppercase; letter-spacing:1px; font-size:7.5px; width:150px; height=9px;"> <option selected>TV shows</option><br> <option>Queer As Folk (US)</option> <option>Dexter</option> <option>The L Word</option> <option>The Office (US)</option> <option>Skins</option> <option>E.R</option> <option>Prison Break</option> <option>Californication</option> <option>House MD</option> <option>Ugly Betty</option> <option>Veronica Mars</option> <option>CSI Miami</option> <option>CSI</option> <option>Heroes</option> <option>...</option> </select> </div> <div class="comments" style="overflow:auto; width: 470px; height:234px; position: absolute; top:820px; left:100px;"><center><table><table><td><table></center></div> </div> |
|
|
|
vintage-toile comment boxes are currently disabled on myspace an... Apr 8 2008, 11:17 AM
alias5731 Really? I put an old layout back on myspace and th... Apr 8 2008, 11:23 AM
vintage-toile they show up but they don't work at the moment... Apr 8 2008, 11:26 AM
xTHExDUDEx Check all of your opening and closing tags.
Make ... Apr 8 2008, 11:35 AM
miyashu here is the new, updated code for the comment box.... Apr 8 2008, 12:01 PM
alias5731 Okay I changed everything you guys said and there ... Apr 8 2008, 03:08 PM
MissHygienic Your about me shows up fine?
Try this for the com... Apr 8 2008, 03:13 PM
alias5731 QUOTE(MissHygienic @ Apr 8 2008, 10:13 PM... Apr 9 2008, 05:42 AM
xTHExDUDEx You should try adding a z-index to ".about... Apr 8 2008, 03:52 PM![]() ![]() |