|
View Full Version : Placing Kat1984 10-16-2003, 09:27 PM I wanna put links on top of image on the right-top corner put whenever I do, the image moves over. http://www.geocities.com/zebrazinger77/main And, how do ya place text in the two tables below without using iframes? MaGiCSuN 10-16-2003, 09:37 PM 1. you put text on the image in the same way as you put your divs on your page. by absolute positioning. only you have to use a z-index to place them above each other. the image should have z-index: 0; and the text should have z-index: 1; 2. You do this the same as you positioned all the stuff on your page. then again you should use z-index again. The higher the number the more it's on top. So if all the divs you have positioned for so far are next to each other then you call them all z-index: 0; and then you call the text on the image and the text you want to add in the 'table' z-index: 1; i fixed a bit of your html. You had 3 titles (wow) and more of that stuff... Here's the right one: <html> <!--I'm the one Kat here so no c o p y cats--> <head> <TITLE>SLOAN - The way music suppose to be</TITLE> <META NAME="description" CONTENT="Sloan • A Canadian band with greatness •"> <META NAME="keywords" CONTENT="Sloan, Jay Ferguson, Chris Murphy, Andrew Scott, Patrick Pentland, Pretty Together, Smeared, Twice Removed, Between The Bridges, Action Pact, Peppermint EP, Halifax, Toronto, albums"> <META NAME="author" CONTENT="MKMM"> <STYLE type="text/css"> <!-- A{text-decoration:none;} A:link{COLOR: #408448; TEXT-DECORATION: none; font-weight: normal;} A:visited{COLOR: #000000; TEXT-DECORATION: none; font-weight: normal;} A:active{COLOR: #000000; TEXT-DECORATION: none; font-weight: normal;} A:hover{COLOR: #ffffff; TEXT-DECORATION: none; font-weight: italic; cursor:help; background-color: #000000; border-left:1 dashed #408448;border-right: 1 dotted #408448;} BODY { scrollbar-face-color: #FE675F; scrollbar-highlight-color: #FE675F; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FE675F; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #F8FD91; scrollbar-track-color: #FE675F; } --> </style> </head> <body bgcolor="#FE675F" text="#408448" onLoad="window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0);');"> <DIV style="position:absolute; top:0px; left:0px;"> <table cellspacing="0" cellpadding="0" width="580" height="348"> <tr> <td style="border-right:#F9FDAA 2px dashed; border-top:#000000 2px dotted; border-left:#F9FDAA 2px dashed; border-bottom:#000000 2px dashed" bgcolor="#408448" width="725" height="396"><IMG SRC="35cute.jpg" height=396 width=725 </td></tr></table></div> <div style="position:absolute; top:0; left:740; width:2; height: 950; border-right:0; border-left:0; border-top: 0; border-bottom: 0; background:#FEB4AB"><center></center></a></div> <div style="position:absolute; top:0; left:742; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FE8D81"><center></center></a></div> <div style="position:absolute; top:0; left:744; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom:0; background:#FD6655"><center></center></a></div> <div style="position:absolute; top:0; left:746; width:2; height: 950; border-right:0; border-left:0; border-top: 0; border-bottom: 0; background:#FD422D"><center></center></a></div> <div style="position:absolute; top:0; left:748; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FD1F06"><center></center></a></div> <div style="position:absolute; top:0; left:760; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FEB4AB"><center></center></a></div> <div style="position:absolute; top:0; left:770; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FE8D81"><center></center></a></div> <div style="position:absolute; top:0; left:780; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom:0; background:#FD6655"><center></center></a></div> <div style="position:absolute; top:0; left:746; width:2; height: 950; border-right:0; border-left:0; border-top: 0; border-bottom: 0; background:#FD422D"><center></center></a></div> <div style="position:absolute; top:0; left:748; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FD1F06"><center></center></a></div> <div style="position:absolute; top:0; left:760; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FEB4AB"><center></center></a></div> <div style="position:absolute; top:0; left:770; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FE8D81"><center></center></a></div> <div style="position:absolute; top:0; left:780; width:2; height: 950; border-right:0; border-left:0; border-top:0; border-bottom:0; background:#FD6655"><center></center></a></div> <div style="position:absolute; top:5; left:740; width:2; height: 550; border-right:0; border-left:0; border-top: 0; border-bottom: 0; background:#FEB4AB"><center></center></a></div> <div style="position:absolute; top:90; left:740; width:2; height: 550; border-right:0; border-left:0; border-top:0; border-bottom: 0; background:#FE8D81"><center></center></a></div> <div style="position:absolute; top:175; left:740; width:2; height: 550; border-right:0; border-left:0; border-top:0; border-bottom:0; background:#FD6655"><center></center></a></div> <div style="position:absolute; top:260; left:740; width:2; height: 550; border-right:0; border-left:0; border-top: 0; border-bottom: 0; background:#FD422D"><center></center></a></div> <div style="position:absolute; top:345; left:740; width:2; height: 550; border-right:00; border-left:0; border-top:0; border-bottom: 0; background:#FD1F06"><center></center></a></div> <div style="position:absolute; top:450; left:0; width:355; height: 500; border-right:2 dashed #000000; border-left: 2 dashed #000000; border-top: 0; border-bottom: 0; background:#FDDAAA"><center></center></a></div> <div style="position:absolute; top:450; left:366; width:362.5; height: 500; border-right:2 dashed #000000; border-left: 2 dashed #000000; border-top: 0; border-bottom: 0; background:#FBBC68"><center></center></a></div> <div style="position:absolute; top:405; left:0; width:116; height: 15; border-right: 0; border-left: 0; border-top: 0; border-bottom: 2 dashed #000000; background:#FDD093"><center></center></a></div> <div style="position:absolute; top:405; left:116; width:166; height: 15; border-right:2 dashed #000000; border-left: 0; border-top: 0; border-bottom: 2 dashed #000000; background:#FCBE6B"><center></center></a></div> <div style="position:absolute; top:405; left:232; width:166; height: 15; border-right:2 dashed #000000; border-left: 0; border-top: 0; border-bottom: 2 dashed #000000; background:#FCAD43"><center></center></a></div> <div style="position:absolute; top:405; left:348; width:166; height: 15; border-right:2 dashed #000000; border-left: 0; border-top: 0; border-bottom: 2 dashed #000000; background:#FB9F24"><center></center></a></div> <div style="position:absolute; top:405; left:464; width:166; height: 15; border-right:2 dashed #000000; border-left:0; border-top: 0; border-bottom: 2 dashed #000000; background:#F28D04"><center></center></a></div> <div style="position:absolute; top:405; left:565; width:165; height: 15; border-right:0; border-left:0; border-top: 0; border-bottom: 2 dashed #000000; background:#CA7604"><center></center></a></div> <div style="position:absolute; top:425; left:0; width:116; height: 15; border-right: 0; border-left: 0; border-top: 2 dashed #000000; border-bottom: 0; background:#FDD093"><center></center></a></div> <div style="position:absolute; top:425; left:116; width:166; height: 15; border-right:2 dashed #000000; border-left: 0; border-top: 2 dashed #000000; border-bottom: 0; background:#FCBE6B"><center></center></a></div> <div style="position:absolute; top:425; left:232; width:166; height: 15; border-right:2 dashed #000000; border-left: 0; border-top: 2 dashed #000000; border-bottom:0; background:#FCAD43"><center></center></a></div> <div style="position:absolute; top:425; left:348; width:166; height: 15; border-right:2 dashed #000000; border-left: 0; border-top: 2 dashed #000000; border-bottom: 0; background:#FB9F24"><center></center></a></div> <div style="position:absolute; top:425; left:464; width:166; height: 15; border-right:2 dashed #000000; border-left:0; border-top: 2 dashed #000000; border-bottom: 0; background:#F28D04"><center></center></a></div> <div style="position:absolute; top:425; left:565; width:165; height: 15; border-right:0; border-left:0; border-top: 2 dashed #000000; border-bottom:0; background:#CA7604"><center></center></a></div> <!-- BannerKiller , Smart-Hack --> <noscript><noscript> <plaintext><plaintext> <div id="root" style="position:absolute;top:0;left:0;width:40px;height:4 0px"> </div> </body> </html> Love, Mirna |