HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Showing music player...
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
madprof



Joined: 26 Jan 2008
Posts: 98

PostPosted: Tue Feb 12, 2008 2:30 pm     Showing music player... Reply with quote

primeyouth wrote:
what do i need to take out of the code in order to have my music player visible again??

<style type="text/css">


td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: ..this.width > 400 ? 400 : true); }
</style><STYLE>
#header_gae { text-align:center; margin-left:auto; margin-right:auto; }
#profilelinks { padding-right:25px;}
#profilelinks select { top: inherit !important; visibility:visible !important; WIDTH: 125px !important; display:inline !important; position:static; }
body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
table div div#tkn_leaderboard,table div div#tkn_leaderboardDiv{ visibility:visible !important; display: inline !important; }
#googlebar{VISIBILITY: visible !important; display:inherit !important; }
</STYLE><STYLE>#googlebar {margin-bottom:6px;margin-top:14px;padding-top:0px;}
#imgGoogle { BACKGROUND-IMAGE: url(http://cms.myspacecdn.com/cms/Headers_and_Footers/googlelogo.png); BACKGROUND-REPEAT: no-repeat; _background-image:none;}

#imgGoogle {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cms.myspacecdn.com/cms/Headers_and_Footers/googlelogo.png', sizingMethod='image');
WIDTH: 92px; HEIGHT: 23px;}

div#header_search select#t
{
vertical-align:bottom;
}

div#header_search
{
width:100% !important;
}

</STYLE><STYLE>
#topnav{background-color:#6698cb;}
#adspacer{height:35px;width:1px;}
</STYLE><style> .orangetext15 {
display:none;
visibility:hidden;
}
</style><style>
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:hidden;} </style><style>
body div table td form {display:none;}
table div table td form {display:inline;}
</style><style type="text/css">
div td font {visibility:hidden;}
.navbar {visibility:visible;}
</style><style type="text/css">
body {
background-color:6698CB;
background-image:url(http://i30.tinypic.com/zj8aj6.jpg);
background-position:bottom left;
background-repeat:repeat;
background-attachment:fixed;
}
.lightbluetext8 { font-family:small fonts;
font-size:7px;
line-height: 16px;
color: 000000;
background-color:FFFFFF;
border: 1px solid;
text-transform:uppercase;
text-align:right;
font-weight:normal;
border-color:ffffff;
display: block;}
.orangetext15{ font-family:small fonts; font-size:7px;
line-height:18px;
color: 000000;
font-weight:normal;
text-align:right;
background-color:FFFFFF;
border: 1px solid;
border-color:ffffff;
text-transform:uppercase;
}
.whitetext12 {font-family:small fonts; font-size:7px; line-height:16px; color: 333333; font-weight:normal; text-align: center; background-color:FFFFFF;display: block;text-transform:uppercase; border-top-width:0px;
border-color:ffffff;
border-style:solid;
border-bottom-width:2px;
border-left-width:0px;
border-right-width:0px;
}
.text {font-family:arial; font-size: 10px; color:333333;text-transform:none;}

.blacktext10{ color:333333; font-family:small fonts; text-decoration:lowercase;
background-color:FFFFFF;
font-size:7pt;
line-height:18px;
border-top-width:2px;
border-color:ffffff;
border-style:solid;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
display:block;
text-align:left;
text-transform:lowercase;}

.blacktext12 { background-color:FFFFFF;color:333333;line-height:20px;display:block;size:7px;letter-spacing:1px;font-family:small fonts; }

.nametext { color:000000;font-family:georgia ;size:26px;line-height:23px;text-align:center;letter-spacing:5px;text-transform:lowercase;background-color:FFFFFF;display:block;border-top-width:0px;
border-color:ffffff;
border-style:solid;
border-bottom-width:2px;
border-left-width:0px;
border-right-width:0px;font-weight:bold;}

table, tr, td, li, p, div { font-family:tahoma; color:000000; font-size:10px; letter-spacing:1px; }
a img {border:1px;border:none;}
a:active, a:visited, a:link { font-family:tahoma; color:000000; font-size:10px; letter-spacing:1px; }
img {border:0px;}
a:hover img {FILTER:progid:DXImageTransform.Microsoft.Pixelate (maxsquare=3);}

a.navbar:link{font:7px small fonts;color:black; font-weight:normal; background-color: padding: 4px; background-color:FFFFFF; text-transform:uppercase;border: 1px solid white;}

a.navbar:visited , a.navbar:active {font:7px small fonts;color:black; font-weight:normal; background-color: padding: 4px; background-color:FFFFFF; text-transform:uppercase;border: 1px solid white;}

a.navbar:hover {font:7px small fonts;color:ffffff; font-weight:normal; background-color: padding: 4px; background-color:000000; text-transform:lowercase;border: 1px solid white;}

a.redlink:active, a.redlink:visited, a.redlink:link {color:000000;}

a.redlink:hover {font:9px arial; color: 000000; text-decoration:none;border: 1px solid ffffff; color:white; background-color:FFFFFF; text-transform:lowercase;line-height:15px;}

a.text { color:000000;font-family:arial;size:11px;text-transform:lowercase;}


</style><style>
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table {position:relative; top:-170px;}
td.text table table {position:static;}
</style><style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style><style type="text/css">
.contactTable { display: none }
</style><style type="text/css">
a.text, table div font a, table div div
{display:none;}
{visibility:none;}
</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: solid 0px black !important;
float: left !important;
}
</STYLE>



This isn't a direct answer to your question as without seeing the HTML it isn't possible to work out what is going on.

You can help yourself hugely by tidying up your CSS though and if this seems like empty advice, I can assure you it isn't. Nothing is more frustrating than being unable to understand your own code. Smile

Firstly put all the CSS into one <style> tag rather than different ones.

Reformat your CSS so each instruction begins on a new line and each one is written in the same way.

You don't have to specify all the parent containers for elements with IDs. So instead of:
Code:

body DIV DIV form #q {... }

consider just doing:
Code:

#q {... }


There are occasions when you MIGHT want the first but it's unlikely. Generally putting 'body' at the start of a CSS selector is of no value as all your elements are in there! Smile

If you are worried about whether a style will actually be applied or not, remember that if there is a clash of styles anywhere, a CSS selector where an ID is specified has a lot more importance. This will mean you don't need to put !important there either.


Lastly, do see if you can reduce the number of tables on your page. With a CSS selector like:
Code:

table td table tr td.text table table, table td table tr td.text table table td.text {...}

it is really hard to work out where this should apply.

Sorry again that this isn't a direct reply but I'll guess that you'll get much more assistance if you can do the above.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 821
Location: Biloxi, MS

PostPosted: Mon Apr 28, 2008 2:34 am     Reply with quote

That looks like MySpace styling and I think this may be what you want to change:

table table embed {display:block; position:absolute; top:0px; left:0px; visibility:hidden;}

Try changing last to visibility:visible; and see if that puts the player back in.

So where ever primeyouth's post is, this could be relayed to them.

Ron
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Webmaster Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial