Image Placement help on myspace......

[kaya]

Ok, on half my tables myspace has it preset to have the images align vertically instead of horizontally.... i would like to change that. its annoying to have one half all neat with 3 images side by side in each row then scrool to the right and they are all straight down.... for months ive settled with just using a hspace= vspace= tag for every image to make it kind zig zag but im tired of that... anyone know any code to accomplish this??????

example...

it now does this

Image
Image
Image
Image

I would like it to do this

Image Image Image

Any help is greatly appreciated

[drhowarddrfine]

This is easy to do but myspace is such a coding nightmare it's difficult to say what might work. A link to the site is necessary.

[kaya]

ok here is the link to the site..... http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=771 56051

ive tried changing a few things in the view source page i found when i right click but it doesn't seem to take any change i make.......

[drhowarddrfine]

View source lets you view the source and that's all. The link you gave requires me to log in to view it. How did you ever create the page?

I'll repeat this, myspace is a nightmare.

[kaya]

ok maybe its because my profile was set to private.... i set it to public ...

heres the direct url from my page

http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=771 56051


this is my myspace url..

http://www.myspace.com/kayanellie


i used a profile generator for my page... but i dont think I can change the image placement through there ..... just to be sure i will post that...

<style type="text/css">
body {
background-color:ffffff;
background-image:url('http://i53.photobucket.com/albums/g46/kayalove/other/flwrbckgrnd.gif');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:transparent;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Trebuchet MS !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:FFFFFF !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:00CCFF !important;}
</style>!<style type="text/css">
a {color:66FFCC !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:99FFFF !important; text-decoration: underline !important; font-style: normal !important; font-weight: bold !important; text-transform: uppercase !important; }
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
table {direction:rtl;}
table table table {direction:ltr;}
img {border:0px;}
</style>

i hope this helps you help me... ive been trying to figure this out for months....

[drhowarddrfine]

You say the images are three across and scrolling to the right they are up and down. It may be the size of the monitor you are using or the browser (I'm using Firefox) but, in any case, I don't see that but I may just misunderstand.

This may require a fair bit of work which I don't have time for. Since you worked on it for months and seem to want to make this work, here are three links that you can check out for advice:

http://www.pimpwebpage.com/
http://xgenerators.com/
http://www.mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts

[kaya]

Thanks i just need direction to the info lol I can figure it out i just dont have any clue where to start looking.... this i a good start and i so totally appreciate it.. i will also check what it looks like under the firefox browswer at work.. i only have viewed it on ie..... Thanks a Bunch i do appreciate the help!

[kaya]

Just so i know.. is this what you see? i made a screen shot and boxed in what i want to change... let me know if it looks like this to you on your browser pretty please?

Screenshot

[drhowarddrfine]

It looks like you got what you want? Yes, that screenshot is what I saw and now I know what area you were talking about but it looks like you figured it out.

[kaya]

no this is how its always been i want to change the ones in the white box on the right under interest.. i want it to look like the ones on the left.... the ones all the left.. as you can see in this screen shot... are 4 to a row, side by side all neat.... the ones on the right are vertical.. straight down .......


i want everything to be side by side neat little rows..... i guess i'll be searching for a few more months im looking for a code to stretch individual tables.. maybe if i can stretch the interest, music and heroes tables maybe they will align horizontally instead of automatically doing it vertically now.....

so no i havent found what i wanted the right side of my page is doing the same thing it has always done... just in case you still dont understand what i mean see the graphic that says slowly committing suicide????? well i would like the graphic that says a girl to sad to give a f@ck right next to it instead of under it.....

[kaya]

ok i got a code to widen the table and my images are still upp and down instead of left to right..... ok i know on myspace its a pain in the ass and i wont trouble you anymore with specific questions like before but this is a general question that might help me on my way to finding the answere i want to those specific questions.....


Is there anyway i can view the code that myspace used? i mean i can use codes to change the general format but is there a way to view the general format then change it??? im thinking maybe jsut maybe in that code he has a <br> which would cause the images to do as so.. if not theres something else that may be in the code that does it and i jsut don't have the code to reverse it..... so it would be great if i could see the properties of individual tables.. i doubt i can cause ive tried everyplace i can think of to o look but im a noob and probably missed it if i did it lol

[drhowarddrfine]

This is what I see in Firefox. I'll have to get to my Windows box to see it in IE7.

[Image edited out for unsuitable content]

EDIT: You're right. IE does display it differently there. Let me see what I can find.

Opera also displays it correctly so the only problem is IE, as usual. (The worst browser in the world. Spread the word. Get Firefox or Opera)

Just to try something, add this to any of the css pages you have and let me know what happens:
#ProfileGeneral img{
float:left;
}

The only problem is, you said you don't know where to edit the code at? How did you create this page in the first place? I don't know how you would get into the code editor for myspace.

[kaya]

ok that helps alot.. i only have ie right now so yeah its frusterating... i know how to add code to edit the original i.e take away banners add images etc......i can put codes in the edit profile section to change it but i cant find the orignial code.... ex... i can sign on go to edit profile add this

<style type="text/css">
body {
background-color:ffffff;
background-image:url('http://i53.photobucket.com/albums/g46/kayalove/other/flwrbckgrnd.gif');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:transparent;}
input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:Trebuchet MS !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:FFFFFF !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10, .btext {color:00CCFF !important;}
</style>!<style type="text/css">
a {color:66FFCC !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:99FFFF !important; text-decoration: underline !important; font-style: normal !important; font-weight: bold !important; text-transform: uppercase !important; }
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
table {direction:rtl;}
table table table {direction:ltr;}
img {border:0px;}
</style>

in about me and suddenly my profile is flipped.. my text is changed and my background pic different....yet that leaves the original table width and and the stupid table headings are the same etc etc... id like to know how to change that.. someone was saying that maybe its a problem with the table being to small or something causing the page to mess up... he said hed look into it to see if he can help me fix it... buti do appreciate all your help.. andi do appreciate the screen shot in firefox.... it gives me a better idea of what to look at..

thanks!

[angelofcaine]

Don't know if this helps, and forgive the newbie mentality, but...
I had the same problem

IMG,
IMG,
IMG...

The "fieldset style" command worked for me...

It allowed me to...

IMG,IMG,IMG...

(view my MySpace page for examples on how i used it...)

"angelofcaine69"