Web Design Forums

HTML and CSS Help

Having problems with these web design scripting? Ask here.

ugh please help me, myspace layout css div overlay comments messup



Site of the Month Voting - Now Open. CAST YOUR VOTE NOW!

Reply
 
LinkBack Thread Tools
Old July 14 '09, 08:33 AM (#1)
CSM Pickard is offline
New Member!
 
CSM Pickard's Avatar
 
Join Date: July 2009
Posts: 4
CSM Pickard is an unknown quantity at this point
ugh please help me, myspace layout css div overlay comments messup

first of all, im sorry my first post is asking a question but i really need help with this.
my myspace : www.myspace.com/first_sergeant_pickard
ive been trying to design my own layout in css.

i took code from other layouts and edited it to fit myself but now I got problems.
the comments are messed up...go there and see yourself.
here is my code for the layout, placed in my about me:

Code:
<style>
.commentlinks {display:none;}
body div table td form img{display:none!important;}
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 {text-transform: uppercase; letter-spacing:2px; line-height: 9px; font-family: small fonts; font-size: 7px; color: 8a8a8a;}
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,
.redtext,.blacktext10,
.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;}
td td embed, td td object { position: absolute; top: -500px; left: -500px; }
td td td embed, td td td object { position: static !important; }
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}


body {
overflow: auto;
overflow-x: hidden;
scrollbar-face-color:000000;
scrollbar-arrow-color:4f4f51;
scrollbar-highlight-color:4f4f51;
scrollbar-shadow-color:000000;
scrollbar-3dlight-color:4f4f51;
scrollbar-darkshadow-color:000000;
scrollbar-track-color:000000;
background-image:url(http://www.kottonmouthkings.com/myspace/mar09/bg.jpg); 
background-color: 000000;
background-position: top center;
background-repeat: repeat-y;
background-attachment: fixed;
cursor:default;
font-weight:normal;
}

a:link, a:visited, a:active {
font-family:book antiqua;
font-size:14px;
font-weight:normal;
color: ffffff;
text-decoration:none;
text-transform:none;
}

a:hover {
font-family:book antiqua;
font-size:14px;
font-weight:normal;
color: 4f4f51;
text-decoration:underline;
text-transform:none;
}


div.aboutme 
{position:absolute;
margin-left:-280px;
left:50%;
top:500px;
width:567px;
height:200px;}

.aboutme {
position:absolute;
overflow:auto;
background-color:black;
font-family:book antiqua;
font-size:14px;
color:afb0b5;
align:center;
font-weight:normal;
text-transform: lowercase;
margin:0;
padding:0;
}




.nav{
position: absolute;
top: 742px;
left: 38%;
margin-left: 25px;
width: 250px;
height: 160px;
text-align: right;
border: 0px solid white;
overflow: overflow;
z-index: 3;
}

a.navigate:link, a.navigate:active, a.navigate:visited { color: afb0b5; font-size: 12px; display: block; cursor: default; 

line-height: 
12px; text-align: center; font-weight: none; letter-spacing: 
2px; text-indent: 0px; font-family: book antiqua; text-decoration: none; 
text-transform: none; background-image: url(''); 
background-color: 000000; background-repeat: repeat-x; 
background-attachment: scroll; border: 0px solid 000000; 
margin-top: 0px; padding: 0px; background-position: top }
a.navigate:hover { color: afb0b5; font-size: 12px; display: block; cursor: crosshair; text-indent: 
1px; line-height: 12px; text-align: center; font-weight: none; 
letter-spacing: 2px; font-family: book antiqua;text-decoration: none;  
none; text-transform: lowercase; background-image: 
url(''); background-color: 4f4f51; background-repeat: 
repeat-x; background-attachment: scroll; 
border: 1px solid 000000; margin-top: 0px; padding: 0px; 
background-position: top }

.coverup{
position: absolute;
top: 190px;
left: 31%;
width: 525px;
height: 260px;
border: 0px;
overflow: overflow;
z-index: 5;
background-color: black;
}

.picturebitch{
position: absolute;
top: 200px;
left: 34%;
margin-left: 15px;
width: 374px;
height: 300px;
border: 0px;
overflow: overflow;
z-index: 6;
}


</style>


<div class="coverup">

</div>

<div class="picturebitch">
<img src="http://c3.ac-images.myspacecdn.com/images02/94/l_b190a1f5c3104456a68d2bef40fe34de.jpg" />
</div>

<div class="nav">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="navigate">Home*</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD1YWFhYWFhYWFg=" class="navigate">Msg*</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhYWFg=" class="navigate">Add*</a> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=454756969" class="navigate">Pics*</a>
</div>




<div class="aboutme">
Not a lot to say, just your everyday man.  I enjoy the simple things in life, but look for the craziest.  My mother is the earth, my father is the sun.  I have a very great family, Ryan, Larry, Charles, Benny, Drew, Tyler, Leah, Steve0, Michael, Kristin, Big-Trish, Lisa, Dustin, and Shelbo just to name a few.  Dont **** with them, I'll **** with you.  Music is my inspiration, my escape from this crazy world.  I used to have to worst attitude on life you would ever find, and sometimes still do.  But I'm trying to change to a greater man, as time passes me up I see all I'm missing out on with my demons following me around.
<br /><br /><br />






<style>
textarea.msdazzlebackgrounds {
background-image:url("");
background-color:000000!important;
background-repeat: no-repeat;
background-position: bottom-left;
width:200px !important;
height:170px !important;
font-family:trebuchet ms!important;
color:02c646!important;
line-height:17px !important;
font-size:12px !important;
border-color:ee0038 !important;
border-style:solid !important;
border-width:0px !important;
letter-spacing:1px !important;
text-transform: lowercase;
font-weight:none !important;
}

input.msdazzlebackgrounds {color:000000!important;
font-size:11px !important;
width:60px !important;
height:15px !important;
font-family:trebuchet ms!important;
background-color: 02c646!important;
border-color:02c646 !important;
border-width:1px !important;
border-style:solid !important;
letter-spacing:1px !important;
text-transform:lowercase !important;
line-height:11px !important;
font-weight:normal !important;}
</style></div>
thanks guys, great forum btw im glad I found it, maybe this site can help me learn and me help people lol.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old July 14 '09, 09:51 AM (#2)
CSM Pickard is offline
New Member!
 
CSM Pickard's Avatar
 
Join Date: July 2009
Posts: 4
CSM Pickard is an unknown quantity at this point
also, I deleted all my comments for a short fix, and now the bottom links are showing up...its not fun lol
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old July 14 '09, 11:58 AM (#3)
mlseim is offline
WDF Staff
 
mlseim's Avatar
 
Join Date: April 2004
Location: Cottage Grove, Minnesota
Posts: 3,359
mlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud ofmlseim has much to be proud of
You have a deal where myspace puts in things other than your code.
So you have to work with the header and footer that myspace provides.

First off, don't use any "absolute" or "relative" positioning.
That is a problem between browsers, and is frustrating to fix.

Because you're inserting your own code within myspace, put a wrapper
around all of your stuff so you have some control over your space:

Sort of like this, but you define your own stuff ...

#wrapper{
width:900px;
text-align:center;
}

<div id="wrapper">

your whole page

</div><!-- end of wrapper -->


There's no way I can make an example page because your HTML and CSS gets
put inside of myspace and they actually have control. I'm not even sure what
CSS you put in, and what CSS was already there?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old July 14 '09, 05:12 PM (#4)
CSM Pickard is offline
New Member!
 
CSM Pickard's Avatar
 
Join Date: July 2009
Posts: 4
CSM Pickard is an unknown quantity at this point
thanks for your reply, lol. im a little new to this though.
i'll look into it though, thanks very much
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old July 14 '09, 11:23 PM (#5)
CSM Pickard is offline
New Member!
 
CSM Pickard's Avatar
 
Join Date: July 2009
Posts: 4
CSM Pickard is an unknown quantity at this point

I got the links problem fixed.
thanks

but still the problem persists with the background. It shows up Fine in Firefox, but in IE, it cuts of a little bit of the furthest most left and right sides.

any ideas webdesignforums?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

  Web Design Forums » Programming Help » HTML and CSS Help

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
MySpace Coding (Div Overlay) Help mightymaster HTML and CSS Help 0 June 6 '08 12:36 AM
Having problems with spacing my layout (CSS and XHTML) ruffneck119 HTML and CSS Help 3 December 13 '07 09:55 PM
How do I wrap a div in another? Jason HTML and CSS Help 4 May 18 '07 05:26 PM
Background overlay problems and form-related CSS woes TheGardener HTML and CSS Help 2 April 4 '07 03:35 PM
Firefox vs. IE - Size of scrolling div defined in CSS style sheet problems _shady HTML and CSS Help 2 March 14 '07 03:51 PM

 
User Infomation
Your Avatar

Site Of The Month
Nominate Your Site Now!

Advertisement
WolfCMS.org

Latest Articles
- by RickM
- by bfsog

Advertisement

Partner Links



All times are GMT -4. The time now is 01:59 PM.


WebDesignForums.net is Copyright © 2010 RikeMedia.

SEO by vBSEO

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164