Log In · Register

 
 
Closed TopicStart new topic
Help!, Trouble with a layout.
Nina-Williams
post May 19 2008, 10:52 AM
Post #1


Senior Member
****

Group: Member
Posts: 141
Joined: Jun 2007
Member No: 536,692



Okay, I have design a DIV on my PS.
This is the code

CODE
<style>

.navigationBar {display:none;}






</style>


<style>
.userProfileDetail {display:none!important;}
</style>



<style type="text/css">

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>






<STYLE TYPE="text/css">

body {
background: url('') repeat;
background-position:center center;
background-position: 0 300px;
background-color:38077C;
line-height: 17px;
cursor: default;
color:000;
scrollbar-arrow-color:38077C;
scrollbar-face-color:38077C;
scrollbar-3dlight-color:38077C;
scrollbar-darkshadow-color: 38077C;
scrollbar-shadow-color: 4C0A6B;
scrollbar-highlight-color: A462FF;
scrollbar-track-color: A462FF;

}

.comments {visibility:hidden;display:none;}
}

.contactTable {display: none;}
contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.
text,.redtext,.redbtext{display:none;height:0px;!import

ant;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
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;}
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;}
img { border:0;}

b {color:000; border-bottom:1px dotted; border-bottom-color:fff;}
em {color:fff; border-bottom:1px dotted; border-bottom-color:fff; font-style:normal; font-weight:bold;}
font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt;
color:33055B;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 18px;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:monotype corsiva;
font-size: 8pt;
color:33055B;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 18px;}

.NavigationBar, .navbar:active, a.navbar:visited, a.navbar:link { visibility:hidden; }
a.navbar:hover { visibility:hidden; }



a:link, a:visited, a:active {color:A054FF; text-decoration: none; font-weight:bold;}
a:hover {cursor: default; color: A054FF; text-decoration: none; border-bottom:1px solid; border-bottom-color:A054FF;}

input, textarea {
color:33055B;
padding:1;
font-size:8pt;
font-family:monotype corsiva;
background-color:F2F2F2;
border-width:1px; border-style:solid; border-color:C796FF;
padding:2;}


font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:monotype corsiva;
font-size: 8pt;
color:33055B;
font-weight: normal;
text-decoration: none;
letter-spacing: 0px;
padding: 0px;
line-height: 18px;}



h2 {
font: 11pt "monotype corsiva";
text-align: right;
letter-spacing: 2px;
text-transform: lowercase;
margin: 0 0 2px 0;
color:1b1b1b
padding:0 1px;
border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:fff}



h3 {
font: 11pt "monotype corsiva";
text-align: right;
letter-spacing: 2px;
text-transform: lowercase;
margin: 0 0 2px 0;
color:1b1b1b
padding:0 1px;
border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:fff}


div.nav a:link,.nav a:visited, div.nav a:active {
display: block;
padding-left: 3px;
font-family: monotype corsiva;
font-size: 12px;
background-color: transparent;
border-bottom: 1px dashed;
border-color: 352d3b;
margin: 0px;
color: 390E81;
text-align: left;
line-height: 18px;
letter-spacing: 0px;
text-transform:lowercasecase;
text-decoration: none;
font-weight: bold;}

div.nav a:hover {
display: block;
padding-left: 3px;
font-family: monotype corsiva;
font-size: 12px;
margin: 0px;
background-color: 390E81;
border-bottom: 1px dotted;
border-bottom-color: ffffff;
border-left: 3px solid;
border-left-color: ffffff;
color: 352d3b;
text-align: left;
line-height: 18px;
letter-spacing: 0px;
text-transform: lowercase;
text-decoration: none;
font-weight: bold;
}


</style>

<style type="text/css">
textarea, input, select{
font-family: tahoma !important;
font-size:9px !important;
color: A15EFF !important;
border: 1px solid !important;
border-color: 8E43FF !important;
background-color: 38077C !important;
font-weight:normal !important;
text-transform: lowercase !important;}

textarea.cmmt1{
color:fff !important;
width:140px !important;
height:38px !important;
text-align:left !important;
font-family:tahoma!important;
line-height:11px !important;
font-size:10px !important;
letter-spacing:0px !important;
font-weight:normal !important;
background-color:transparent !important;
border-color:8E43FF !important;
border-style:solid !important;
border-width:1px !important;
}
input.cmmt2 {
color:fff !important;
width:140px !important;
height:15px !important;
font-size:9px !important;
text-align:center !important;
font-family:tahoma !important;
letter-spacing:1px !important;
text-transform:lowercase !important;
line-height:9px !important;
font-weight:normal !important;
background-color:8E43FF !important;
border-color:A15EFF !important;
border-width:0px !important;
border-style:solid !important;
}</style>

<p></p>










<div class="bg" style="position: absolute; left:0px; top:100px; width:669px; height:793px; overflow: visable; overflow-x: hidden;">


<IMG SRC="http://img231.imageshack.us/img231/9166/27590aabpc3.jpg" border=0 width=669 height=793 USEMAP="#imgmap">


<div class="nav" style="position: absolute; left:80px; top:398px; width:152px; height:155px; overflow: auto; overflow-x:hidden;">




<a

href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJp

ZW5kSUQ9WFhYWFhY"class="navigate">Message.</a>


<a

href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu


mlld1BpY3R1cmUmZnJpZW5kSUQ9WFhYWFhY"class="navigate">Pictures.</a>

<a

href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJ

pZW5kSUQ9WFhYWFhY"class="navigate">Blog.</a>


<a

href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"class="navigate">Home.</a>




<a

href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9

maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPVhYWFhYWCZNeVRva2VuPWY5OWFjNDYxLWE5OWYtDQoNCjR
M2UtODMxNC0wYzRhMjBkY2U

2YTM="class="navigate">Comment </a>

</div>


<center><FORM method="post" action="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID="381466702"&MyToken="> <INPUT type="hidden" name="381466702" .."381466702"> <TEXTAREA name="f_comments" cols="30" rows="4">I cannot go back to what I once was.</textarea><BR>

<INPUT type="submit" value="To The Eternal Land."> <BR> <STYLE type="text/css"> textarea { background-color:Black; );

border-width:3px; border-style:dotted; border-color:White; color: pink; font-family:Tahoma; } input { background-color: black;

border-width:3px; border-style:dotted; border-color:White; color:pink; font-family:tahoma; } </STYLE></center>
</div>













<div class="aboutme" style="position: absolute; left:230px; top:500px; width:355px; height:344px; overflow: auto; overflow-x:hidden;">

<h2> Info </h2>

Blah Blah Blah.

</div>



<div class="aboutme" style="position: absolute; left:230px; top:700px; width:355px; height:344px; overflow: auto; overflow-x:hidden;">

<h3> Info </h3>

Blah Blah Blah.


</div>


<div class="comments"><table><tr><td><table><tr><td>







I am trying to make the two boxes to scroll and also my dotted lines seem to be out of the info box...I am new to coding, so I need some help...
Last, my comment box doesn't appears down of my navigation.
That what I ask please.











 
S-Majere
post May 19 2008, 01:19 PM
Post #2


Addict
*******

Group: Staff Alumni
Posts: 3,918
Joined: Jun 2007
Member No: 538,522



Okay, all I'm getting is a blank screen when I try your code - please double-check you have given us all your codes. A screenshot would be helpful, too.

 

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