Header for Comment section question |
Header for Comment section question |
![]()
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> |
|
|
![]() ![]() |