numerous IE & Safari probs |
numerous IE & Safari probs |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 60 Joined: Mar 2009 Member No: 719,573 ![]() |
Hi there
I was wondering if you could help me with a couple of probs i have? as you can see from the site link below - in my diary section the diary banner doesnt stretch right across the view all just scrunches up at the end is there anyway to have it go across and move view all? www.myspace.com/tgvisualsbands also in the blogs section is all moved up onto the banner how can i move this down and neaten it up? This is the code im using BAND MEMBERS CODE html body.bodyContent table tbody tr td table tbody tr td.text div table tbody tr td table td {padding-top: 2px;padding-bottom: 2px;border-top: none !important;border-left: none !important;border-right: none !important;border-bottom: 0px;border-style: dotted;border-color: 009999;border-collapse: collapse;background-color: transparent !important;_padding: 1px !important;_border: none !important;}html body.bodyContent table tbody tr td table tbody tr td.text div table tbody tr td table td td {border: none;}html body.bodyContent table tbody tr td table tbody tr td table tbody tr td table {}.whitetext12 {color: red;display: none;width: 0px;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{background-color: transparent !important;color: 009999 !important;width: 440px !important;border-collapse: collapse !important;margin: 0 !important;padding: 0 !important;table-layout: fixed !important;position: relative !important;background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Kgunner%20Guitar/updates.jpg);background-repeat: no-repeat;background-position: 0px 0px;margin-top: 0px !important;overflow: hiddden;_background-position: 0px 2px;_margin-left: -4px !important;_margin-top: -0px !important;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{display: inline;margin: 0 !important;padding: 0 !important;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{display: block !important;margin: 0 !important;padding: 0 !important;width: 440px !important;font-family: helvetica;color: 009999 !important;clear: both !important;font-size: 1px !important;line-height: 0px;vertical-align: middle;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{float: right;line-height: 25px;padding: 0px !important;margin: 0px !important;padding-right: 5px !important;position: relative;z-index: 6;font-weight: bold;font-size: 10px !important;display: block;height: 30px;text-transform: none;_font-size: 10px !important;_width:120px;_text-align:right;_font-weight: normal;_postion: absolute !important;_margin-top: -4px !important;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{line-height: 25px;position: absolute;display: block;border-bottom: 1px solid white;border-color: c3403b;width: 443px;color: FFFFFF;padding: 0px !important;margin: 0px !important;padding-left: 5px !important;z-index: 5;font-weight: normal;font-size: 10px !important;height: 30px;_font-size: 10px !important;_margin-top: -3px !important;_font-weight: normal !important;_margin-left: -3px !important;_width:449px;}html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{display: block;float: left;width: 50px !important;height: 35px;font-size: 1px;overflow: hidden;line-height: 1000px;}html body.bodyContent table tbody tr td table tbody tr td table tbody tr td table tbody tr td div.leftColumn{width: 200px !important;display: block !important;visibility: visible !important;background-color: red !important;color: 000000 !important;text-align: left !important;float: left;overflow: visible;} BIO CODE .i {display:none;}{!hide coming shows header!}td.text div table td table td.text span.whitetext12 {visibility:hidden;}{! place image to use as new header !}td.text div table td table td.text {background-image:url("http://i378.photobucket.com/albums/oo222/tgvisuals/Kgunner%20Guitar/diaryfinal.jpg");background-position: left center; background-repeat: no-repeat; width: 440px;height:80px;} Also my sliced images look fine in safari but the cut lines show up in IE? does anyone know how to get it to look right on both? Its driving me crazy!!! thanks t This post has been edited by interpretation: Jun 20 2009, 06:59 PM
Reason for edit: Added codebox tags. - Cristy
|
|
|
![]() |
![]()
Post
#2
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 ![]() |
I'm not quite sure what you mean about stretching the diary banner. Like make it stretch some so it aligns with the other banners? If so, just try finding this in your codes: (in the Bio section)
CODE td.text div table td table td.text {background-image:url("http://i378.photobucket.com/albums/oo222/tgvisuals/Kgunner%20Guitar/diaryfinal.jpg");background-position: left center; background-repeat: no-repeat; width: 440px;height:80px;} Try adjusting the width of it by like 10 pixels or something. Or you could also tow around with the background-position: property but changing it from left center to center center or right center or whatever. If you want position it by pixels, try using something like this: CODE background-position:###px 0px; And change the ### until you get it how you want. For the blog section, try doing this. Find this part below in your codes: (in the Band Members section) CODE html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{background-color: transparent !important;color: 009999 !important;width: 440px !important;border-collapse: collapse !important;margin: 0 !important;padding: 0 !important;table-layout: fixed !important;position: relative !important;background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Kgunner%20Guitar/updates.jpg);background-repeat: no-repeat;background-position: 0px 0px;margin-top: 0px !important;overflow: hidden;_background-position: 0px 2px;_margin-left: -4px !important;_margin-top: -0px !important;} Once you find it, add this to the properties: CODE line-height:###px; Just replace the ### with your own value until it seems to move down like you want it. Oh, and by the way, in your bio section codes, the one I showed you above, you spelled hidden wrong where it says overflow: hiddden;. |
|
|
![]() ![]() |