Log In · Register

 
 
Closed TopicStart new topic
Navigation width background, Changing width?
RoyalRiver
post Apr 14 2008, 07:05 PM
Post #1


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



QUOTE
About | FAQ | Terms | New Privacy | Safety Tips | Contact MySpace | Report Abuse | Advertise | MySpace International | MySpace Latino


©2003-2008 MySpace.com. All Rights Reserved.


Myspace:
http://www.myspace.com/islandgirl_roxy
I can't figure out how to change the background width [gray background] of those link all the way down my page. I want it to be the same size as the white background.

CODE
<img src="http://i29.tinypic.com/35k5oy9.png" align="center">
<style type="text/css">.userprofileurl {display:none;}</style><style type="text/css">.extendednetwork {display:none;}</style><style type="text/css">a.text, table div font a, table div div {visibility:visible;}</style><style type="text/css">
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style><style type="text/css">div table tr td form{display:none;}</style><style type="text/css">.contactTable { display: yes }</style><style type="text/css">
}
body {
scrollbar-face-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: E5E5E5;
scrollbar-shadow-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-arrow-color: E5E5E5;
scrollbar-track-color: ffffff;
}
</style><style type="text/css">table.latestblogentry {display: none;}</style><style type="text/css">
body {background-color:;
background-image:url("http://i31.tinypic.com/t84z2a.jpg");
background-position:left;
background-repeat:repeat;
background-attachment:fixed;}

table, tr, td, li, p, div {font-family:Arial Narrow; border: 0px; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

textarea, input {font-family:century gothic; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.nametext {font-family:georgia; color:black; font-size:30px; text-transform:lowercase; font-weight:normal; letter-spacing:-1.5px; line-height:25px; display:normal; text-align:center;}

.lightbluetext8 {font-family:georgia; color:000000; font-size:11px; text-transform:lowercase; text-decoration:none; font-weight:normal; letter-spacing:-1.1px; line-height:12px;}

.blacktext12 {font-family:century gothic; color:000000; font-size:11px; text-transform:lowercase; letter-spacing:-1.2px; text-decoration:none; font-weight:normal; line-height:12px;}

.blacktext10 {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.orangetext15 {font-family:century gothic; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.btext {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.redtext {font-family:century gothic; color:000000; font-size:12px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.redbtext {font-family:century gothic; color:000000; font-size:12px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.text {font-family:Arial Narrow; color:000000; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}

.whitetext12 {visibility:hidden; font-family:georgia; color:000000; font-size:12px; letter-spacing: -1.2; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:13px;}

a:active, a:visited, a:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Arial Narrow; color:black; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a:hover, a.redlink:hover {font-family:violation; color:000000; font-size:10px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:10px;}

a.navbar:hover {font-family:century gothic; color:black; font-size:9px; text-transform:lowercase; text-decoration:none; font-weight:normal; line-height:12px;}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type=text/css>
#tkn_leaderboard{visibility:visible !important; display:inline !important;}
body TABLE TD DIV#header_gae { VISIBILITY: visible!important;}

body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;}
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }

body DIV TABLE TD DIV#googlebar
{
VISIBILITY: visible !important;
display:block !important;
position:relative;
..;
}

body DIV DIV form #q,
body DIV DIV form #t,
body DIV DIV form #submitBtn,
body DIV DIV form #imgGoogle
{
VISIBILITY: visible !important;
display:inline !important;
position:static;
}

select {position:static !important; top:inherit !important;}

.photoDisplaySmall
{
width:56px;
}
div.photoThumbnail div.thumb
{
padding:0px !important;
border: none !important;
float: left !important;
}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>
 
MissHygienic
post Apr 14 2008, 08:22 PM
Post #2


Resource Center Tyrant
******

Group: Official Member
Posts: 2,263
Joined: Nov 2007
Member No: 593,306



I'm not entirely sure, but this code might work:
CODE
<style>
table {width:auto !important; height:auto !important;}
body {text-align:center;}
table {margin-right:auto; margin-left:auto;}
</style>
 
RoyalRiver
post Apr 15 2008, 07:16 AM
Post #3


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



CODE
<img src="http://i29.tinypic.com/35k5oy9.png" align="center">
<style type="text/css">.userprofileurl {display:none;}</style><style type="text/css">.extendednetwork {display:none;}</style><style type="text/css">a.text, table div font a, table div div {visibility:visible;}________________________________________________</style><style type="text/css">
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
</style><style type="text/css">div table tr td form{display:none;}</style><style type="text/css">.contactTable { display: yes }</style><style type="text/css">
}


I placed the code you had given me into that red line above. I don't know if that is the wrong place to put it but it didn't work. It actually also resized the body table.
 
miyashu
post Apr 15 2008, 09:42 AM
Post #4


cake or DEATH
*****

Group: Staff Alumni
Posts: 631
Joined: Sep 2005
Member No: 223,586



Add this at the end of your About Me section:

CODE
<div style="display:none"> <table><tr><td><table><tr><td></style>


Personally, I find that code as an easier way to adjust those bottom links. Not only does it make the width smaller, but it moves them up. But if that's not exactly what you're looking for, just let us know.
 
RoyalRiver
post Apr 15 2008, 05:14 PM
Post #5


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



MissHygienic: This is what the code does. It changes the other table sizes.
http://i30.tinypic.com/20kvs68.jpg
http://i27.tinypic.com/25kspkh.jpg

miyashu: I used the code and the table overlapped my comments box. As seen here:
http://i29.tinypic.com/1239k55.jpg
 
RoyalRiver
post Apr 15 2008, 09:03 PM
Post #6


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



doublehelix: Can you tell me the exact location of where I need to put your code? I tried to put them in places, where I thought but it just messed up the layout.
 
absinthe
post Apr 15 2008, 10:00 PM
Post #7


GD. <3
******

Group: Staff Alumni
Posts: 1,222
Joined: Aug 2005
Member No: 198,566



^ that code should go between your <style> tags.
 
RoyalRiver
post Apr 16 2008, 07:46 AM
Post #8


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



Actually, the layout that I use doesn't have any <style> tags. I see a lot of <style type="text/css"> tags only.
 
RoyalRiver
post Apr 16 2008, 07:14 PM
Post #9


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



Does anyone know any other solutions? I really can't figure this out.
 
aaayotiffany
post Apr 16 2008, 07:22 PM
Post #10


yo yo yiggidy yo.
******

Group: Official Member
Posts: 1,606
Joined: Mar 2005
Member No: 108,591



QUOTE(RoyalRiver @ Apr 16 2008, 08:46 AM) *
Actually, the layout that I use doesn't have any <style> tags. I see a lot of <style type="text/css"> tags only.

those are the style tags. you can put the code he gave you between <style> and </style>.
 
RoyalRiver
post Apr 17 2008, 07:39 PM
Post #11


Senior Member
***

Group: Member
Posts: 47
Joined: Jan 2006
Member No: 357,515



QUOTE
just make a div over everything else

How do I do that? I'm sorry I am totally clueless about html.
 

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