numerous IE & Safari probs Options

[dollywood]

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

[Mikeplyts]

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]

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]

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

CODE

display:block;

[dollywood]

doesnt seem to be doing anything either

[fixtatik]

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

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

and add in this:

CODE

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

[dollywood]

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]

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

[dollywood]

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]

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

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry {
display:none;
}
td.text div table td table td.text {
display:none;
}
</style>

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

CODE

<img src="DIARY_IMAGE_URL" border="0"><br>
<img src="UPDATES IMAGE URL" border="0"><br>

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 <br> tag that comes after the diary image code. Or you can just keep adding <br> tags after the diary image code. Like this:

CODE

<img src="DIARY_IMAGE_URL" border="0"><br height="###">
<img src="UPDATES IMAGE URL" border="0"><br>

or like this:

CODE

<img src="DIARY_IMAGE_URL" border="0"><br><br><br><br><br><br><br><br><br>
<img src="UPDATES IMAGE URL" border="0"><br>

and etc.

[Mickey]

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.