Jump to content

Css Centering Hep


elvissalic
 Share

Recommended Posts

I have been working on a soundclick and I been having problems centering the flash top banner, I can get it to center in firefox andIE 8.0 but not on IE 7.0 .I have already tried a lot of things and nothing makes the banner to be center in all versions of all browsers. This is the code I have right now. It works on firefox and on IE 8.0 but not on 7.0Here is the code of the div section of the flash top banner

div.av { text-align: left; top: 0; margin-top:115px; margin: 0, 96px; position: absolute; margin-left: -42px;}body table {margin-top:10px;}

Here is the whole code of the page

/*********  SoundClick CSS Template (based on custom version Tue, Nov 24 2009)  ***********//*  general */	body {background-image: url(http://img299.imageshack.us/img299/8997/soundclickbackgroundr.jpg); background-repeat: repeat;background-attachment: fixed; background-position: center; margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}			body,div,tr,td,select,textarea,input,option {font-family:Verdana; font-size:11px;}	a, a:link, a:visited {color:#54b1d1; text-decoration:none;}		a:hover {color:#ffffff; text-decoration:underline;}	.pageFooter {clear:both; color:gray; padding:30px 0px 50px 20px;}	.infoBox {width:650px; margin:50px auto; background:white; color:white; border:silver solid 1px; padding:30px; font-size:14px;}  /* hardly used, its for error messages to user */		.infoBox .quotes {margin:20px; border:#000000 dashed 1px; font-style:italic; padding:10px; background:;}/*  main containers  */	.mainTable { color:#FFFFFF; width:800px;  margin-left:auto; margin-right:auto; text-align:center;}	.mainContent {color:#ffffff; width:800px; float:left;position: center; overflow:hidden; margin:10px 0px 20px 5px;} /* IE6 doesnt support our preferred overflow:visible :( */	/*  left navigation  */div.av { text-align: left; top: 0; margin-top:115px; margin: 0, 96px; position: absolute; margin-left: -42px;}body table {margin-top:10px;}	.navigation {background:url(); color:#FFFFFF; width:800px; height:500px; overflow-x: hidden; overflow-y: hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px}		.navigation a:link, .navigation a:visited {color:#000000;}		.navigation a:hover {color:#000000;}	.navigationDivider {height:6px; line-height:6px; border-bottom:#ffffff dashed 0px; margin-bottom:6px;}/*lease*/.lease { text-align: left; top: 0; margin-top:2090px; margin: 0, 96px; position: absolute; margin-left: 260px;}/*joinmail*/.joinmail {; text-align: left; top: 0; margin-top:1440px; margin: 0, 96px; position: absolute; margin-left: 320px;}/*  general elements  */	.headline {background:; color:#FFFFFF; font-weight:bold; border-bottom:#000000 dashed 1px; border-top:#000000 solid 1px; padding:3px 0px 3px 6px;}	.headlineBig {font-size:22px; font-weight:normal;}	.headlineSuppl {float:right; margin:10px 5px 0px 0px; color:#ffffff; font-size:11px; font-weight:normal;} /* for text/links on the right side of main headline (e.g. song count on main page) */		.headlineSuppl a:link, .headlineSuppl a:visited {color:#ffffff; text-decoration:none;}		.headlineSuppl a:hover {color:#54b1d1; text-decoration:underline;}	.pageturner {background:; color:#FFFFFF; border:#000000 solid 1px; text-align:right; padding:10px; font-size:13px; font-weight:normal;} /* pages menu (previous, next..), e.g. on music page, message board */		.pageturner .nonactive {color:#ffffff;}		.pageturner a:link, .pageturner a:visited {color:#FFFFFF; text-decoration:none;}		.pageturner a:hover {color:#ffffff; text-decoration:underline;}	.listedPicsBox {border:#000000 solid 1px; width:114px; height:160px; overflow:hidden; padding:2px 1px 4px 1px; margin:0px 4px 10px 4px; float:left; font-size:11px; text-align:center;}		.listedPics {width:110px; height:125px; background-position: center center; background-repeat: no-repeat; margin:2px 0px 4px 0px; overflow:hidden}	.breaker {height:1px; line-height:1px; clear:both}/*  general color and font assets */	.color_supplemental {color:#ffffff;}	/* used e.g. for song pages comments count */	.alternateBG0 {background:none;}				/* used as background colors for comments */	.alternateBG1 {background:none;}				/* alternate color *//*  main page (the default entry page)  */	.mainContent .contHeadline	{clear:left; font-size:13px; color:#FFFFFF; padding:12px 0px 2px 20px;} /* interview questions */	.mainContent .contText {clear:left; padding-left:15px; margin-left: -17px;} 	.mainContent .contInterview {clear:left; padding-left:35px;}	.mainContent .newsBox {clear:both; background:; color:#FFFFFF; border:#000000 solid 2px; margin:0px 20px 20px 20px; padding:20px;}		/*  main page: video box (different from video page)   */		.videoBox_mainPage {padding:5px; margin:0px 100px 20px 100px;}		.videoBox_mainPage .video {padding:5px; margin-bottom:10px;}		.videoBox_mainPage .title {font-size:15px; text-align:center; margin-bottom:3px;}		.videoBox_mainPage .shareLinks {float:right; padding:2px; border-bottom:#000000 dashed 1px;}		.videoBox_mainPage .labels {color:#ff0000; width:100px; padding-right:20px; text-align:right; float:left;}		.videoBox_mainPage .info {padding-left:120px;}		.videoBox_mainPage a:link, .videoBox_mainPage a:visited {font-size:10px; font-weight:normal; text-decoration:none;}		.videoBox_mainPage a:hover {text-decoration:underline;}		/*  main page: upcoming shows  */	.liveshowsBox {background:#FFFFFF; color:; width:300px; margin:15px 2px 15px 10px; float:right; clear:right;}		.liveshowsItems {padding:4px 0px 0px 0px; font-size:11px; clear:both;}		.liveshowsBox a:link, .liveshowsBox a:visited {color:; text-decoration:none;}		.liveshowsBox a:hover {color:#ff0000; text-decoration:underline; cursor:pointer;}		/*  main page: standard song box on artist page (only this song box or the embedded player is used. Never both together)  */	.playerBox {float:left; clear:left; padding-left:20px; margin:15px 0px 3px 0px;}	.playerBox .playerHead {background:; color:#FFFFFF; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; text-align:right; font-size:10px; padding:3px 5px 3px 3px;}		.playerBox .playerHead a:link,.playerBox .playerHead a:visited {color:#ffffff; text-decoration:underline;}		.playerBox .playerHead a:hover {color:#ffffff; text-decoration:underline;}	.playerBox .songBox {background:#FFFFFF; border-bottom:#000000 solid 1px; width:330px; padding:3px 0px 0px 1px; overflow:auto;}	.playerBox .songBox .singleSong {color:; font-size:10px; padding:1px;}		.playerBox .songBox .singleSong:hover {background:; color:#FFFFFF; cursor:pointer;}			/*  main page: VIP embedded player (only this embedded player or the standard song box is used. Never both together) */	.embeddedPlayer {margin:20px auto; width:620px;}		/*  main page: tabbed content headers (fans,stations) */	.tabbedCont_header li a:link, .tabbedCont_header li a:visited {background:#000000; color:#FFFFFF; text-decoration:none; margin:0px 20px 0px 0px; padding:3px 6px 3px 6px; border:#666666 solid 1px; border-bottom:none; }		.tabbedCont_header li a:hover {color:white;}		.tabbedCont_header li.selected a:link, .tabbedCont_header li.selected a:visited {background:#111111; color:#999999; border:#111111 solid 1px; border-top:#999999 solid 1px; font-weight:bold;}		/*  main page: fans, stations (tabbed content)  */	.fansBox {padding:30px 20px 20px 20px; clear:both;}		.fansBox a:link, .fansBox a:visited {}		.fansBox a:hover {}	.fancount {background:#111111; color:#FFFFFF; text-align:right; padding:3px 5px; margin-bottom:8px; font-size:11px; font-weight:normal; border-bottom:#232323 dashed 1px; border-top:#222222 solid 1px; }		.fancount a:link, .fancount a:visited {color:#B8B8B8; text-decoration:none;}		.fancount a:hover {color:#E6E6E6; text-decoration:none;}	.fansBox_content {background:url(/images/siteNav/transbgblocks/black/bg_20.png) important; background:#111111;}	.fansBoxLastLine {background:#111111; color:#FFFFFF; clear:both; text-align:right; padding:3px 5px; margin-top:8px; font-size:11px; font-weight:normal; border-bottom:#222222 solid 1px; border-top:#232323 dashed 1px;}		.fansBoxLastLine a:link, .fansBoxLastLine a:visited {color:#B8B8B8; text-decoration:none;}		.fansBoxLastLine a:hover {color:#E6E6E6; text-decoration:none;}	.stationItem {clear:both; color:black; border-bottom:#000000 dashed 1px; padding:0px 1px 0px 1px;}	.stationPicBox {float:left;}		.stationPics {width:70px; height:70px; background-position:center center; background-repeat: no-repeat; margin:0px 0px 1px 0px; overflow:hidden}	.stationButtonsBox {float:left; padding:2px 15px 0px 5px; height:60px;}	.stationsText {color:#FFFFFF; height:80px; overflow:hidden;}	.stationlink a:link, .stationlink a:visited {color:#FFFFFF; font-size:13px; text-decoration:none;}		.stationlink a:hover {color:#ffffff; text-decoration:underline;}/*  music page  */	.songsBox {border-bottom:#000000 dashed 1px; width:510px; float:left; padding-bottom:2px; margin-bottom:10px;}		.songsBox a:link, .songsBox a:visited {text-decoration:none;}		.songsBox a:hover {text-decoration:underline;}	a.songtitle:link, a.songtitle:visited {color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold;}		a.songtitle:hover {color:#ffffff; text-decoration:underline;}	.songsBox .actionlinks {font-size:11px;}  /* the links for full song info, add to station, rate this song... */	.songsBox .topSong {color:#ffffff; float:left; text-align:left; font-size:10px;}/*  comments page  */	.commentsWelcome {background:; color:#FFFFFF; margin:0px 20px 20px 20px; padding:20px; border:#000000 solid 1px;}	.commentsBox {border-bottom:#000000 dashed 1px; padding-top:5px;}		.commentsBox a:link, .commentsBox a:visited {text-decoration:none;}		.commentsBox a:hover {text-decoration:underline;}	.commentsBox .songComment {border-bottom:#000000 dashed 1px; font-size:11px; padding:1px 3px; margin-bottom:5px;}	.commentsBox .postdate {color:#ffffff; font-size:10px; font-weight:normal; text-align:right; margin:0px 5px 10px 0px;}		.commentsBox .postdate a:link, .commentsBox .postdate a:visited {text-decoration:none;} /* for delete/edit links */		.commentsBox .postdate a:hover {text-decoration:underline;}	.commentsBox .comment {font-size:11px; padding:0px 5px 0px 140px;}	.commentsBox .bandSignature {border-top:#000000 dashed 1px; color:#ffffff; width:310px; margin-top:15px; line-height:20px;}	.commentsBox .ratingsBox {float:right; width:220px; border-left:#000000 dashed 1px; margin-bottom:10px;}			.ratingsBox .label {width:115px; text-align:right; float:left; padding-right:20px;} /* also used for .commentsPostBox .ratingsBox */	.commentsPostBox {padding:10px; margin:20px 0px; background:#FFCC99; color:#ffffff; border-top:black solid 2px; border-bottom:black solid 1px;}	.commentsPostBox .ratingsBox {background:#ECECEC; color:#000000; clear:both; padding:7px 0px; margin:0px 250px 20px 30px;}/*  video page	*/	.videoBox {background:black; color:#E0E0E0; padding:5px; line-height:22px;}		.videoBox .video {padding:20px; margin-bottom:10px;}		.videoBox .title {text-align:center; background:#121212; color:#F3F3F3; font-size:16px; padding:1px;}		.videoBox .labels {color:#666666; width:200px; padding-right:20px; text-align:right; float:left;}		.videoBox .info {float:left; width:440px;}		.videoBox a:link, .videoBox a:visited {color:#0099CC; text-decoration:none; font-size:11px;}		.videoBox a:hover {color:red; text-decoration:underline;}	.videoListBox {border-top:#ffffff dashed 1px;}	/*  photo pages  */	.photopage {background:black;}	.selectedPhoto_box {text-align:center;}		.selectedPhoto_box .selPhoto_title {background:#111111; color:#cccccc; border-bottom:#666666 solid 1px; font-size:15px; padding:4px;}	.photolist {padding:10px 0px 0px 30px;}		.photolist .photobox {background:none; float:left; width:118px; height:180px; margin:5px 0px 20px 10px; padding:5px 0px 10px 0px; overflow:hidden; cursor:pointer; text-align:center;}			.photobox .photo {height:150px; width:118px; overflow:hidden;}			.photobox .photoComment {color:#444444; font-size:11px;}		.photolist .photobox_on {background:#222222; float:left; width:118px; height:180px; margin:5px 0px 20px 10px; padding:5px 0px 10px 0px; overflow:hidden; cursor:pointer; text-align:center;}			.photobox_on .photo {height:150px; width:118px; overflow:hidden;}			.photobox_on .photoComment {color:#999999; font-size:11px;}/*  reviews page  */	.reviewsBox {padding:10px 30px; border-bottom:#000000 dashed 1px;}	.reviewsBox .rev_headline {color:#FFFFFF; font-size:13px; font-weight:bold;}	.reviewsBox .rev_text {padding:5px 5px 5px 30px; font-size:11px;}	.reviewsBox .rev_source {text-align:right; font-size:10px; color:#ffffff;}/*  licensing page */	.licenseSummary {margin:0px 20px 20px 20px; padding:20px; background:; color:#FFFFFF; border:#000000 solid 2px;}	.licenses {margin-top:70px;}	.licenses .headline {font-size:14px;}	.lic_tableSongs {border:none;}		.lic_tableSongs .columnHeaders td {border-bottom:#000000 solid 1px; font-weight:bold; font-size:11px;}		.lic_tableSongs tr td {border-bottom:#000000 dashed 1px; padding:5px 0px;}		/*  widgets page  */	.widgetMargin { padding:8px 0px 8px 35px;}	.widgetSpacer {width:100; height:15px; clear:both;}	/* tag cloud */	.tagCloud {padding:10px;}	.tagCloud .cloudItem {float:left; padding:2px; white-space:nowrap; margin:0 6px 0 0;}	.tagCloud .cloudItem:hover {background:#005782; color:white; cursor:pointer;}	.tagCloud .cloudS10 {font-size:10px; color:#aaaaaa;}	.tagCloud .cloudS20 {font-size:11px; color:#aaaaaa;}	.tagCloud .cloudS30 {font-size:11px; color:#999999;}	.tagCloud .cloudS40 {font-size:12px; color:#999999;}	.tagCloud .cloudS50 {font-size:14px; color:#666666;}	.tagCloud .cloudS60 {font-size:16px; color:#666666;}	.tagCloud .cloudS70 {font-size:18px; color:#333333;}	.tagCloud .cloudS80 {font-size:22px; color:#333333;}	.tagCloud .cloudS90 {font-size:28px; color:#111111; }	.tagCloud .cloudS100 {font-size:36px; color:#111111;}	.tagCloudMore {padding:6px 0 0 0; margin:0 10px; text-align:center; border-top:#ccc solid 1px; font-size:11px;}	.tagCloudMore a, .tagCloudMore a:link, .tagCloudMore a:visited {color:#999; text-decoration:none;}	.tagCloudMore a:hover {color:#FFFFFF; text-decoration:underline; cursor:pointer;}				font color#ffffff

And here is the link to the page, http://www.soundclick.com/bands/default.cfm?bandID=211916

Link to comment
Share on other sites

I'm surprised it works as well as it does. I can't begin to describe how incorrect and silly most of that CSS and HTML is. Solving your problem would be like trying to paint a room that's on fire. There is no good way to go about it. If there weren't so much, it might be worth some time to explain a few things. But there's so darned much . . .My best advice is to study hard and start over from scratch.

  • Like 1
Link to comment
Share on other sites

I'm surprised it works as well as it does. I can't begin to describe how incorrect and silly most of that CSS and HTML is. Solving your problem would be like trying to paint a room that's on fire. There is no good way to go about it. If there weren't so much, it might be worth some time to explain a few things. But there's so darned much . . .My best advice is to study hard and start over from scratch.
Ummm i see I was afraid of that just wondering is the code any better. It was made by one of the top designing companies so I just want to know if this is better?
/*********  SoundClick CSS Template (based on custom version Sat, Aug 01 2009)  ***********//*  general */	body {background:#000000 url(http://mdepict.com/myspace/superstaro/bg.jpg) top center fixed repeat; margin:0px;}	body,div,tr,td,select,textarea,input,option {font-family:Verdana; font-size:11px;}	a, a:link, a:visited {color:#000000; text-decoration:none;}		a:hover {color:#000000; text-decoration:underline;}	.pageFooter {clear:both; color:gray; padding:30px 0px 50px 20px;}	.infoBox {width:650px; margin:50px auto; background:white; color:white; border:silver solid 1px; padding:30px; font-size:14px;}  /* hardly used, its for error messages to user */		.infoBox .quotes {margin:20px; border:#000000 dashed 1px; font-style:italic; padding:10px; background:;}/*  main containers  */	.mainTable {; color:#000000; width:743px; margin-left:auto; float;center; margin-right:auto; text-align:center;}	.mainContent {background:url(http://mdepict.com/myspace/superstaro/bg2.jpg); color:#000000; width:743px; float:center; overflow:hidden; margin:0px 0px 0px 0px;} /* IE6 doesnt support our preferred overflow:visible :( */	/*  left navigation  */div.av {position: absolute;top: 0;left: 50;margin-left: -56px;width: 826px;height: 726px; margin-top:96px;} body table {margin-top:10px;}div.form1 {position: absolute;top: 0;left: 50;margin-left: -60px;width: 826px;height: 400px; margin-top:2680px;} body table {margin-top:10px;}	.navigation {background:url(http://img27.imageshack.us/img27/3572/topbannercopycopy.pn); color:#000000; width:800px; height:800px; float:center; overflow:hidden; margin:0px 0px 0px 0px;}		.navigation a:link, .navigation a:visited {color:#000000;}		.navigation a:hover {color:#000000;}	.navigationDivider {height:6px; line-height:6px; border-bottom:#000000 dashed 0px; margin-bottom:6px;}/*  general elements  */	.headline {background:; color:#000000; font-weight:bold; border-bottom:#000000 dashed 1px; border-top:#000000 solid 1px; padding:3px 0px 3px 6px;}	.headlineBig {font-size:22px; font-weight:normal;}	.headlineSuppl {float:right; margin:10px 5px 0px 0px; color:#000000; font-size:11px; font-weight:normal;} /* for text/links on the right side of main headline (e.g. song count on main page) */		.headlineSuppl a:link, .headlineSuppl a:visited {color:#000000; text-decoration:none;}		.headlineSuppl a:hover {color:#000000; text-decoration:underline;}	.pageturner {background:; color:#000000; border:#000000 solid 0px; text-align:right; padding:10px; font-size:13px; font-weight:normal;} /* pages menu (previous, next..), e.g. on music page, message board */		.pageturner .nonactive {color:#000000;}		.pageturner a:link, .pageturner a:visited {color:#FFFFFF; text-decoration:none;}		.pageturner a:hover {color:#000000; text-decoration:underline;}	.listedPicsBox {border:#000000 solid 1px; width:114px; height:160px; overflow:hidden; padding:2px 1px 4px 1px; margin:0px 4px 10px 4px; float:left; font-size:11px; text-align:center;}		.listedPics {width:110px; height:125px; background-position: center center; background-repeat: no-repeat; margin:2px 0px 4px 0px; overflow:hidden}	.breaker {height:1px; line-height:1px; clear:both}/*  general color and font assets */	.color_supplemental {color:#000000;}	/* used e.g. for song pages comments count */	.alternateBG0 {background:none;}				/* used as background colors for comments */	.alternateBG1 {background:none;}				/* alternate color *//*  main page (the default entry page)  */	.mainContent .contHeadline	{clear:left; font-size:13px; color:#FFFFFF; padding:12px 0px 2px 20px;} /* interview questions */	.mainContent .contText {clear:left; padding-left:15px;}	.mainContent .contInterview {clear:left; padding-left:35px;}	.mainContent .newsBox {clear:both; background:; color:#FFFFFF; border:none; margin:0px 20px 20px 20px; padding:20px;}		/*  main page: video box (different from video page)   */		.videoBox_mainPage {padding:5px; margin:0px 100px 20px 100px;}		.videoBox_mainPage .video {padding:5px; margin-bottom:10px;}		.videoBox_mainPage .title {font-size:15px; text-align:center; margin-bottom:3px;}		.videoBox_mainPage .shareLinks {float:right; padding:2px; border-bottom:#000000 dashed 1px;}		.videoBox_mainPage .labels {color:#000000; width:100px; padding-right:20px; text-align:right; float:left;}		.videoBox_mainPage .info {padding-left:120px;}		.videoBox_mainPage a:link, .videoBox_mainPage a:visited {font-size:10px; font-weight:normal; text-decoration:none;}		.videoBox_mainPage a:hover {text-decoration:underline;}		/*  main page: upcoming shows  */	.liveshowsBox {background:#FFFFFF; color:; width:300px; margin:15px 2px 15px 10px; float:right; clear:right;}		.liveshowsItems {padding:4px 0px 0px 0px; font-size:11px; clear:both;}		.liveshowsBox a:link, .liveshowsBox a:visited {color:; text-decoration:none;}		.liveshowsBox a:hover {color:#000000; text-decoration:underline; cursor:pointer;}		/*  main page: standard song box on artist page (only this song box or the embedded player is used. Never both together)  */	.playerBox {float:left; clear:left; padding-left:20px; margin:15px 0px 3px 0px;}	.playerBox .playerHead {background:; color:#FFFFFF; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; text-align:right; font-size:10px; padding:3px 5px 3px 3px;}		.playerBox .playerHead a:link,.playerBox .playerHead a:visited {color:#000000; text-decoration:underline;}		.playerBox .playerHead a:hover {color:#ffffff; text-decoration:underline;}	.playerBox .songBox {background:#FFFFFF; border-bottom:#000000 solid 1px; width:330px; padding:3px 0px 0px 1px; overflow:auto;}	.playerBox .songBox .singleSong {color:; font-size:10px; padding:1px;}		.playerBox .songBox .singleSong:hover {background:; color:#FFFFFF; cursor:pointer;}			/*  main page: VIP embedded player (only this embedded player or the standard song box is used. Never both together) */	.embeddedPlayer {margin:20px auto; width:620px;}		/*  main page: tabbed content headers (fans,stations) */	.tabbedCont_header li a:link, .tabbedCont_header li a:visited {background:#000000; color:#FFFFFF; text-decoration:none; margin:0px 20px 0px 0px; padding:3px 6px 3px 6px; border:#666666 solid 1px; border-bottom:none; }		.tabbedCont_header li a:hover {color:white;}		.tabbedCont_header li.selected a:link, .tabbedCont_header li.selected a:visited {background:#111111; color:#999999; border:#111111 solid 1px; border-top:#999999 solid 1px; font-weight:bold;}		/*  main page: fans, stations (tabbed content)  */	.fansBox {padding:30px 20px 20px 20px; clear:both;}		.fansBox a:link, .fansBox a:visited {}		.fansBox a:hover {}	.fancount {background:#111111; color:#FFFFFF; text-align:right; padding:3px 5px; margin-bottom:8px; font-size:11px; font-weight:normal; border-bottom:#232323 dashed 1px; border-top:#222222 solid 1px; }		.fancount a:link, .fancount a:visited {color:#B8B8B8; text-decoration:none;}		.fancount a:hover {color:#E6E6E6; text-decoration:none;}	.fansBox_content {background:url(/images/siteNav/transbgblocks/black/bg_20.png) important; background:#111111;}	.fansBoxLastLine {background:#111111; color:#FFFFFF; clear:both; text-align:right; padding:3px 5px; margin-top:8px; font-size:11px; font-weight:normal; border-bottom:#222222 solid 1px; border-top:#232323 dashed 1px;}		.fansBoxLastLine a:link, .fansBoxLastLine a:visited {color:#B8B8B8; text-decoration:none;}		.fansBoxLastLine a:hover {color:#E6E6E6; text-decoration:none;}	.stationItem {clear:both; color:black; border-bottom:#000000 dashed 1px; padding:0px 1px 0px 1px;}	.stationPicBox {float:left;}		.stationPics {width:70px; height:70px; background-position:center center; background-repeat: no-repeat; margin:0px 0px 1px 0px; overflow:hidden}	.stationButtonsBox {float:left; padding:2px 15px 0px 5px; height:60px;}	.stationsText {color:#FFFFFF; height:80px; overflow:hidden;}	.stationlink a:link, .stationlink a:visited {color:#FFFFFF; font-size:13px; text-decoration:none;}		.stationlink a:hover {color:#000000; text-decoration:underline;}/*  music page  */	.songsBox {border-bottom:#000000 dashed 1px; width:510px; float:left; padding-bottom:2px; margin-bottom:10px;}		.songsBox a:link, .songsBox a:visited {text-decoration:none;}		.songsBox a:hover {text-decoration:underline;}	a.songtitle:link, a.songtitle:visited {color:#000000; text-decoration:none; font-size:13px; font-weight:bold;}		a.songtitle:hover {color:#000000; text-decoration:underline;}	.songsBox .actionlinks {font-size:11px;}  /* the links for full song info, add to station, rate this song... */	.songsBox .topSong {color:#000000; float:left; text-align:left; font-size:10px;}/*  comments page  */	.commentsWelcome {background:; color:#000000; margin:0px 20px 20px 20px; padding:20px; border:#000000 solid 1px;}	.commentsBox {border-bottom:#000000 dashed 1px; padding-top:5px;}		.commentsBox a:link, .commentsBox a:visited {text-decoration:none;}		.commentsBox a:hover {text-decoration:underline;}	.commentsBox .songComment {border-bottom:#000000 dashed 1px; font-size:11px; padding:1px 3px; margin-bottom:5px;}	.commentsBox .postdate {color:#000000; font-size:10px; font-weight:normal; text-align:right; margin:0px 5px 10px 0px;}		.commentsBox .postdate a:link, .commentsBox .postdate a:visited {text-decoration:none;} /* for delete/edit links */		.commentsBox .postdate a:hover {text-decoration:underline;}	.commentsBox .comment {font-size:11px; padding:0px 5px 0px 140px;}	.commentsBox .bandSignature {border-top:#000000 dashed 1px; color:#000000; width:310px; margin-top:15px; line-height:20px;}	.commentsBox .ratingsBox {float:right; width:220px; border-left:#000000 dashed 1px; margin-bottom:10px;}			.ratingsBox .label {width:115px; text-align:right; float:left; padding-right:20px;} /* also used for .commentsPostBox .ratingsBox */	.commentsPostBox {padding:10px; margin:20px 0px; background:#FFCC99; color:#000000; border-top:black solid 2px; border-bottom:black solid 1px;}	.commentsPostBox .ratingsBox {background:#ECECEC; color:#000000; clear:both; padding:7px 0px; margin:0px 250px 20px 30px;}/*  video page	*/	.videoBox {background:black; color:#E0E0E0; padding:5px; line-height:22px;}		.videoBox .video {padding:20px; margin-bottom:10px;}		.videoBox .title {text-align:center; background:#121212; color:#F3F3F3; font-size:16px; padding:1px;}		.videoBox .labels {color:#666666; width:200px; padding-right:20px; text-align:right; float:left;}		.videoBox .info {float:left; width:440px;}		.videoBox a:link, .videoBox a:visited {color:#0099CC; text-decoration:none; font-size:11px;}		.videoBox a:hover {color:red; text-decoration:underline;}	.videoListBox {border-top:#000000 dashed 1px;}	/*  photo pages  */	.photopage {background:black;}	.selectedPhoto_box {text-align:center;}		.selectedPhoto_box .selPhoto_title {background:#111111; color:#cccccc; border-bottom:#666666 solid 1px; font-size:15px; padding:4px;}	.photolist {padding:10px 0px 0px 30px;}		.photolist .photobox {background:none; float:left; width:118px; height:180px; margin:5px 0px 20px 10px; padding:5px 0px 10px 0px; overflow:hidden; cursor:pointer; text-align:center;}			.photobox .photo {height:150px; width:118px; overflow:hidden;}			.photobox .photoComment {color:#444444; font-size:11px;}		.photolist .photobox_on {background:#222222; float:left; width:118px; height:180px; margin:5px 0px 20px 10px; padding:5px 0px 10px 0px; overflow:hidden; cursor:pointer; text-align:center;}			.photobox_on .photo {height:150px; width:118px; overflow:hidden;}			.photobox_on .photoComment {color:#999999; font-size:11px;}/*  reviews page  */	.reviewsBox {padding:10px 30px; border-bottom:#000000 dashed 1px;}	.reviewsBox .rev_headline {color:#FFFFFF; font-size:13px; font-weight:bold;}	.reviewsBox .rev_text {padding:5px 5px 5px 30px; font-size:11px;}	.reviewsBox .rev_source {text-align:right; font-size:10px; color:#000000;}/*  licensing page */	.licenseSummary {margin:0px 20px 20px 20px; padding:20px; background:; color:#FFFFFF; border:#000000 solid 2px;}	.licenses {margin-top:70px;}	.licenses .headline {font-size:14px;}	.lic_tableSongs {border:none;}		.lic_tableSongs .columnHeaders td {border-bottom:#000000 solid 1px; font-weight:bold; font-size:11px;}		.lic_tableSongs tr td {border-bottom:#000000 dashed 1px; padding:5px 0px;}		/*  widgets page  */	.widgetMargin { padding:8px 0px 8px 35px;}	.widgetSpacer {width:100; height:15px; clear:both;}	/* tag cloud */	.tagCloud {padding:10px;}	.tagCloud .cloudItem {float:left; padding:2px; white-space:nowrap; margin:0 6px 0 0;}	.tagCloud .cloudItem:hover {background:#005782; color:white; cursor:pointer;}	.tagCloud .cloudS10 {font-size:10px; color:#aaaaaa;}	.tagCloud .cloudS20 {font-size:11px; color:#aaaaaa;}	.tagCloud .cloudS30 {font-size:11px; color:#999999;}	.tagCloud .cloudS40 {font-size:12px; color:#999999;}	.tagCloud .cloudS50 {font-size:14px; color:#666666;}	.tagCloud .cloudS60 {font-size:16px; color:#666666;}	.tagCloud .cloudS70 {font-size:18px; color:#333333;}	.tagCloud .cloudS80 {font-size:22px; color:#333333;}	.tagCloud .cloudS90 {font-size:28px; color:#111111; }	.tagCloud .cloudS100 {font-size:36px; color:#111111;}	.tagCloudMore {padding:6px 0 0 0; margin:0 10px; text-align:center; border-top:#ccc solid 1px; font-size:11px;}	.tagCloudMore a, .tagCloudMore a:link, .tagCloudMore a:visited {color:#999; text-decoration:none;}	.tagCloudMore a:hover {color:red; text-decoration:underline; cursor:pointer;}

Link to comment
Share on other sites

I see a couple items I wonder about. At least one redundant definition. The non-existent property float:center. But it's a lot more under control than the other stuff. Looks like a blog or something.Remember that the HTML in your link has some major problems, also.

Link to comment
Share on other sites

I see a couple items I wonder about. At least one redundant definition. The non-existent property float:center. But it's a lot more under control than the other stuff. Looks like a blog or something.Remember that the HTML in your link has some major problems, also.
Yea i have been looking at css of other pages and most of them use the float center property, and well the html doesn't really matter as much as the css soundclick is more css than anything html is just used to put images, videos etc but to place them that is all css, have you ever coded a soundclick?
Link to comment
Share on other sites

no such thing as float: centerHTML is just as important as the CSS. Pages need structure before they can become styled and positioned. You need your materials before you can build a house. Using semantic, well structured, and validated code is your "material".Is soundclick some sort of websites API?
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...