Quick Stupid Question...

Phre0nBurn · Nov 10, 2007

This is KILLING me. Someone please help!
I have spent 3 hours straight trying to figure this out, and I can't!

Ok...
I have a DIV overlay on my myspace profile...
For my contact table, I made a simple image and sliced it in PS.
Saved for web, etc etc

But, I can't for the life of me figure out how to get the god damned Table code that photoshop generates to work within a div!

This is what I'm working with. Just a few lines of code makes me want to shoot myself in the face!
Sorry, I'm just frustrated, and this is killing me...

Thanks guys...

Code:

<div class="mpd2">



    
        
<table id="mpd2" width="900" height="65" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="images/contacttable_01.jpg" width="202" height="65" alt=""></td>
        <td>
            <img src="images/contacttable_02.jpg" width="305" height="65" alt=""></td>
        <td>
            <img src="images/contacttable_03.jpg" width="187" height="65" alt=""></td>
        <td>
            <img src="images/contacttable_04.jpg" width="206" height="65" alt=""></td>
    </tr>
</table>
    



</div>

Icecube · Nov 10, 2007

if you have your document in photoshop the exact same size you want it inside your dive and save for web you're done

just copy only the section from <table> to </table> included

that code you posted reads it's 900px wide, a such wide contact box will screw any myspace layout

I hope it helps

Phre0nBurn · Nov 10, 2007

I already did that.

The problem is, it isn't showing.
I can get the DIV box to show, for example if I put text in it.
I can even highlight the images on my page, but I can't see them!

Icecube · Nov 10, 2007

man, I hope that's not the exact code you're using...myspace is trying to load the images out of nowhere....
you need to put them on your own server or wherever and use full urls like http://www.mysite.com/images/cotnacttable_01.jpg

Phre0nBurn · Nov 10, 2007

Gah. Blame that one on the lack of sleep.

The code I pasted was from the wrong notepad.

I do have to correct url's to the hosted images.

Icecube · Nov 10, 2007

then is it working now?
you should anyway crop the document in PS to get it of the exact size you want the table to be

Phre0nBurn · Nov 10, 2007

nope. not working at all.
this is a total pain!

Icecube · Nov 10, 2007

did you fix the width?
I hate myspace, I had to edit a profile of a friend some time ago and it was a real pain...anyway, post the code you're using at the moment, if it's just html it has to work...
if myspace fucks everything then...

Phre0nBurn · Nov 10, 2007

I absolutely hate how all the code in myspace works.
But, I use it a lot, so I have to deal with it.

Ok, Ill post the code below...
The first box will be what goes in the "About Me" section
The second will be what goes in the "Interests" section

And I know it's stupidly wide... I'm just learning how all this works... Once I get the code down it'll be no problem slimming everything down in Photoshop...
It's just the code that has me stuck.

Code:

<style type="text/css">
.-div-generator{display:none}
body {
background:url('http://i216.photobucket.com/albums/cc250/phreonburn/backgroundcopy.jpg') no-repeat top center fixed;
background-color:000000
}
.contain div {
background-color:transparent;
color:FFFFFF;
font: 10pt Helvetica;
overflow:auto
}
a:link, a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a:hover, a.navbar:hover, a.man:hover {
color:000000;
font: 10pt Arial,Helvetica,sans-serif
}
.mpd1{width:900px;height:745px;top:-50;left:0px;position:absolute}
.mpd2{width:930px;height:150px;top:830px;left:400px;position:absolute}
.hold{background-color:transparent} 
.contain{left:50%;margin-left:-450px;top:150px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
.corner{left:0;top:0;position:absolute;z-index:9;visibility:visible !important}
.mpd{left:50%;margin-left:-400px;top:0;position:absolute;z-index:10;visibility:visible !important}
.comments{display:none}
.contacttable,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwork,.orangetext15{display:none}
.bodyContent div div form{display:inline}
.bodyContent table table table{visibility:hidden}
a img{border:none}
td,form{margin:0;padding:0}
table,tr,td{background:transparent}
-additional-coding{display:none}
</style>

Code:

<div class="hold"><div class="contain">
<div class="mpd1">
    
<img src="http://i216.photobucket.com/albums/cc250/phreonburn/intro_02.jpg" width="900" height="304" alt="">
    
<a href="http://www.google.com">    <img src="http://i216.photobucket.com/albums/cc250/phreonburn/intro_03.jpg" width="900" height="438" alt=""></a>
</div>


<div class="mpd2">   
     
        
<table id="Table_01" width="900" height="150" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="4">
            <img src="http://i216.photobucket.com/albums/cc250/phreonburn/contacttable_01.jpg" width="900" height="38" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="http://i216.photobucket.com/albums/cc250/phreonburn/contacttable_02.jpg" width="197" height="69" alt=""></td>
        <td>
            <img src="http://i216.photobucket.com/albums/cc250/phreonburn/contacttable_03.jpg" width="301" height="69" alt=""></td>
        <td>
            <img src="http://i216.photobucket.com/albums/cc250/phreonburn/contacttable_04.jpg" width="197" height="69" alt=""></td>
        <td>
            <img src="http://i216.photobucket.com/albums/cc250/phreonburn/contacttable_05.jpg" width="205" height="69" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="http://i216.photobucket.com/albums/cc250/phreonburn/contacttable_06.jpg" width="900" height="43" alt=""></td>
    </tr>
</table>

</div>
</div></div>

<div class="comments">
<table><tr><td>
<table><tr><td>

And this is what Photoshop is giving me on output of the slice, if it even matters...

Code:

<html>
<head>
<title>contacttable</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (contacttable.psd) -->
<table id="Table_01" width="900" height="150" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="4">
            <img src="images/contacttable_01.jpg" width="900" height="38" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/contacttable_02.jpg" width="197" height="69" alt=""></td>
        <td>
            <img src="images/contacttable_03.jpg" width="301" height="69" alt=""></td>
        <td>
            <img src="images/contacttable_04.jpg" width="197" height="69" alt=""></td>
        <td>
            <img src="images/contacttable_05.jpg" width="205" height="69" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/contacttable_06.jpg" width="900" height="43" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Icecube · Nov 10, 2007

I have no clue why it's not working, I hate msypace profiles
have you tried to completely remove all that css stuff and see what it would look like without it?
I have seen on my friend's profile that some code generated on some myspace resource site completely screwed everything so you might also want to try it on a blank profile maybe...
I'm just throwing ideas...

Search

Search

Quick Stupid Question...

Phre0nBurn

I <3 JAILBAIT!

Icecube

Up 24h/day

Phre0nBurn

I <3 JAILBAIT!

Icecube

Up 24h/day

Phre0nBurn

I <3 JAILBAIT!

Icecube

Up 24h/day

Phre0nBurn

I <3 JAILBAIT!

Icecube

Up 24h/day

Phre0nBurn

I <3 JAILBAIT!

Icecube

Up 24h/day