webgyrl Posted January 6, 2007 Posted January 6, 2007 Hi All! I was wondering if some HTML/CSS god could have a look at the following code and tell me what in the world is messing up my "Submit" buttons on my MySpace page. I've done a custom design for it piecing together bits of codes to hack the MySpace layout. Everything looks pretty good except that for some reason my "Submit" Text and all my form text for my eNewsletter sign up is not showing up. It's there as when I drag highlight it I see the text in the box, but I can't see it normally. Just so you know, the page I am referring to is here: myspace.com/nataliebrown Here is the CSS code I used to create the layout: ><div class="ab"> <a href="http://www.natalie-brown.com" target="_blank"> ..<img src=" http://www.natfunkmusic.com/myspace/layout/bannerpmg1.jpg" width="956" height="447" border="0" usemap="Map"></a> <map name="Map"> <area shape="rect" coords="1,-11,978,27" href="http:// www.natalie-brown.com" target="_blank"> <area shape="rect" coords="2,27,1008,432" href=" http://www.natalie-brown.com" target="_blank" alt="Natalie Brown Official Site"> </map> </div> <Style type="text/css">body{background-image:url(http://www.natfunkmusic.com/myspace/layout/ bglogospmg.jpg); background-attachment:fixed background-repeat:no-repeat; background- position:bottom right; background-color:6D7A83; margin-top: 449px; scrollbar-face-color:906B66; scrollbar-highlight-color:6A636D; scrollbar-3dlight-color:000000; scrollbar-shadow-color:FFFFFF; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:000000; scrollbar-track-color:000000; } div.ab {position: absolute;top: 0;left: 50%;margin-left: -490px;width: 980px;height: 420px;} body table {margin-top:0px;} .nametext {background-image: url(http://www.natfunkmusic.com/myspace/layout/ titlepmg.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 100px; width: 174px; font-size: 1px; text-align: left; color: none; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 5A5D63;} .mygen { Text Properties } table, tr, td, li, p, div { font-family:arial; color:C6CFD6; font-size:12px; } td.text td.text table table table td a img {} td.text td.text table table table td div img {} td.text td.text table table td img {} td.text td.text table table td div img {} * html td.text td.text table table td img {} * html td.text td.text table table td a img {} * html td.text td.text table table td div img {} body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://www.natfunkmusic.com/myspace/layout/bgpmg.jpg);} p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important} a, a:link, a:visited {color:WHITE; text-decoration: none;} a:hover {color:5A5D63; text-decoration: none} img {border: none} br {line-height: 20px;} form {border-width:0px;background-color:none;} input {background-color:transparent !important} body>div {margin-left: 10px;} table, tr, td, table table, table table td {border-width:0px; background-color: transparent;} table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px;} table table table table {border-width:0px;background-color:transparent;padding:0px;margin: 0px; background-image: none;} table table table table td {padding:0px;margin:0px;} table table table {margin:0px; background-color:transparent; background-image: url(http://www.natfunkmusic.com/ myspace/layout/bglogospmg.jpg); width: 100% !important; border-width: 3px; border-style: double; border- color: 5A5D63;} body table {margin-top:0px;} body td table, body div table {margin-top: 0;} font {color:white;font-size:10px} a font:hover {color:WHITE} a.navbar:link, a.navbar:visited {color:white} a.navbar:hover {color:WHITE} table tr td table tr td font {display: inline;} table tr td table a.navbar {font- size: 10px;} .text {color:WHITE;font-size:11px} a.text:link, a.text:visited {color:WHITE} a.text:hover {color:WHITE} .contactTable { width:300px !important; height:150px !important; padding:0px ! important; background-image:url(http://www.natfunkmusic.com/myspace/layout/contactbl.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .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:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} .contactTable .whitetext12 {display:none;} table tr td table tr td table tr td div strong {display: block; width: 270px;} .whitetext12 {color:WHITE; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arblackial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border- style: double; border-color: 5A5D63; width: 270px} .blacktext12 {color:5A5D63;font-size:18px; font- family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px} .blacktext12:before {content: "OMFG! ";} .btext {color:WHITE; font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border- color: 5A5D63} .orangetext15 {color:WHITE; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font- weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 5A5D63; width: 372px} .lightbluetext8 {color:white} .whitetext,.whitebtext {color:white; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold} .whitebtext:after {content: " billion";} a.whitelink:link {color:WHITE; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 5A5D63; padding-top: 3px;} a.whitelink:visited {color:white} a.whitelink:hover {color:white} u {text-decoration: none; font-size: 10px;} .whitetext12 {width: auto} .contactTable {width: auto !important;} .contactTable span.whitetext12 {left: 0;} .orangetext15 {width: auto;} table table table td {padding: 0;} table table table {padding: 0 14px 14px 14px; border- color: 5A5D63;} table table table {max-width: 423px;} .nametext {height: 35px; width: auto;} a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-color: C6CFD6 } b ody, html {visibility:visible !important; display:block !important} </Style> <style type="text/css"> body, html {visibility:visible !important; display:block !important} </style> <style type="text/css"> table table table td {vertical-align:top ! important;} span.blacktext12 { visibility:visible !important; background-color:transparent; background-image:url("http://www.natfunkmusic.com/myspace/layout headerpmg.jpg"); background-repeat:no-repeat; background-position:center center; font-size:0px; letter-spacing:-0.5px; width:435px; height:75px; display:block !important; } span.blacktext12 img {display:none;} </style> I've also attached a screen shot so you can see where I am talking about. I really have no idea why the text is showing up black as from what I can see no text is #000000. Any ideas? Thank you! Quote
webgyrl Posted January 6, 2007 Author Posted January 6, 2007 Ok! It's so funny how lately when I've posted a problem here after pouring over code, the solution suddenly dawns on me! DUH! LOL I found the culprit bit of code. >form {border-width:0px;background-color:none;} input {background-color:transparent !important} I changed it to >form {border-width:0px;background-color:000000;} input {background-color:CCCCCC !important} Worked like a charm! YAY Quote
webgyrl Posted January 7, 2007 Author Posted January 7, 2007 Yeah! Now if I could only figure out what is making thouse double lined borders different colors, I'd be set. That is proving to be very difficult! LOL Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.