Help - Search - Members - Calendar
Full Version: Header for Comment section question
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
shynomi
I have a client that wants the comment header to stretch the full length of the middle section of the layout (the black section)

www.myspace.com/frucatestpage3

here's what they said (quote)

"i thought it would look cool if the only parts of the image that had a fade on them where the top and the bottom, and have the sides go all the way to the end of the back middle strip."

it's 826px wide, how can i make that image stretch to each side?
i put the code for the comments section below:

CODE


<style>
html body.bodyContent table tbody tr td table.friendsComments{
width: 770px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background-color: transparent !important;
margin: 20px 15px 0px 0px !important;
_width: 770px !important;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}
table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://i382.photobucket.com/albums/oo268/dygynomi/MY%20TICKET%20HOME/commentline5.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 386px !important;
color: 000000!important;
width: 826px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 0px;
line-height: 300px !important;

_width: 826px!important;
_height: 386px !important;
_margin-bottom: -1px !important;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b{
display: block;
position: absolute;
z-index: 9;
width: 826px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -27px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: ffffff;
font-weight: normal;
font-size: 10px;
_margin: -27px 0 0 8px;
_font-size: 10px !important;
_color: ffffff;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 {
color: ffffff!important;
text-transform: None !important;
display: block !important;
font-size: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 0px 0px -29px 0px !important;
_margin: 15px 0px -.5em 0px !important;
width: 640px;
}
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td.columnsWidening {
padding-left:32px;
_padding-left:50px;
}
</style>



Mickey
I'm afraid all you can do is resize the background image and adjust the width of the orangetext15 class accordingly.
shynomi
ah, ok. let me mess with it then. thanks.
Mickey
Alright. Is this good for closing then?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.