Myspace HTML Help Needed

[123456]

Im trying to change my mysapce contact table from this old layout:
http://media.html-codes.com/backgrounds/BiohazardContact.jpg

to the new one which I made by moving the text from the old pic to the new one with photoshop
http://s2.photobucket.com/albums/y22/moody07747/Other/Photoshop/Dont%20Delete/?action=view&current=cloudsincontact300x150pix.jpg

only thing is after I put the URL into the HTML code I get nothing but the cloud background...no text

anyone have any ideas whats up with that?

[thesphinx]

ok so in your script you have html tags for text right?
and the background shows up but no text. so that means theres something right with your text tags, if you show me your script i might beable to fix it.

[123456]

sorry, forgot to post the HTML work...here it is

thanks

----------------------------


. type="text/css">

.htmlcodes { Generated by html-codes.com }

.htmlcodes { Body and Center Table }

body {
background:url('http://tinypic.com/2iktwn8.jpg'); background-repeat:repeat;
background-attachment:scroll
background-position:center;
background-color:000000;
}
table, tr, td {
background-color:transparent;
}

.htmlcodes { Other Tables }
table table {border-width:0px;border-style:hidden;}
table table table {
border-style:ridge;
border-width: 2px;
border-color:FFFFFF;
background-color: black;
}
table table table table {border-width:0px;border-style:hidden;}
table, tr, td, li, p, div {color:FA1A12;}

.htmlcodes { Text and Link Properties }

.btext, .blacktext10, .blacktext12, .lightbluetext8, .redtext {color:FFFFFF;}
.orangetext15, .redbtext, .text, .whitetext12 {color:FFFFFF;}
.nametext {color:FFFFFF; font-size:16px; font-weight:bold;}
a:active, a:visited, a:link {color:FA1A12;}
a:hover, a.navbar:hover, a.redlink:hover, a.man:hover, a.searchlinksmall:hover {color:FA1A12;}
a.navbar:active, a.navbar:visited, a.navbar:link {color:FA1A12;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:FA1A12;}
a.man:active, a.man:visited, a.man:link {color:FA1A12;}
a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link {color:FA1A12;}
.htmlcodeslink {position:absolute; z-index:9; top:0px; left:0px; color:FA1A12; font-size:12pt;}

.htmlcodes { Contact Table Image }

.contactTable {
width:300px !important;
height:150px !important;
padding:0px !important;
background-image:url("http://media.html-codes.com/backgrounds/BiohazardContact.jpg");
background-color:transparent;
}

.htmlcodes { Extended Network Image }

span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://s2.photobucket.com/albums/y22/moody07747/Other/Photoshop/?action=view&current=clouds_6x2copy.jpg");
width:435px; height:75px;
display:block !important;
font-size:0px;
}

.htmlcodes { Contact Table Properties }

.contactTable table, table.contactTable td {
padding:0px !important;
background-color:transparent;
border:0px !important;
}
.contactTable a img {
.;
border:0px !important;
}
.contactTable a {
display:block;
height:28px;
width:115px;
}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {.;}

.htmlcodes { Extended Network Properties }

span.blacktext12 span { display:none;}
span.blacktext12 img {display:none;}
table table table td {vertical-align:top !important;}

.>
. class="htmlcodeslink">HTML-Codes.com.>


---------------------------

[123456]

checking in, any ideas guys?

[Kiros]

Well why are you using all those periods? You only need them for class definitions :?

[123456]

well I dont know HTML at all...only basics

That HTML is from a generator that I used to make the old site layout.
I changed the URLs for the new images

[Kiros]

I'll try and fix it up for you - but no guarantees that it will work with MySpace - though I'll attempt to test it for you :)

Edit:

Ok, I think I got it in working condition now - I have yet to test it in MySpace, but you are free to try it before I have the clinical test results! Just copy the code below and paste it as you normally would in MySpace :D


<style type="text/css">

/*.htmlcodes { Generated by html-codes.com }*/

/*.htmlcodes { Body and Center Table }*/

body {
background:url('http://tinypic.com/2iktwn8.jpg');
background-repeat:repeat;
background-attachment:scroll;
background-position:center;
background-color:000000;
}
table, tr, td {
background-color:transparent;
}

/*.htmlcodes { Other Tables }*/
table table {border-width:0px;border-style:hidden;}
table table table {
border-style:ridge;
border-width: 2px;
border-color:FFFFFF;
background-color: black;
}
table table table table {border-width:0px;border-style:hidden;}
table, tr, td, li, p, div {color:FA1A12;}

/*.htmlcodes { Text and Link Properties }*/

.btext, .blacktext10, .blacktext12, .lightbluetext8, .redtext {color:FFFFFF;}
.orangetext15, .redbtext, .text, .whitetext12 {color:FFFFFF;}
.nametext {color:FFFFFF; font-size:16px; font-weight:bold;}
a:active, a:visited, a:link {color:FA1A12;}
a:hover, a.navbar:hover, a.redlink:hover, a.man:hover, a.searchlinksmall:hover {color:FA1A12;}
a.navbar:active, a.navbar:visited, a.navbar:link {color:FA1A12;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:FA1A12;}
a.man:active, a.man:visited, a.man:link {color:FA1A12;}
a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link {color:FA1A12;}
/*.htmlcodeslink {position:absolute; z-index:9; top:0px; left:0px; color:FA1A12; font-size:12pt;}*/

/*.htmlcodes { Contact Table Image }*/

.contactTable {
width:300px !important;
height:150px !important;
padding:0px !important;
background-image:url("http://media.html-codes.com/backgrounds/BiohazardContact.jpg");
background-color:transparent;
}

/*.htmlcodes { Extended Network Image }*/

span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://s2.photobucket.com/albums/y22/moody07747/Other/Photoshop/?action=view&current=clouds_6x2copy.jpg");
width:435px;
height:75px;
display:block !important;
font-size:0px;
}

/*.htmlcodes { Contact Table Properties }*/

.contactTable table, table.contactTable td {
padding:0px !important;
background-color:transparent;
border:0px !important;
}
.contactTable a img {
border:0px !important;
}
.contactTable a {
display:block;
height:28px;
width:115px;
}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {}

/*.htmlcodes { Extended Network Properties }*/

span.blacktext12 span { display:none;}
span.blacktext12 img {display:none;}
table table table td {vertical-align:top !important;}

</style>

[123456]

thanks for the help Kiros but there's a few problems with the layout

I can see you centered the main image in the background but that gives me two lines compared to one at the bottom where it tiled
I'm going to make a bigger background soon to stop that problem


now I was having some strange layout with the contact table...just a bunch of text stacked on top of each other and another thing i ran into was the comments were raised into the friend list.

[Kiros]

Hmmm... I don't believe I changed any properties - definitely not centering an image - but there might be a an inheritance going on for the ".;" values - I dunno, maybe it's CSS Level 2.1? Anyway, if you want the absolute properties that they have given you, just with working syntax, try this:


<style type="text/css">

.htmlcodes { Generated by html-codes.com }

.htmlcodes { Body and Center Table }

body {
background:url('http://tinypic.com/2iktwn8.jpg'); background-repeat:repeat;
background-attachment:scroll
background-position:center;
background-color:000000;
}
table, tr, td {
background-color:transparent;
}

.htmlcodes { Other Tables }
table table {border-width:0px;border-style:hidden;}
table table table {
border-style:ridge;
border-width: 2px;
border-color:FFFFFF;
background-color: black;
}
table table table table {border-width:0px;border-style:hidden;}
table, tr, td, li, p, div {color:FA1A12;}

.htmlcodes { Text and Link Properties }

.btext, .blacktext10, .blacktext12, .lightbluetext8, .redtext {color:FFFFFF;}
.orangetext15, .redbtext, .text, .whitetext12 {color:FFFFFF;}
.nametext {color:FFFFFF; font-size:16px; font-weight:bold;}
a:active, a:visited, a:link {color:FA1A12;}
a:hover, a.navbar:hover, a.redlink:hover, a.man:hover, a.searchlinksmall:hover {color:FA1A12;}
a.navbar:active, a.navbar:visited, a.navbar:link {color:FA1A12;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:FA1A12;}
a.man:active, a.man:visited, a.man:link {color:FA1A12;}
a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link {color:FA1A12;}
.htmlcodeslink {position:absolute; z-index:9; top:0px; left:0px; color:FA1A12; font-size:12pt;}

.htmlcodes { Contact Table Image }

.contactTable {
width:300px !important;
height:150px !important;
padding:0px !important;
background-image:url("http://media.html-codes.com/backgrounds/BiohazardContact.jpg");
background-color:transparent;
}

.htmlcodes { Extended Network Image }

span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://s2.photobucket.com/albums/y22/moody07747/Other/Photoshop/?action=view&current=clouds_6x2copy.jpg");
width:435px; height:75px;
display:block !important;
font-size:0px;
}

.htmlcodes { Contact Table Properties }

.contactTable table, table.contactTable td {
padding:0px !important;
background-color:transparent;
border:0px !important;
}
.contactTable a img {
.;
border:0px !important;
}
.contactTable a {
display:block;
height:28px;
width:115px;
}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {.;}

.htmlcodes { Extended Network Properties }

span.blacktext12 span { display:none;}
span.blacktext12 img {display:none;}
table table table td {vertical-align:top !important;}
</style>


If you get problems with the code above, it's most likely the generator causing all of this, so you should definitely switch to something different - maybe do it manually? :)

[123456]

that layout was a little better but that contact table problem still is there...screen shot:

Im looking to get rid of the images and blue text


Ill mess around with it some more myself and see what i can do with making the backround and all myself.
it will be good to learn some more HTML...

[123456]

got it to work

I took out all the ".htmlcodes " from the code and redid some text colors

this only leaves me with one small problem...dark green text for my name...but its not really anything that bugs me...

I went though all the color codes swapping out each with blue and it didn't change it at all so the backup was reloaded.

anyways, thanks for the help

[Kiros]

Hmmm... No problem, but I'm betting I can help you out with that... PM me with your MySpace and we'll try to fix it right now :)

(or whenever you're on next time)

[123456]

sent ya a PM, im on and off myspace and this board but im on mysppace more than here

I'll try to check into myspace and this site often after 2:30pm EST today, (2/19/07).