Layout-TABLE background problem Options

[RoyalRiver]

MY MYSPACE: http://www.myspace.com/25922697

If you look at that white/pink diagonal background for the tables. At the top section it don't look right. Look at the two tables: ABBY'S INTERESTS & ABBY'S DETAILS. I want to have that pink horizontal background. I want that horizontal background for the 2 tables: Layout made by nothing_plus_this at CreateBlog.com. & Abby has 1 friends. I hope you guys understand. It's hard to explain.

CODE

table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-color:transparent;
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
table table table {width:300px;}
table table td.text table {width:auto;}
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:FAFEE9;
background-image:URL('http://images.cbimg6.com/myspace/32/7963c.jpg');
background-repeat:repeat;
background-position:center center;
border-color: 000000;
border-width:0px;
border-style:solid;
font: normal 0px small fonts;
font-color: FAFEE9;
width:435px; height:100px; display:block !important;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
B, STRONG {font: bold 12px georgia; text-transform:none; color: 000000;}
I, EM {font: italic 12px georgia; text-transform:none; color: 000000;}
BODY, P, TD, FONT {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
body, td, li, p, div, textarea, li, h1, h2, p, br, table {font: normal 9px georgia; color:444A41; text-transform:none;}
.text {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: justify;}
.blacktext12 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.orangetext15 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.contacttable .whitetext12{display:none;}
.whitetext12 {font: normal 9px georgia; text-transform:uppercase; letter-spacing: 2px; font-style:none; text-align: left; font-color; FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.btext {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: right;}
.lightbluetext8 {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: left;}
.blacktext10 {font: normal 12px georgia; text-transform:uppercase; letter-spacing: 1px; text-align: left; font-color:FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.nametext {font: normal 8px georgia; text-transform:uppercase; font-color: FFFFFF; text-align: right; background-color: EDB6B0; border: none; display: block; visibility:hidden;letter-spacing: 2px; }
TABLE, TD, TR, TH {font: normal 9px georgia; color:444A41; text-transform:uppercase; cursor: default;}
TABLE, TR, TD {border: none; border-color: FFFFFF; background-color: transparent; padding: 0px; margin: auto;}
TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE TABLE {border-width: 1px; border-style:solid; border-color: A4BEA9; background-image:URL('http://img.photobucket.com/albums/1003/Jchris34232/diagonal20.png'); padding: 0px;}
TABLE TABLE TABLE TABLE {border: none; border-color: 000000;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font: normal 9px georgia; text-transform:uppercase; color: 000000; text-decoration: underline;}
a img {border-color:000000; border-style:solid; border-width:1px;}
a:hover, a.navbar:hover, a.redlink:hover {font: normal 9px georgia; text-transform:uppercase; color: FF96D2; text-decoration: underline; background-color: transparent; cursor: crosshair;} a:hover img {filter:none;}
</style><style type="text/css">.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image: URL('http://img.photobucket.com/albums/1003/Jchris34232/think2pink2.png');
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:15px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>
<style>.r{}</style>

[freeflow]

Find:
.whitetext12 {font: normal 9px georgia; text-transform:uppercase; letter-spacing: 2px; font-style:none; text-align: left; font-color; FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}

Change the bold too:
background-image: url(PLACETHEURLTOTHEDIAGNOLSHERE);

Put the url to the background where it says too . (the caps)

[RoyalRiver]

That's not what i want to do though. What I wanted was to have that horizontal pink border just like in Abby's Interests . I wanted that horizontal background on the table that says:
Abby has 1 friends. and Layout made by nothing_plus_this at CreateBlog.com.

[freeflow]

You can't do that for the layout made by so and so because thats regular text not a title. If you really wanted to you would need to make a new font class in your css. Which isn't hard at all , but you have too do that.

For the rest add a background color to these:

.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}

[RoyalRiver]

I'm so confused. How do I make a new font class in my css?

For this...this is what I did:
.redtext {font: normal 9px papyrus; color:444A41; text-transform:uppercase; background-color:F24646}

[freeflow]

Ok first add the background to these too. That will make your friends numbers have a pink background , etc. But to make the whole friends line, you have to make all bold text have a pink background.
But for just the font numbers add a background to these two:

.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}

Then to make the link have the pink background read here about how to add a font class:
http://www.createblog.com/scripts/download.php?id=99

What you will do is take this part:

CODE

.Nameofclass {
text-decoration: value; none
font-family: value;
color:rrggbb;
letter-spacing: value;
font-weight: value;
font-size:10px;
highlight-color:rrggbb;
letter-spacing:1px;
}

Add style tags, and edit it to match your layout with the background and stuff.

Then you will take this part and add it before the link:

CODE

<span class="nameofclass">

Then you will take this and add it after the link line:

CODE

</span>

[RoyalRiver]

by style tags u mean I just do this:

<style>.Nameofclass {
text-decoration: value; none
font-family: value;
color:rrggbb;
letter-spacing: value;
font-weight: value;
font-size:10px;
highlight-color:rrggbb;
letter-spacing:1px;
} </style>


------------------------------------------
For this code

CODE

<span class="nameofclass">w/e you want to say</span>[

do I skip that part or what? If I don't....do I put that around

CODE

.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}

[freeflow]

Yes that's what I mean by style tags.

CODE

<span class="nameofclass">w/e you want to say</span>

do I skip that part or what? If I don't....do I put that around

Don't worry about it. In the steps I gave you I broke it down for you already.


For this part:

CODE

.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}

You find that part in your codes. Add the background code to it.

[RoyalRiver]

:::edit::::

I think what I did was wrong:

.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase; <style>.Nameofclass {
text-decoration: value; none
font-family: value;
color:rrggbb;
letter-spacing: value;
font-weight: value;
font-size:10px;
highlight-color:rrggbb;
letter-spacing:1px;
}</style>}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase; <style>.Nameofclass {
text-decoration: value; none
font-family: value;
color:rrggbb;
letter-spacing: value;
font-weight: value;
font-size:10px;
highlight-color:rrggbb;
letter-spacing:1px;
}</style>}

[freeflow]

Yea you are. Your combining the things I told you to do. Don't. There for two seperate things.

All you do for these too is find them in your layout code now. Add the following:
background-color: ######; before the } and change #### to the color in your current layout code. Thats all

.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase; }
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}

Then once you do that Add this to about me. Edit it. Add to about me. At the top of about me . Copy and paste at the top. Thats all

CODE

<style>.Nameofclass {
text-decoration: value; none
font-family: value;
color:rrggbb;
letter-spacing: value;
font-weight: value;
font-size:10px;
highlight-color:rrggbb;
letter-spacing:1px;
} </style>

Change font-family:value; to font-family: fonthere; (Make font here the font you want)
the font you want.
Change color:rrggbb; change rrggbb to the color you want.
Change the value next to letterspacing to what you want.
Change the value next to font-weight to none.
Change 10px. To a number px. Thats your fontsize.
Change height-color: to the pink background color in the layout.

thats all. Then paste at the top of about me if you didn't already do so.

Yea. Do you kind of get it now? I would of did it for you, but you didn't post your entire layout code.

[RoyalRiver]

I followed your steps and I don't see that horizontal background this is the whole code of my layout. Also for this code

CODE

<span class="nameofclass">

I"m not too sure where to place it. I know you said "link" but ...kinda confused.

CODE

<style>.Nameofclass {
text-decoration: value; none
font-family: georgia;
color:FF4040;
letter-spacing: 2px;
font-weight: normal;
font-size:10px;
highlight-color:EDB6B0;
letter-spacing:1px;
}</style>
<span class="nameofclass">
Layout made by</span>
<a href="http://www.createblog.com/layouts/index.php?author_id=284328" title="More layouts by this person">nothing_plus_this</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
<style type="text/css">
.layout {myspace-layout-name: Terrifying_Love;
myspace-layout-site: url('http://panicked.nuclearcentury.com'); }
body {
background-color:CCCCCC;
border-top:0px;
border-bottom:0px;
border-color:F5E9F0;
border-style:solid;
background-image:URL('http://img.photobucket.com/albums/1003/Jchris34232/n5n18o.jpg');
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
scrollbar-arrow-color: 444A41;
scrollbar-track-color: FAFEE9;
scrollbar-shadow-color: FCD1C9;
scrollbar-face-color:F7E7CF;
scrollbar-highlight-color: FFFFFF;
scrollbar-darkshadow-color: D27690;
scrollbar-3dlight-color: FAFEE9; }
table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-color:transparent;
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
table table table {width:300px;}
table table td.text table {width:auto;}
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:FAFEE9;
background-image:URL('http://images.cbimg6.com/myspace/32/7963c.jpg');
background-repeat:repeat;
background-position:center center;
border-color: 000000;
border-width:0px;
border-style:solid;
font: normal 0px small fonts;
font-color: FAFEE9;
width:435px; height:100px; display:block !important;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
B, STRONG {font: bold 12px georgia; text-transform:none; color: 000000;}
I, EM {font: italic 12px georgia; text-transform:none; color: 000000;}
BODY, P, TD, FONT {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
body, td, li, p, div, textarea, li, h1, h2, p, br, table {font: normal 9px georgia; color:444A41; text-transform:none;}
.text {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: justify;}
.blacktext12 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.redtext {font: normal 9px georgia; color:EDB6B0; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:80FFFF; text-transform:uppercase;}
.orangetext15 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.contacttable .whitetext12{display:none;}
.whitetext12 {font: normal 9px georgia; text-transform:uppercase; letter-spacing: 2px; font-style:none; text-align: left; font-color; FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.btext {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: right;}
.lightbluetext8 {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: left;}
.blacktext10 {font: normal 12px georgia; text-transform:uppercase; letter-spacing: 1px; text-align: left; font-color:FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.nametext {font: normal 8px georgia; text-transform:uppercase; font-color: FFFFFF; text-align: right; background-color: EDB6B0; border: none; display: block; visibility:hidden;letter-spacing: 2px; }
TABLE, TD, TR, TH {font: normal 9px georgia; color:444A41; text-transform:uppercase; cursor: default;}
TABLE, TR, TD {border: none; border-color: FFFFFF; background-color: transparent; padding: 0px; margin: auto;}
TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE TABLE {border-width: 1px; border-style:solid; border-color: A4BEA9; background-image:URL('http://img.photobucket.com/albums/1003/Jchris34232/diagonal2.png'); padding: 0px;}
TABLE TABLE TABLE TABLE {border: none; border-color: 000000;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font: normal 9px georgia; text-transform:uppercase; color: 000000; text-decoration: underline;}
a img {border-color:000000; border-style:solid; border-width:1px;}
a:hover, a.navbar:hover, a.redlink:hover {font: normal 9px georgia; text-transform:uppercase; color: FF96D2; text-decoration: underline; background-color: transparent; cursor: crosshair;} a:hover img {filter:none;}
</style><style type="text/css">.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image: URL('http://img.photobucket.com/albums/1003/Jchris34232/thinkpink2.png');
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:15px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>
<style>.r{}</style>

[freeflow]

Nevermind. Just use this new code:

CODE

<style>.Nameofclass {
text-decoration: value; none
font-family: georgia;
color:FF4040;
letter-spacing: 2px;
font-weight: normal;
font-size:10px;
background-color:EDB6B0;
letter-spacing:1px;
}</style>
<span class="nameofclass">
Layout made by</span>
<a href="http://www.createblog.com/layouts/index.php?author_id=284328" title="More layouts by this person">nothing_plus_this</a> at <a href="http://www.createblog.com/layouts/index.php?type_id=3" title="More Myspace layouts">CreateBlog.com</a>.<style>.r{}</style>
<style type="text/css">
.layout {myspace-layout-name: Terrifying_Love;
myspace-layout-site: url('http://panicked.nuclearcentury.com'); }
body {
background-color:CCCCCC;
border-top:0px;
border-bottom:0px;
border-color:F5E9F0;
border-style:solid;
background-image:URL('http://img.photobucket.com/albums/1003/Jchris34232/n5n18o.jpg');
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
scrollbar-arrow-color: 444A41;
scrollbar-track-color: FAFEE9;
scrollbar-shadow-color: FCD1C9;
scrollbar-face-color:F7E7CF;
scrollbar-highlight-color: FFFFFF;
scrollbar-darkshadow-color: D27690;
scrollbar-3dlight-color: FAFEE9; }
table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-color:transparent;
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
table table table {width:300px;}
table table td.text table {width:auto;}
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:FAFEE9;
background-image:URL('http://images.cbimg6.com/myspace/32/7963c.jpg');
background-repeat:repeat;
background-position:center center;
border-color: 000000;
border-width:0px;
border-style:solid;
font: normal 0px small fonts;
font-color: FAFEE9;
width:435px; height:100px; display:block !important;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
B, STRONG {font: bold 12px georgia; text-transform:none; color: 000000; background-color: EDB6B0;}
I, EM {font: italic 12px georgia; text-transform:none; color: 000000;}
BODY, P, TD, FONT {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
body, td, li, p, div, textarea, li, h1, h2, p, br, table {font: normal 9px georgia; color:444A41; text-transform:none;}
.text {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: justify;}
.blacktext12 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.redtext {font: normal 9px georgia; color:EDB6B0; text-transform:uppercase; EDB6B0;}
.redbtext {font: normal 9px georgia; color:80FFFF; text-transform:uppercase; EDB6B0;}
.orangetext15 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.contacttable .whitetext12{display:none;}
.whitetext12 {font: normal 9px georgia; text-transform:uppercase; letter-spacing: 2px; font-style:none; text-align: left; font-color; FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.btext {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: right; background-color:EDB6B0}
.lightbluetext8 {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: left;}
.blacktext10 {font: normal 12px georgia; text-transform:uppercase; letter-spacing: 1px; text-align: left; font-color:FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.nametext {font: normal 8px georgia; text-transform:uppercase; font-color: FFFFFF; text-align: right; background-color: EDB6B0; border: none; display: block; visibility:hidden;letter-spacing: 2px; }
TABLE, TD, TR, TH {font: normal 9px georgia; color:444A41; text-transform:uppercase; cursor: default;}
TABLE, TR, TD {border: none; border-color: FFFFFF; background-color: transparent; padding: 0px; margin: auto;}
TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE TABLE {border-width: 1px; border-style:solid; border-color: A4BEA9; background-image:URL('http://img.photobucket.com/albums/1003/Jchris34232/diagonal2.png'); padding: 0px;}
TABLE TABLE TABLE TABLE {border: none; border-color: 000000;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font: normal 9px georgia; text-transform:uppercase; color: 000000; text-decoration: underline;}
a img {border-color:000000; border-style:solid; border-width:1px;}
a:hover, a.navbar:hover, a.redlink:hover {font: normal 9px georgia; text-transform:uppercase; color: FF96D2; text-decoration: underline; background-color: transparent; cursor: crosshair;} a:hover img {filter:none;}
</style><style type="text/css">.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image: URL('http://img.photobucket.com/albums/1003/Jchris34232/thinkpink2.png');
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:15px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>
<style>.r{}</style>

Is that how you want it?

[RoyalRiver]

Ok this is what it looks like now: http://www.myspace.com/25922697

Is there any way to have that horizontal background go all the way across the table? Like from one end to the other? Also for the links...is that where I use this code?

CODE

<span class="nameofclass">

My whole purpose for that horizontal thing is to cover up that DIAGONAL background that's all messed up at the top of the tables.

[freeflow]

For the all the way across, I don't think so. Just happens for the interst tables and stuff.
For the link you can add that right infront of it. And </span> right after. But it might not change. It was more for the text, but I got th etext to change anyway.

[RoyalRiver]

oh ok. thank u so much and sorry for all the frustrations i caused.

[freeflow]

Aw you didn't cause anything. Do you need help with anything else?

[RoyalRiver]

I think that's it for now.