Log In · Register

 
Div help (again, yes, first big project, sry)
PoeticInsanity
post Jun 9 2006, 11:13 PM
Post #1


Senior Member
***

Group: Member
Posts: 38
Joined: Jun 2006
Member No: 419,709



If someone could please help me make sense of this code and where it belongs it would be much appreciated. I'm trying to put comments in a DIV layout. I've found a code, but don't know how to use it.
The code is found Here.
My site is coded as follows:
<style type="text/css">

.Main {position:absolute; left:50%; top:125px; width:800px; z-index:2; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Background {position:absolute; left:50%; top:0px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Music {position:absolute; left:0px; top:0px; background-color:transparent; z-index:3; border:0px; padding:0px;}

.Contest_Banner {position: absolute; left:42px; width:170px; height:170px; top:150px; background-color:transparent; border:0px; z-index:4; padding:0px; visibility: visible;}

.Contact_Table {position: absolute; left:310px; top:630px; background-color:transparent; border:0px; z-index:5; padding:0px;}

.Top_Links {position:absolute; left:70px; top:125px; background-color:transparent; border:0px; z-index:6; padding:0px; width:680px;}
a:link{color:brown;}
a:visited{color:brown;}
a:hover{color:orange; background-color:brown;}
a:active{color:brown;}


</style>


<DIV class="Background">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/background.jpg" width="810px" height="900px"/>
</div>

<DIV class="Main">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/steve_rock.jpg" width="800px" height="550px"/>
</DIV>

<DIV class="Music">
<embed allowScriptAccess="never" src="http://crash.onlinestoragesolution.com/music/(Weezer)%20-%2004%20-%20Island%20In%20The%20Sun%20(1).mp3" type="audio/x-pn-realaudio-plugin"
name="video" console="Clip1" autostart="true" controls="ControlPanel" border="0"
width="176" height="30" align="center" loop="true"></embed>
</DIV>

<DIV class="Contest_Banner">
<br/><center><font style="font-size:55px;line-height:18px;color: Orange;font-family: Monotype Corsiva;">Contests<br><font style="font-size:45px;color: Brown ;font-family: Monotype Corsiva;">Contests</font></font></center>
</div>

<DIV class="Contact_Table">
<map name="ContactTable" border="0">
<area shape="rect" coords="0,0,106,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=83010533">
<area shape="rect" coords="106,0,216,25" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=83010533">
<area shape="rect" coords="216,0,326,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=83010533&f=forwardprofile">
<area shape="rect" coords="326,0,429,25" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=83010533&public=0">
<area shape="default" nohref>
</map>
<img border="0" usemap="#ContactTable" src="http://h1.ripway.com/PoeticInsanity/contact_table.jpg"/>
</DIV>

<DIV class="Top_Links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=3306ecc0-5955-490a-b448-6599397e4698">Home</a>|<a href="http://browseusers.myspace.com/browse/browse.aspx?&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Browse</a>|<a href="http://search.myspace.com/index.cfm?fuseaction=find&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Search</a>|<a href="http://invite.myspace.com/index.cfm?fuseaction=invite&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Invite</a>|<a href="http://www.myspace.com/index.cfm?fuseaction=film&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Film</a>|<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Mail</a>|<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Blog</a>|<a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Favorites</a>|<a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories&MyToken=325ca80d">Forum</a>|<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Groups</a>|<a href="http://events.myspace.com/index.cfm?fuseaction=events&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Events</a>|<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Videos</a>|<a href="http://music.myspace.com/index.cfm?fuseaction=music&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Music</a>|<a href="http://classifieds.myspace.com/index.cfm?fuseaction=classifieds&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Classifieds</a>
</DIV>


if someone could please help me figure out where the code goes to make the comments visible in this DIV layout (preferable at the bottom horizontally) it would be a great help. Thanx
 
 
Start new topic
Replies
PoeticInsanity
post Jun 10 2006, 11:32 AM
Post #2


Senior Member
***

Group: Member
Posts: 38
Joined: Jun 2006
Member No: 419,709



Thanks. I've got the comments up, but one more question. Is there a way to put this in a horizontal scroll box along the bottom without any vertical scrollbar? that's the next step lol. Oh, and the ADD COMMENT link at the bottom can (and preferably should) be done away with.
here's the new code:
<style type="text/css">

.Main {position:absolute; left:50%; top:125px; width:800px; z-index:2; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Background {position:absolute; left:50%; top:0px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Music {position:absolute; left:0px; top:0px; background-color:transparent; z-index:3; border:0px; padding:0px;}

.Contest_Banner {position: absolute; left:42px; width:170px; height:170px; top:150px; background-color:transparent; border:0px; z-index:4; padding:0px; visibility: visible;}

.Contact_Table {position: absolute; left:310px; top:630px; background-color:transparent; border:0px; z-index:5; padding:0px;}

.Top_Links {position:absolute; left:70px; top:125px; background-color:transparent; border:0px; z-index:6; padding:0px; width:680px;}
a:link{color:brown;}
a:visited{color:brown;}
a:hover{color:orange; background-color:brown;}
a:active{color:brown;}

.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>


<DIV class="Background">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/background.jpg" width="810px" height="900px"/>
</div>

<DIV class="Main">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/steve_rock.jpg" width="800px" height="550px"/>
</DIV>

<DIV class="Music">
<embed allowScriptAccess="never" src="http://crash.onlinestoragesolution.com/music/(Weezer)%20-%2004%20-%20Island%20In%20The%20Sun%20(1).mp3" type="audio/x-pn-realaudio-plugin"
name="video" console="Clip1" autostart="true" controls="ControlPanel" border="0"
width="176" height="30" align="center" loop="true"></embed>
</DIV>

<DIV class="Contest_Banner">
<br/><center><font style="font-size:55px;line-height:18px;color: Orange;font-family: Monotype Corsiva;">Contests<br><font style="font-size:45px;color: Brown ;font-family: Monotype Corsiva;">Contests</font></font></center>
</div>

<DIV class="Contact_Table">
<map name="ContactTable" border="0">
<area shape="rect" coords="0,0,106,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=83010533">
<area shape="rect" coords="106,0,216,25" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=83010533">
<area shape="rect" coords="216,0,326,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=83010533&f=forwardprofile">
<area shape="rect" coords="326,0,429,25" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=83010533&public=0">
<area shape="default" nohref>
</map>
<img border="0" usemap="#ContactTable" src="http://h1.ripway.com/PoeticInsanity/contact_table.jpg"/>
</DIV>

<DIV class="Top_Links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=3306ecc0-5955-490a-b448-6599397e4698">Home</a>|<a href="http://browseusers.myspace.com/browse/browse.aspx?&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Browse</a>|<a href="http://search.myspace.com/index.cfm?fuseaction=find&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Search</a>|<a href="http://invite.myspace.com/index.cfm?fuseaction=invite&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Invite</a>|<a href="http://www.myspace.com/index.cfm?fuseaction=film&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Film</a>|<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Mail</a>|<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Blog</a>|<a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Favorites</a>|<a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories&MyToken=325ca80d">Forum</a>|<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Groups</a>|<a href="http://events.myspace.com/index.cfm?fuseaction=events&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Events</a>|<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Videos</a>|<a href="http://music.myspace.com/index.cfm?fuseaction=music&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Music</a>|<a href="http://classifieds.myspace.com/index.cfm?fuseaction=classifieds&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Classifieds</a>
</DIV>


<div class="comments" style="overflow:auto; width: 445px; height:235px; z-index:7; position: absolute; top:665px; left: 330px;"><center><table><table><tbody><tr><td><table></center></div>
 

Posts in this topic


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