Log In · Register

 
 
Closed TopicStart new topic
pls help to to center top banner at band page
a-zA-Z0-9-a-za
post Jan 5 2010, 02:47 AM
Post #1


Newbie
*

Group: Member
Posts: 4
Joined: Jan 2010
Member No: 756,371



I am working on a page (just started) and for some reason my top banner is all moved to one side, so you can see just a little piece of it...

you can see it at: http://www.myspace.com/ttttssssccc


I am following the instructions how to create a layout for a band... but somewhere i am wrong. How to fix so the top banner is centered? thank you for your help!
 
Mickey
post Jan 5 2010, 05:13 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Post all the codes you're using.
 
a-zA-Z0-9-a-za
post Jan 5 2010, 12:09 PM
Post #3


Newbie
*

Group: Member
Posts: 4
Joined: Jan 2010
Member No: 756,371



I'm having this one (put it first in band bio),from your tutorial "Adding a Top Banner":


CODE
<style>
.profileWidth table { margin-bottom:718px; width:1024px; }
.rail { display:none; }
.gap {background:url(http://i587.photobucket.com/albums/ss320/ox_roxx/2793232347_8b3775f340_b-2b.jpg) top left no-repeat;
  width:800px; height:1042px;
  position:absolute; top:0; left:50%;
  margin:0px 0 -400px -1150px;
</style>

<div class="gap"></div>




then goes: Changing the Look & Feel


CODE
<style>

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:;
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: FFFFFF !important;
font-family: Arial !important;
}

a:hover {
color: 666666 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}

</style>



that's it for now...
THANK YOU SO MUCH! I appreciate you helping me!!
Reason for edit: Next time, use a codebox. --Beenly.
 
Mickey
post Jan 6 2010, 06:38 AM
Post #4


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



That's because that's not the complete code for putting up a top banner. The first code you posted is only for making a gap where the top banner can go. Follow the rest of this step in the tutorial to learn how to do it correctly.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: