problem with banner, cant make it center..!

Question

plattypuss 0 Newbie Poster

14 Years Ago

hey guys

struggling with a couple of myspace codes here, would really appreciate some help as I'm new to coding etc.

1. I want to get the soundcloud dropbox aligned left...this is the current code:

<style>a.soundcloud-dropbox:hover {color: 1896D1 !important; background-color: transparent !important;}*html a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_small_white.png?d23308)', sizingMethod='crop') !important;}.r{}</style><a href='http://www.msplinks.com/MDFodHRwOi8vc291bmRjbG91ZC5jb20vaW52aWdpbGF0b3JzLTEvZHJvcGJveA==' target="_blank" style='display: block; margin: 10px auto; background: transparent url(http://a1.soundcloud.com/images/dropbox_small_white.png?d23308) top left no-repeat; color: 888888; font-size: 10px; height: 30px; padding: 26px 60px 0 12px; width: 127px; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em' class='soundcloud-dropbox click-select'>Send me your track</a>

2. cant get my main banner centered - banner code is the first bit, and all the rest of the pages code comes below..

the whole code used is:

<div class="topline"></div>
<div class="topline-middle">
<div class="tophead">

<a rel="nofollow" href="http://www.msplinks.com/MDFodHRwOi8vaW52aWdpbGF0b3JzLmJhbmRjYW1wLmNvbS8=" class="imgpart">
<img src="http://i865.photobucket.com/albums/ab215/invigilators/invigilatorsmarsupialspace.jpg" />
</a>

</div>
</div>


The Mayans predicted us…
<br />
Throughout mankind's history and in all cultures of this planet earth, there has been a mysterious and recurring prophecy predicting the coming of a music the likes of which has never been heard. A music so powerful it can free minds, transcending all self imposed divisions. A music that has no respect for geo-political boundaries. An inexorable force which takes no prisoners. The prophets spoke, the people waited, but they need wait no longer. This summer, we arrive. We are INVIGILATORS.
<br />
YOU MAY BEGIN.
<p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="360" width="100%">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Finvigilatorsmusic%2Fsets%2Fthe-marsupial-agenda-mixtape&amp;show_comments=true&amp;auto_play=false&amp;show_playcount=true&amp;show_artwork=true&amp;color=2600f3" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Finvigilatorsmusic%2Fsets%2Fthe-marsupial-agenda-mixtape&amp;show_comments=true&amp;auto_play=false&amp;show_playcount=true&amp;show_artwork=true&amp;color=2600f3" height="360" width="100%" wmode="transparent" />
</object>   <span><a href="http://www.msplinks.com/MDFodHRwOi8vc291bmRjbG91ZC5jb20vaW52aWdpbGF0b3JzbXVzaWMvc2V0cy90aGUtbWFyc3VwaWFsLWFnZW5kYS1taXh0YXBl">The Marsupial Agenda Mixtape</a> by <a href="http://www.msplinks.com/MDFodHRwOi8vc291bmRjbG91ZC5jb20vaW52aWdpbGF0b3JzbXVzaWM=">Invigilators</a></span>
<p>
<div style="width:176px;text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="176" width="176" align="middle">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="color1=3381555&type=user&id=125537596" />
  <param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="176" width="176" align="middle" wmode="transparent" flashvars="color1=3381555&type=user&id=125537596" quality="high" />
</object><br /><a style="font-size: 10px; color: 339933; text-decoration: none" href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vSW52aWdpbGF0b3Jz">follow Invigilators at http://twitter.com</a></div>
<p>
<p>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9JbnZpZ2lsYXRvcnMvMTA0ODU1MTA5NTQ2NDc5" target="_blank"><img src="http://i865.photobucket.com/albums/ab215/invigilators/facebook-icon.png" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL2ludmlnaWxhdG9ycw==" target="_blank"><img src="http://i865.photobucket.com/albums/ab215/invigilators/twitter-icon.png" alt="Follow Invigilators on Twitter" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2ludmlnaWxhdG9ycw==" target="_blank"><img src="http://i865.photobucket.com/albums/ab215/invigilators/youtube-icon.png" /></a>




<style>
NOTE {RESIZE COMMENT IMAGES}
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px !important; width:auto !important;}
td.text td.text table table td div img {width:80px !important;}
* html td.text td.text table table td img {width:80px !important;}
* html td.text td.text table table td a img {width:90px !important;}
* html td.text td.text table table td div img {width:80px !important;}
NOTE {RESIZE COMMENT FLASH VIDEOS}
table.friendsComments object {width:260px;height:218px;}
table.friendsComments embed {width:260px;height:218px;}
table.friendsComments a object {width:260px;height:218px;}
table.friendsComments a embed {width:260px;height:218px;}
table table.friendsComments {width:800px}
</style>

<style>
NOTE {Edit these if you want}
.blacktext12:before {content: "";}
.redbtext:after {content: "";}

body {
	margin-top: 560px;
	font-size: 11px;
	line-height: auto;
	background-color:black;
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
}
body table {margin-top:0px;}

.topline {
	width: 9999px;
	height: 869px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.topline-middle {
	width: 1000px;
	height: 175px;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	top: 0;
	background-color:transparent;
}
.tophead .friend {
	position: absolute;
	left: 919px;
	top: 81px;
	display: block;
	width: 56px;
	height: 41px;
}
.tophead .friend:hover {background-position: 0 -41px;}
.tophead .friend span {display: none;}

.tophead .comment {
	position: absolute;
	left: 863px;
	top: 81px;
	display: block;
	width: 56px;
	height: 41px;
	background-image: url(http://img.designmyspace.org/big_picture_f1/btn_comment.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.tophead .comment:hover {background-position: 0 -41px;}
.tophead .comment span {display: none;}

.tophead {
	width: 1000px;
	height: 869px;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	top: -170px;
}
.bottomhead {width: 1000px; height: 26px; position: absolute; margin-left: -500px; left: 50%; top: 600px; background-color:transparent; background-image: ;}
.tophead .imgpart span { display:none; }
.tophead .imgpart:hover { text-decoration:none; }
.tophead .imgpart:hover span { opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60; background-color:000; background-image: url(http://img.designmyspace.org/big_picture/line_overlay.jpg); background-position: bottom; background-repeat: repeat-x; display:block; position:absolute; top:0px; left:0px; width:922px; padding:10px 20px; color:32A1CF; font-size:20px; font-family: Georgia, Arial, Verdana, Trebuchet MS, sans-serif; line-height: 30px; font-style: italic; font-weight: normal!important; }
.tophead .imgpart:hover span strong {color: 32A1CF; margin: 0; padding: 0; line-height: 44px;}
.tophead .imgpart:hover span br {line-height: 5px; margin: 0; padding: 0;}
.tophead .imgpart {
	width: 922px;
	height: 654px;
	position: absolute;
	left: -8px;
	top: 149px;
	padding: 0;
	overflow: hidden;
	display: block;
}
.tophead .id1 {
	width: 780px;
	position: absolute;
	left: 73px;
	top: 69px;
	height: 37px;
	color:2D89B2;
	padding: 0px;
	font-size: 26px;
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	overflow: hidden;
	text-shadow: 1px 1px 1px BBDFEE;
}
.tophead .id2 {
	width: 175px;
	position: absolute;
	left: 148px;
	top: 668px;
	height: 25px;
	color:2D89B2;
	padding: 0px;
	font-size: 18px;
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	overflow: hidden;
	text-shadow: 1px 1px 0 BBDFEE;
}
.tophead .id3 {
	width: 175px;
	position: absolute;
	left: 148px;
	top: 691px;
	height: 43px;
	color:2D89B2;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: normal;
	overflow: hidden;
	text-align: left;
	line-height: 20px!important;
	text-shadow: 1px 1px 0 BBDFEE;
}
.tophead .id3 span.white { color:32A1CF;}
.tophead .id4 {
	width: 587px;
	position: absolute;
	left: 369px;
	top: 668px;
	height: 58px;
	color:2D89B2;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: normal;
	overflow: hidden;
	line-height: 20px!important;
	text-shadow: 1px 1px 0 BBDFEE)
}
.tophead .minipic {
	width: 80px;
	position: absolute;
	left: 47px;
	top: 659px;
	height: 80px;
	color:32A1CF;
	padding: 0px;
	font-size: 30px;
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	overflow: hidden;
}
a img.border {border-style:solid; border-width:5px; border-color:8d1601; }
a:hover img.border, a img.border:hover {border-style:solid; border-width:5px; border-color:691000;}

.tophead .sidelinks {
	position:absolute;
	left:48px;
	top:602px;
	width: 915px;
	height: 30px;
}
.tophead .sidelinks ul { margin:0px; padding:0px;}
.tophead .sidelinks ul li {	margin:0px;	list-style:none; float:right; margin-left:4px; font-size:12px; }
.tophead .sidelinks ul li a { text-decoration:none; color:32A1CF; padding: 6px 8px; position:relative; font-weight: bold; opacity:0.70; filter:alpha(opacity=70); -moz-opacity:0.70; background-color:000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tophead .sidelinks ul li a:hover, .topline-middle .topnav ul li a.active {color:32A1CF; text-decoration:none; opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; background-color:000;}
.tophead .sidelinks ul li a span {display:none;}
.tophead .sidelinks ul li a:hover span, .topline-middle .topnav ul li a.active  span{ display:none;}

.tophead .credit { width: 106px; height: 14px; position: absolute; left: 877px; top: 6px; display: block; cursor: pointer; }
.tophead .credit span {display: none;}

p {margin: 0px 0px 1em 0px; font-family: font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px;}
a, a:link, a:visited {color:32A1CF; text-decoration: none; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
a:hover {color:c0c6ce; text-decoration: underline}
img {border: none;}
br {line-height: 20px;}
form {border-width:0px;background-color:none;}
body>div {margin-left: 14px;}
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:fdfdfd; width: 100% !important; background-repeat: repeat-x; background-position: top center; background-image: url(http://www.flycreative.co.uk/clients/schadenfreude/box_top.png); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: 27282a; border-top-width: 1px; border-top-style: solid; border-top-color: 27282a; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
body td table, body div table {margin-top: 0;}
font {color:686e78;font-size:10px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
a font:hover {color:5C5C5E text-shadow: 1px 1px 0 rgb(102,106,111) ;}
a.topline-middle .navbar:link, a.topline-middle .navbar:visited {color:32A1CF text-decoration: none;}
a.topline-middle .navbar:hover {color:c0c6ce;}
table tr td table tr td font {display: inline;}
table tr td table a.topline-middle .navbar {font-size: 10px;}
.text {color:686e78;font-size:12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
a.text:link, a.text:visited {color:32A1CF}
a.text:hover {color:c0c6ce;}
.nametext {color:5C5C5E; text-shadow: 1px 1px 0 rgb(187,223,238) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0px 0px 14px 0px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px !important; vertical-align: bottom;}
.contactTable {width: 332px !important;}
.contactTable td {padding: 0px; margin: 0px; text-align: center;}
.contactTable span.whitetext12 {position: relative; left: 24px;}
.contactTable td table {background-color: transparent; background-image: url(http://www.flycreative.co.uk/clients/schadenfreude/msg_block.png); background-position: center; background-repeat: no-repeat;}
.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 38px; width: 156px; background-color: transparent;}
.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
table tr td table tr td table tr td div strong {display: block; width: 280px; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
.whitetext12 {color:5C5C5E; text-shadow: 1px 1px 0 rgb(187,223,238) ; font-size: 13px; margin: 8px 0px 4px 0px; padding: 0 0 14px 0; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width: 280px;}
.blacktext12 {color:5C5C5E; text-shadow: 1px 1px 0 rgb(187,223,238) ; font-size: 12px; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; display: block; margin-top: 14px; width: 100%;}
.contactTable span.whitetext12 {position: relative; left: 24px;}
.btext {color:5C5C5E; text-shadow: 1px 1px 0 rgb(187,223,238) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370;}
.orangetext15 {color:5C5C5E; text-shadow: 1px 1px 0 rgb(187,223,238) ; font-size: 13px; margin: 14px 0px 4px 0px; padding: 0 14px 14px 14px; text-align: center; display: block; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid; border-color: 595d61; width:370px;}
.lightbluetext8 {color:686e78; font-family: Arial, Verdana, Trebuchet MS, sans-serif;}
.redtext,.redbtext {color:5C5C5E; text-shadow: 1px 1px 0 rgb(187,223,238) ; font-family: Arial, Verdana, Trebuchet MS, sans-serif; font-size: 12px; font-weight: bold;}
a.redlink:link {color:32A1CF; padding-top: 3px; text-decoration: none;}

a.redlink:visited {color:32A1CF}
a.redlink:hover {color:c0c6ce; text-decoration:underline;}
u {text-decoration: none; font-size: 10px;}
a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:686e78; text-decoration: none; }
a.searchlinkSmall:hover { color:32A1CF; }
td, table, tr, span, li, p, div, textarea, DIV {
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	color: 686e78;
} 
h1, h2, h3, h4, h5, h6 {color:2D89B2; text-shadow: 1px 1px 0 rgb(187,223,238) ;} 
.blacktext10 {color:2D89B2 !important; font-size: 12px!important; font-family: Arial, Verdana, Trebuchet MS, sans-serif; text-shadow: 1px 1px 0 rgb(187,223,238) ;}
.searchlinksmall a{color:2D89B2 !important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(187,223,238) ;}
.searchlinksmall a:hover{color:2D89B2 !important; text-decoration: underline !important; text-shadow: 1px 1px 0 rgb(187,223,238) ;}
.userProfileURL {font-size: 9px!important; text-decoration: none!important; text-shadow: 1px 1px 0 rgb(187,223,238) ;}
</style>

web-design

2 Contributors
1 Reply
148 Views
23 Hours Discussion Span
Latest Post 14 Years Ago Latest Post by diafol

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

diafol · Answer 1 · 2010-07-28T18:23:41+00:00

Have you tried to scope the actual div/element and the relevant style rules? There's no way I'm able to process all that. Wanna cut it down to the appropriate size?