Jump to content

Recommended Posts

Posted

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.

 

myspaceqv4.jpg

 

Any ideas?

 

Thank you!

Posted

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

Posted

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...