I need a Div Overlay Tutorial, and I do not want it for MySpace. I'm making a personal website, and I don't want to use frames or anything like that. I find that the div overlay is nice, and that I want to make one myself, not just get a generator to do it for me. Soo, any step by step tutorials?
"Div Overlay" is a really weird way of saying "CSS". http://www.htmldog.com/ is a good starting point.
I wrote this in dreamweaver. I am new to div overlays and css, and dont have access to myspace at this time to test it. I was wondering if the code looks good to you guys?
%26lt;style type="text/css"%26gt;
.main {
position:absolute;
left:50%;
top:125px;
width:800px !important;
z-index:1;
margin-left:-400px;
}
.pics {
position:absolute;
left:410px;
top:135px;
width:200px;
z-index:2;
margin-left:-400;
}
.playlist {
position:absolute;
left:675px;
top:135px;
width:200px;
z-index:2;
margin-left:-400;
}
.about {
position:absolute;
left:450px;
top:500px;
width:200px;
z-index:2;
margin-left:-400;
}
%26lt;/style%26gt;
%26lt;div class="main"%26gt;
%26lt;table style="width: 800px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;"%26gt;
%26lt;tr%26gt;
%26lt;td valign="top"%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;%26lt;/table%26gt;%26lt;/div%26gt;
%26lt;div style="position:relative; height:400px; overflow:hidden; border:0px;"%26gt;%26lt;table%26gt;%26lt;tr%26gt;%26lt;td%26gt;%26lt;table%26gt;%26lt;tr%26gt;%26lt;...
%26lt;div class="pics"%26gt;
%26lt;table style="width: 200px;
height: 300px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;"%26gt;
%26lt;tr%26gt;%26lt;td valign="top"%26gt;
閳?your picture here...
%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;%26lt;/div%26gt;
%26lt;div class="playlist"%26gt;
%26lt;table style="width: 465px;
height: 300px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;"%26gt;
%26lt;tr%26gt;%26lt;td valign="top"%26gt;
閳?your picture here...
%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;%26lt;/div%26gt;
%26lt;div class="about"%26gt;
%26lt;table style="width: 700px;
height: 300px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;"%26gt;
%26lt;tr%26gt;%26lt;td valign="top"%26gt;
閳?your picture here...
%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;%26lt;/div%26gt;
It should work. To be sure, copy the code you have on your MySpace Profile now to notepad and save it to your hard drive or simply keep notepad open. Then get rid of that code in your MySpace profile and copy and paste this code you want to try into the profile. Save. Then refresh your profile and see if it works. If not, get rid of it and paste the old code back and save!
I'm fixing boyfriend's myspace and have multiple background images, but at different resolutions the div in which the second image is covers the layout partially. How can I put the tables in the layout inside their own div, so I can use the z-index to manipulate the positioning on the page? Thanks.
%26lt;div class="aboutme1" style="position: absolute; left:XXXpx; top:XXXpx; width:XXXpx; height:XXXpx; overflow: auto; z-index:XXX"%26gt;
%26lt;img src="background url here"%26gt;
I think. I'm not too sure about the background part.
here is a myspace div layout genarator
http://www.myspaceprodesigns.com/generat...
----------------------------
and here a few places with layouts
----------------------------
http://www.myspaceprodesigns.com/layout/
http://www.squidoo.com/myspace_div_overl...
http://divmyspacelayouts.com/
hope this helps
happy holidays
I just want one more section. How would i do that?
copy the code for one of your other sections, and change the position numbers and classname
I have no idea, but it's 2:44 and I'm ready to go home .
just leave the url or a link to it or something. thank you SOO much!
www.freeweblayouts.net
