Log In · Register

 
 
Closed TopicStart new topic
Hiding Horizontal Scroll, Comments in a DIV, Hide Horizontal Scroll
frozenecko
post Jun 20 2008, 02:04 AM
Post #1


FrozenEcko
*

Group: Member
Posts: 8
Joined: Jun 2008
Member No: 659,543



I have the comments on my MySpace in a DIV layer. Problem is, it has a horizontal scroll. It looks terrible and its not even needed. Could someone tell me how to get rid of it? On both FF and IE if possible...

Thank you so much. biggrin.gif
 
frozenecko
post Jun 20 2008, 02:07 AM
Post #2


FrozenEcko
*

Group: Member
Posts: 8
Joined: Jun 2008
Member No: 659,543



CODE
<style type="text/css">
.comments {width:558px; 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;}
.i {display:none;}
table table object,
table table embed {position:relative;
top:70px;
left:-120px;
z-index:9 !important;}
.comments{visibility:visible;width:544px; height:200px;position:absolute;
top:1153px;left:227px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>


<style type=text/css>

body {
background-color: ffffff;
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:aca088;
scrollbar-track-color: aca088;
scrollbar-shadow-color: aca088;
scrollbar-face-color:d7cdb9;
scrollbar-highlight-color:aca088;
scrollbar-darkshadow-color:aca088;
scrollbar-3dlight-color:aca088}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:bold; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: uppercase; }

</style>


<div class="bg" style="position: absolute; left:0px; top:168px; width:900px; height:1230px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v634/frozenecko/everwarblank.jpg" width="916" height="1232" border="0">
</div>

<div class="stats" style="position: absolute; left:223; top:776; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your band about your band about your band about your band about your band about your band
</b><br>
 </p>
</div>

<div class="stats" style="position: absolute; left:223; top:990; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here
</b><br>
 </p>
</div>


<div class="content" style="position: absolute; left:0; top:0; width:94; height:38; overflow: auto">
<p style="text-align: center">Layout Created By
<a target="_blank" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2Zyb3plbmVja28=">Dani Blake</a>
</font>
</div>

<div class="linkage" style="position: absolute; left:687; top:430; width:87; height:369; overflow: auto"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTM5MDI2MDE1Ng==">
Add</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zOTAyNjAxNTYmTXlUb2tlbj1hZGVmN2JlNy01NTlmLTQxNWEtODNhZS01MTk0N
Y3ODcyNDY=">
Message</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5MDI2MDE1NiZN
VRva2VuPWFkZWY3YmU3LTU1OWYtNDE1YS04M2FlLTUxOTQ3Zjc4NzI0Ng==">
Comment</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0zOTAyNjAxNTYmTXlUb2tlbj04YWY1
WZlOS1hMDQ3LTRlOTAtYWJlYi1jNWNjZmRlZjZmZDk=">
Friends</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTExMDQ0MzY=">
Block</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzkwMjYwMTU2">
Blog</a><br>
<br>
<br>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=390260156">
Videos</a>
</div>

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

<div class="comments" style="overflow: auto; width: 544px; height:200px; position: absolute; top:1153px; margin-left: 227px;"><center><table><table><tbody><tr><td><table></center></div>
 
wthpatrick
post Jun 20 2008, 02:52 AM
Post #3


D:
****

Group: Member
Posts: 114
Joined: Jul 2006
Member No: 443,276



CODE
<div class="comments" style="overflow: auto; width: 544px; height:200px; position: absolute; top:1153px; margin-left: 227px; overflow-x:hidden !important;">


i dunno, maybe that could help? sorry. i'm not all that great with codes.
edit: oh and that's from the very bottom of your code that you've given.
 
frozenecko
post Jun 20 2008, 09:33 AM
Post #4


FrozenEcko
*

Group: Member
Posts: 8
Joined: Jun 2008
Member No: 659,543



thanks i'll try that
 
frozenecko
post Jun 20 2008, 09:37 AM
Post #5


FrozenEcko
*

Group: Member
Posts: 8
Joined: Jun 2008
Member No: 659,543



That Worked! Fabulous. Thankyou!! happy.gif
 

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