Log In · Register

 
Header for Comment section question
shynomi
post Sep 27 2009, 02:12 PM
Post #1


Senior Member
****

Group: Member
Posts: 123
Joined: Nov 2008
Member No: 698,881



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>



 

Posts in this topic
shynomi   Header for Comment section question   Sep 27 2009, 02:12 PM
shynomi   ah, ok. let me mess with it then. thanks.   Sep 27 2009, 02:38 PM


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