Log In · Register

 
Dumbstruck, completely...
ExtremeGimp
post Jul 15 2007, 09:55 PM
Post #1


Newbie
*

Group: Member
Posts: 6
Joined: Jul 2007
Member No: 546,468



Okay, well I usually change my profile layout every month or so. I started off doing simple colour change until Div Overlays suddenly sprung up and had a go at them. I've done 3 or 4 in the past and had no problem using a couple pieces of code from tutorials to hide the default and then create the overlay.

I spent about 2 hours tonight designing my "new" profile in Photoshop and then spent a further 2 hours coding it all myself (I hate using the "Save for web" option when using it for the HTML... something grows longer, like a text box and EVERYTHING will stretch...).

Everything is fine, had a couple problems but ended up solving it all by creating tables within tables etc.

I just tried to upload all the new code and the only thing that showed up was the background colour and text between "<p>" tages (which I used for content headers). I'm not the brainiest of the brainest when it comes to anything but I like to have a good go. If I cn find a way of simplifying it for myself I will, which is why I didn't set up H1 tags and all the rest.

Seems I've been checking the div overlay tut on here for the past couple days (when I was thinking about changing my profile again) I wondered if anyone could help me out.

Heres the HTML I was using (I havent posted the overlay set up because I think I was putting that in wrong anyway), any idea why no background images or text (otherthan the text between <P> tags) wouldn't come up?

CODE
<style type="text/css">
FONT{ font-size:10pt; font-variant:normal; font-family:Tahoma; font-weight:none; text-decoration:none; color:#FFFFFF; }
P{ font-size:12pt; font-variant:normal; font-family:Tahoma; font-weight:none; color:ffffff; }
PRE{ font-size:10pt; font-variant:normal; font-family:Tahoma; font-weight:none; color:ffffff; }
A{color:ffffff; font-variant:normal; font-family:Tahoma; font-size:10pt; text-decoration:none; }
A:Visited{color:ffffff; font-variant:normal; font-family:Tahoma; font-size:10pt; text-decoration:none; }
A:Hover{color:#d40000; font-variant:normal; font-family:Tahoma; font-size:10pt; text-decoration:none; }
</style>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" bgcolor="#333333" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_bot.jpg">

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="10" id="table3">
    <tr>
        <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_top.jpg"></td>
    </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="100%" id="table1">
    <tr>
        <td align="center" valign="top">
        <table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_top.jpg" height="140"></td>
            </tr>
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bar.jpg" height="11"></td>
            </tr>
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/red.jpg" height="279" width="100%"></td>
            </tr>
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bar.jpg" height="11"></td>
            </tr>
            </table>
        <p>&nbsp;</td>
        <td width="762" valign="top">
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table6">
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/top_left.jpg" height="9" width="20"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" width="720" height="9"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/top_right.jpg" width="22" height="9"></td>
            </tr>
        </table>
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table7">
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" height="126" width="20"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/ban.jpg" width="720" height="126"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bord_side.jpg" width="22" height="126"></td>
            </tr>
        </table>
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table8">
            <tr>
                <td width="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" width="181" valign="top">
                <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table12">
                    <tr>
                        <td height="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg" width="11"></td>
                        <td height="20" width="170">
                        <p>MyNavigation</p></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table13">
                            <tr>
                                <td width="180" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table14">
                            <tr>
                                <td width="1"></td>
                                <td width="180" bgcolor="#000000"></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <font>
                        <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="A:Nav">Home</a><br>
                        <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=15136664">Add Me</a><br>
                        <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=15136664">Comment Me</a><br>
                        <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=15136664">Message Me</a><br>
                        <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=15136664">
                        Pictures</a> </font></td>
                    </tr>
                    <tr>
                        <td height="20" colspan="2"></td>
                    </tr>
                </table>
                
                <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table18">
                    <tr>
                        <td height="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg" width="11"></td>
                        <td height="20" width="170">
                        <p>MyFriends</p></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table19">
                            <tr>
                                <td width="180" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table20">
                            <tr>
                                <td width="1"></td>
                                <td width="180" bgcolor="#000000"></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table21">
                            <tr>
                                <td width="181" height="3" colspan="3"></td>
                            </tr>
                            <tr>
                                <td width="85" height="85">
                                <a href="http://www.myspace.com/heavymetalfun">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/alan.jpg" width="85" height="85"></a></td>
                                <td width="11" height="85"></td>
                                <td width="85" height="85">
                                <a href="http://www.myspace.com/mylifeforyours">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/simon.jpg" width="85" height="85"></a></td>
                            </tr>
                            <tr>
                                <td width="181" height="3" colspan="3"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table22">
                            <tr>
                                <td width="85" height="85">
                                <a href="http://www.myspace.com/amilbourn">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/annette.jpg" width="85" height="85"></a></td>
                                <td width="11" height="85"></td>
                                <td width="85" height="85">
                                <a href="http://www.myspace.com/crazynatz36">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/nat.jpg" width="85" height="85"></a></td>
                            </tr>
                            <tr>
                                <td width="181" height="3" colspan="3"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table23">
                            <tr>
                                <td width="85" height="85">
                                <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=104544505">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/becky.jpg" width="85" height="85"></a></td>
                                <td width="11" height="85"></td>
                                <td width="85" height="85">
                                <a href="http://www.myspace.com/onceawhore">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/sarah.jpg" width="85" height="85"></a></td>
                            </tr>
                            <tr>
                                <td width="181" height="3" colspan="3"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table24">
                            <tr>
                                <td width="85" height="85">
                                <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=15648521">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/kerry.jpg" width="85" height="85"></a></td>
                                <td width="11" height="85"></td>
                                <td width="85" height="85">
                                <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=39779618">
                                <img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/natalie.jpg"></a></td>
                            </tr>
                            <tr>
                                <td width="181" colspan="3" align="right"><font>
                                <a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=15136664">More...</a></font></td>
                            </tr>
                        </table>

                        </td>
                    </tr>
                    <tr>
                        <td height="20" colspan="2"></td>
                    </tr>
                </table>
                
                </td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" width="20" valign="top"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" valign="top" width="519">
                <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table29">
                    <tr>
                        <td height="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg" width="11"></td>
                        <td height="20" width="508">
                        <p align="left">MyMind</p></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table30">
                            <tr>
                                <td width="518" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table31">
                            <tr>
                                <td width="1"></td>
                                <td width="518" bgcolor="#000000"></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" valign="top"><font>
                        I can be lazy and I procrastinate a lot but at the same
                        time I'm very impatient. I知 quite decisive and can be
                        very random. I try to keep fit by jogging and weight
                        training. I live on a very steep hill. I live in the
                        second highest town on the mountain. I spend most of my
                        time on a computer. I like people. I can be stubborn.
                        I知 very sarcastic. I知 half Scottish, half English and
                        live in Wales. I try to live in the moment. I always
                        like meeting new people even though I知 as shy as hell.
                        I try to make people laugh as much as possible. I can
                        protect myself when it痴 needed, but try to avoid
                        needing to. I知 afraid of dieing by some sort of
                        suffocation including drowning. I believe in karma. I
                        believe that some things are down to fate, whatever path
                        we choose.</font></td>
                    </tr>
                    <tr>
                        <td height="20" colspan="2"></td>
                    </tr>
                </table>
                
                <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table35">
                    <tr>
                        <td height="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg" width="11"></td>
                        <td height="20" width="508">
                        <p align="left">MyHeart</p></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table36">
                            <tr>
                                <td width="518" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table37">
                            <tr>
                                <td width="1"></td>
                                <td width="518" bgcolor="#000000"></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" valign="top"><font>I love to cuddle. If you kiss me and
                        tell me you love me, I知 all yours. People say I知 a good
                        listener. I follow my heart, which is usually on my
                        sleeve. I hate it when people are down, but find myself
                        being it often. I知 afraid of the quick judgments and
                        mistakes that I make. Sometimes I think everyone is out
                        to get me. I have moments of huge paranoia. I need a girl who can be mine and
                        only mine. I hate being played. I need the security of
                        knowing I have someone that loves me. Sometimes I want
                        to start my life over. I spend my nights trying to
                        understand... life. All I ever want is: to be loved as
                        much as I love. To change someone's life for the better.
                        I will never cheat on someone I love.</font></td>
                    </tr>
                    <tr>
                        <td height="20" colspan="2"></td>
                    </tr>
                </table>
                
                <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table41">
                    <tr>
                        <td height="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg" width="11"></td>
                        <td height="20" width="155">
                        <p align="left">MyStats</p></td>
                        <td height="20" width="11"></td>
                        <td height="20" width="11" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg"></td>
                        <td height="20" width="154">
                        <p align="left">MyMusic</td>
                        <td height="20" width="11"></td>
                        <td height="20" width="11" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg"></td>
                        <td height="20" width="155">
                        <p align="left">MyFilm</td>
                    </tr>
                    <tr>
                        <td colspan="8">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table44">
                            <tr>
                            <td><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table42">
                            <tr>
                                <td width="154" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table43">
                            <tr>
                                <td width="1"></td>
                                <td width="154" bgcolor="#000000"></td>
                            </tr>
                        </table>
                            </td>
                            <td><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table42">
                            <tr>
                                <td width="11"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table43">
                            <tr>
                                <td width="11"></td>
                            </tr>
                        </table>
                            </td>
                            <td><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table42">
                            <tr>
                                <td width="153" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table43">
                            <tr>
                                <td width="1"></td>
                                <td width="153" bgcolor="#000000"></td>
                            </tr>
                        </table>
                            </td>
                            <td><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table42">
                            <tr>
                                <td width="11"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table43">
                            <tr>
                                <td width="11"></td>
                            </tr>
                        </table>
                            </td>
                            <td><table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table42">
                            <tr>
                                <td width="154" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table43">
                            <tr>
                                <td width="1"></td>
                                <td width="154" bgcolor="#000000"></td>
                            </tr>
                        </table>
                            </td></tr>
                        
                        </td>
                    </tr></table>
                    <tr>
                        <td colspan="8" width="519">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table45">
                            <tr>
                                <td width="166" valign="top"><font>D.O.B :: 20 / 03 / 1988<br>
                                Height
                                :: 6 4窶 / 188 cm<br>
                                Weight :: 11 Stone / 70 k <br>
                                Body
                                Type :: Slim<br>
                                Status :: Single<br>
                                Orientation ::
                                Straight<br>
                                Home :: Abertillery, Gwent<br>
                                Ethnicity ::
                                White British<br>
                                Occupation :: Living Life<br>
                                Hobby ::
                                Web-designing</font></td>
                                <td width="11"></td>
                                <td width="165" valign="top"><font>Metallica<br>
                                Atreyu<br>
                                Smashing
                                Pumpkins<br>
                                Machine Head<br>
                                As I Lay Dying<br>
                                Soulfly<br>
                                Korn<br>
                                Lamb of God<br>
                                Slipknot<br>
                                Killswitch Engage</font></td>
                                <td width="11"></td>
                                <td width="166" valign="top"><font>Leon<br>
                                Man On Fire<br>
                                The Freedom
                                Writers<br>
                                Revolver<br>
                                Old School<br>
                                Severence<br>
                                Outlaw<br>
                                Snatch<br>
                                The Terminator Trilogy<br>
                                Saving Private
                                Ryan</font></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td height="20" colspan="8"></td>
                    </tr>
                </table>
                
                </td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bord_side.jpg" width="22"></td>
            </tr>
        </table>
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table9">
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" width="20"></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" width="720">
                    <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table12">
                    <tr>
                        <td height="20" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/boxes.jpg" width="11"></td>
                        <td height="20" width="709">
                        <p>MyWha?</p></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table13">
                            <tr>
                                <td width="709" bgcolor="#D40000"></td>
                                <td width="1"></td>
                            </tr>
                        </table>
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="1" id="table14">
                            <tr>
                                <td width="1"></td>
                                <td width="709" bgcolor="#000000"></td>
                            </tr>
                            <tr>
                                <td width="720" height="3" colspan="2"></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table25">
                            <tr>
                                <td width="435" height="270">
                                <div style="visibility:visible; width:435;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.greatprofilemusic.com/mc/mp3player-othersite.swf?config=http://www.greatprofilemusic.com/mc/config/config_red.xml&mywidth=435&myheight=270&playlist_url=http://www.greatprofilemusic.com/loadplaylist.php?playlist=11513415" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/></div>
                                <td width="15"></td>
                                <td width="270" height="270"><img border="0" src="http://www.fea-clan.com/misc/myspace/extremegimp/images/piccy_big.jpg" width="270" height="270"></td>
                            </tr>
                            <tr>
                                <td width="720" colspan="3" align="center">
                                <font>Best Viewed In Internet
                                Explorer 7 :: Resolution 1024x768 Or Higher<br>
                                Designed And Coded By Grant Murray</font></td>
                            </tr>
                        </table>
                        <font>
                        </font></td>
                    </tr>
                </table></td>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bord_side.jpg" width="22"></td>
            </tr>
        </table>
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table10">
            <tr>
                <td width="20" height="12" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg"></td>
                <td height="12" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_con.jpg" width="720"></td>
                <td width="22" height="12" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bord_side.jpg"></td>
            </tr>
        </table>
        <table border="0" width="100%" cellspacing="0" cellpadding="0" id="table11">
            <tr>
                <td width="20" height="9" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bot_left.jpg"></td>
                <td height="9" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bord_bot.jpg" width="720"></td>
                <td width="22" height="9" background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bot_right.jpg"></td>
            </tr>
        </table>
        </td>
        <td align="center" valign="top">
        <table border="0" width="100%" id="table5" cellspacing="0" cellpadding="0">
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bg_top.jpg" height="140"></td>
            </tr>
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bar.jpg" height="11"></td>
            </tr>
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/red.jpg" height="279"></td>
            </tr>
            <tr>
                <td background="http://www.fea-clan.com/misc/myspace/extremegimp/images/bar.jpg" height="11"></td>
            </tr>
            </table>
        <p>&nbsp;</td>
    </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="10" id="table4">
    <tr>
        <td></td>
    </tr>
</table>

</body>


This is what itlooks like when it works : http://www.fea-clan.com/misc/myspace/extremegimp/ (Its hosted on my gaming clans web server.. which I'm admin of...)
 

Posts in this topic


Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: