Forums > numerous IE & Safari probs

Full Version: numerous IE & Safari probs

Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics

dollywood

Jun 19 2009, 08:08 AM

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

Mikeplyts

Jun 20 2009, 04:20 PM

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;.

dollywood

Jun 21 2009, 08:56 AM

hi there

thanks for the help - i put the line height after the important bit before bracket but it doesnt seem to do anything - is there anywhere else i should put it?

cheers for the spelling heads up ill change that

thanks
t

Mikeplyts

Jun 21 2009, 02:05 PM

Hmm...try adding this too after the line height property.

CODE

display:block;

dollywood

Jun 22 2009, 07:00 AM

doesnt seem to be doing anything either

fixtatik

Jun 22 2009, 02:35 PM

i'm a little confused which header you want for your blog section. is it "diary" or "updates" or both that you want there?

to have only one header, get rid of this:

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: hiddden;_background-position: 0px 2px;_margin-left: -4px !important;_margin-top: -0px !important;}

and this:

CODE

and add in this:

CODE

.latestBlogEntry .btext { background:url(DIARY IMAGE); display:block; height:80px; width:440px; }

dollywood

Jun 23 2009, 04:00 AM

hi there

i want both headers in there

the problem im having is that the diary header looks fine in safari but is out of line in IE

Also the updates header code has screwed up the alignment of the blogs and i want to move them down

you can see what i mean at www.myspace.com/tgvisualsbands

cheers
t

fixtatik

Jun 23 2009, 04:17 AM

can you give a screenshot of what it's doing? your profile crashes IE every time for me.

dollywood

Jun 24 2009, 10:04 AM

Hi

here is the screenshot of the diary and updates section so you can see what i mean

http://s378.photobucket.com/albums/oo222/t...nt=pageprob.jpg

i couldnt get a screenshot from IE but it looks essentially the same - what im looking to do is have the diary header wider the same width as the updates and i want to move the blogs down as they are overlapping the updates header

cheers
t

Mikeplyts

Jun 24 2009, 01:32 PM

Adjust this property to increase it's width:

CODE

width:440px;

or, what you could try doing is setting these classes to display:none; like so:

CODE

And then, just manually add the headers into your HTML coding like this:

CODE

Afterwards, just position the blog div class to the correct spot and define it's width/height and everything. If you want more overlapping between the diary and image header images, you can try adding height="###" to the tag that comes after the diary image code. Or you can just keep adding tags after the diary image code. Like this:

CODE

or like this:

CODE

and etc.

Mickey

Jun 28 2009, 05:43 PM

It doesn't seem like you're using the layout mentioned in this topic anymore so I'm going to close this. PM me if you need it reopened.

Topic closed & moved.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.