Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE and Firefox Help???

    Iv just signed up to this forum as I have seen the effort people put in to help eachother and hopefully one day I can do the same so I'd like to start off by saying hi to everyone. At this present time I have a problem. I have already looked through previous threads and so on but have not found a solution as I am not very experienced.

    http://www.myspace.com/tbozdesign

    Above is my myspace that is viewed perfectly in IE7 but in Mozilla Firefox the pics and links are everywhere and I dont know why or how.

    Below is the coding I use to see if anyone notices problems that I have not:

    About Me Section:
    Code:
    <style type="text/css">
    form>img#googletlogo
    {
    background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
    background-repeat: no-repeat;
    }
    #googletlogo
    {
    vertical-align:bottom;
    width:120px;
    height:30px;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingmethod='image');
    }
    table table table td {vertical-align:top ! important;}
    span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url(http://img391.imageshack.us/img391/7007/untitled3jw1.jpg);background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:450px; height:364px; display:block !important; }
    span.blacktext12 img {display:none;}
    table table table {visibility:hidden;}
    td.text table {visibility:visible;}
    .latestblogentry {display:none;}
    body div td td {height:476px; vertical-align:bottom; background-image:url("http://img408.imageshack.us/img408/7778/untitled2bu2.jpg "); background-repeat:no-repeat; background-position:center top;}
    .rid td td,
    td.text div td td {background-color:068aa4; height:auto;}
    note {reduce font metrics to tighten up top of screen... apply background color... apply ie-only background image if desired}
    .mygen { background properties }
    table, tr, td { background-color:transparent; border:none; border-width:0;}
    body {
    background-color:transparent;
    background-image:url("http://img390.imageshack.us/img390/4294/bgfm9.jpg ");
    background-attachment: fixed;
    background-position:center center;
    background-repeat:no-repeat;
    }
    .main { position:absolute; left:50%; top:210px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
    .main { position:absolute; left:48%; top:192px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
    .mygen { created using mygen 2.5 - www.mygen.co.uk }
    <br/>
    note {apply better spacing to paragraphs}
    p {color:none;margin: 0px 0px 1em 0px; font-family: , arial, sans-serif !important;
    font-weight: normal;
    font-style: normal;
    }
    note {set standard color and style for links}
    a, a:link, a:visited {color:000000;text-decoration:none;}
    a:hover {color:000000;text-decoration:underline;}
    note {brought to you by the images without borders coalition}
    img {border: none}
    note {set the br height to create a vertical space between modules which is equal to the horizontal space between columns... gotta keep the grid tidy}
    br {line-height: 20px;}
    note {apply standard form-taming}
    form {border-width:0px;background-color:transparent;}
    input {color:none;background-color:transparent !important}
    note {shifts banner ad over by a few pixels to re-center it}
    body>div {margin-left: 5px;}
    note {zeros out messed up colors and spacing that are inherent to most myspace tables}
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    note {these are your standard content modules... apply desired background color}
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    table table table table td {padding:0px;margin:0px;}
    note {pushes your content down to make room for the masthead}
    body table {margin-top:0px;}
    body td table, body div table {margin-top: 0;}
    note {sets default style for topnav/bottomnav text}
    font {color:ffffff;font-size:10px}
    a font:hover {color:ffeb35;text-decoration:underline;}
    a.navbar:link, a.navbar:visited {color:ffeb35;text-decoration:none;}
    a.navbar:hover {color:ffeb35;text-decoration:underline;}
    table tr td table tr td font {display: inline;}
    table tr td table a.navbar {font-size: 10px;}
    note {sets default color for most text on the page}
    .text {color:000000;font-size:8px}
    a.text:link, a.text:visited {color:e81b1b;text-decoration:none;}
    a.text:hover {color:e81b1b;text-decoration:underline;}
    note {your "contact me" table... replace existing crap
    buttons with custom image}
    .contacttable {width: 328px !important;}
    .contacttable td {padding: 0px; margin: 0px; text-align: center;}
    .contacttable span.whitetext12 {position: relative; left: 10px;}
    .contacttable td table {background-color: transparent; background-image: url(http://                 .gif); background-position: center; background-repeat: no-repeat;}
    .contacttable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
    .contacttable a img, .contacttable img {border: 0px; display: none; visibility: hidden;}
    note {stretches url box out for ie}
    table tr td table tr td table tr td div strong {display: block; width: 270px;}
    note {these are the headlines on the left side modules}
    }
    .mygen { text properties }
    table, tr, td, li, p, div { font-family:arial; color:000000;      }
    .btext { font-family:arial; color:000000;      }
    .blacktext10 { font-family:arial; color:000000;      }
    .blacktext12 { font-family:arial; color:000000;      }
    .lightbluetext8 { font-family:arial; color:000000;      }
    .orangetext15 { font-family:arial; color:000000;      }
    .redtext { font-family:arial; color:000000;      }
    .redbtext { font-family:arial; color:000000;      }
    .text { font-family:arial; color:000000;      }
    .whitetext12 { font-family:arial; color:000000;      }
    a:active, a:visited, a:link { font-family:arial; color:000000;      }
    a:hover { font-family:arial; color:000000;      }
    a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:000000;      }
    a.navbar:hover { font-family:arial; color:000000;      }
    a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:000000;      }
    a.redlink:hover { font-family:arial; color:000000;      }
    .nametext { font-family:arial; color:ffffff;      }
    .mygen { miscellaneous properties }
    div table tr td font {visibility:hidden;}
    div table table tr td font {visibility:visible;}
    tr {background:transparent;}
    body table div font a, body table div div {visbility:hidden;}
    body table table div font a, body table table div div {visibility:visible;}
    a .text
    {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    }
    table tbody td table tbody tr td.text table {visibility:hidden;}
    table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
    note {this is the text in the "... is in your extended network" box}
    .blacktext12 {color:ffffff;font-size:10px; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; display: block; margin-top: 14px;
    text-transform: uppercase;
    text-align: left;
    }
    note {"latest blog entry" and "___ has this many friends" headlines}
    .btext {color:000000; font-size: 10px; margin: 14px 0px 4px 0px; padding: 16px 0px 3px; display: block; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; text-align: left; border-width: 0px 0px 3px 0px; border-style: none; border-color: none;
    text-transform: uppercase;
    border-bottom-width: 3px;
    border-bottom-color: ..fff;
    }
    note {all other headlines in right column modules}
    .orangetext15 {color:ffffff; font-size: 10px; margin: 14px 0px 4px 0px; padding: 8px 0px 3px; text-align: left; display: block; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: none; border-color: none; width: 372px;
    text-transform: uppercase;
    border-bottom-width: 3px;
    border-bottom-color: ..fff;
    }
    note {bold text on left side in "interests" and "details" modules}
    .lightbluetext8 {color:000000}
    note {span which contains your number of friends}
    .redtext,.redbtext {color:000000; font-family: helvetica, verdana, arial, sans-serif; font-size: 10px; font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    }
    note {text for "view all of ____'s friends"}
    a.redlink:link {color:ffed45; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: none; border-color: d7c59f; padding-top: 3px;}
    a.redlink:visited {color:ffed45}
    a.redlink:hover {color:ffed45;text-decoration:underline;}
    note {removes lame underlines on footer links}
    u {text-decoration: none; font-size: 10px;}
    tr..member {
    color:000000;
    }
    table tr td table tr td table tr td table tr td table tr td div strong {
    color: none;
    }
    table tr td table tr td table tr td table tr td div {
    color: none;
    }
    table tr td table tr td.text table tr td {
    color: none;
    }
    table tr td table tr td table tr td table tr td {
    color:none;
    }
    note {here, we basically undo a bunch of crap we had to do to get ie to play nice}
    .whitetext12{width: auto}
    .contacttable {
    width: auto !important;
    }
    .contacttable span.whitetext12 {
    left: 0;
    }
    .orangetext15 {width: auto;}
    table table table td{padding: 0;}
    table table table {
    padding: 0 14px 14px 14px;
    border-color: none;
    }
    table table table {max-width: 400px;}
    .nametext {
    height: 18px;
    width: auto;
    }
    table tr td table tr td table tr td div strong {
    display: inline;
    width: auto;
    }
    table..musicnav tr td {
    color:none;
    }
    body, html {visibility:visible !important; display:block !important}
    a .text
    {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    }
    div.topbanner {
    position: absolute;
    top: 20;
    left: 50%;
    margin-left: -401px;
    width: 802px;
    height: 184px;
    .main { position:absolute; left:47%; top:670px; width:321px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
    .commentlinks a { font-weight:normal; font-size:9px; }
    a .text
    {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    }
    body, html {visibility:visible !important; display:block !important}
    table table table td {vertical-align:top ! important;}
    span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url(http://img391.imageshack.us/img391/7007/untitled3jw1.jpg);background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:450px; height:364px; display:block !important; }
    span.blacktext12 img {display:none;}
    table table table {visibility:hidden;}
    td.text table {visibility:visible;}
    .latestblogentry {display:none;}
    
    
    
    .picture {
    background-color:none;
    border:0px;
    text-align:center;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:656px;
    z-index:2;
    }
    a.link1:active, a.link1:visited, a.link1:link {
    font-size:0px;
    font-weight:bold;
    font-family:helvetica;
    color:ffffff;
    }
    a.link1:hover {
    color:white;
    }
    
    .buttons {
    width:195px;
    background-color:none;
    border:0px;
    padding:0px;
    text-align:none;
    }
    
    .messageme {
    height:67px;
    width:195px;
    position:absolute;
    left:50%;
    top: 1092px;
    margin-left:-55px;
    z-index:2;
    }
    .addme {
    height:67px;
    width:138px;
    position:absolute;
    left:50%;
    top: 1092px;
    margin-left:125px;
    z-index:2;
    }
    .blockme {
    height:67px;
    width:138px;
    position:absolute;
    left:50%;
    top: 1092px;
    margin-left:250px;
    z-index:2;
    }
    
    
    
    .divider {
    background-image:url('http://img398.imageshack.us/img398/8403/dividersx4.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:1080px;
    z-index:2;
    width:760px;
    height:2px;
    }
    
    
    .divider2 {
    background-image:url('http://img398.imageshack.us/img398/8403/dividersx4.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:90px;
    z-index:2;
    width:760px;
    height:2px;
    }
    
    .comments{
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:70px;
    top:20px;
    z-index:2;
    width:220px;
    height:100px;
    }
    
    
    
    .myspacesidesigned{
    background-image:url('http://img465.imageshack.us/img465/2002/myspacesidesignedrr7.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:10px;
    z-index:2;
    width:300px;
    height:113px;
    }
    
    
    .natz2nice{
    background-image:url('http://img151.imageshack.us/img151/2582/natz2niceil7.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:120px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .cookie{
    background-image:url('http://img299.imageshack.us/img299/6661/cookieuv4.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:220px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .griminal{
    background-image:url('http://img382.imageshack.us/img382/3832/griminalfe7.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:320px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .natch{
    background-image:url('http://img263.imageshack.us/img263/2687/natchpm1.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:420px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .maveric{
    background-image:url('http://img263.imageshack.us/img263/7113/mavericmg2.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:520px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    </style>
    Who I'd Like To Meet Section:
    Code:
    <div class="picture"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJpZW5kSUQ9MTg1NDEzNjQ0JmFsYnVtSWQ9MA==" class="link1"><img src="http://img225.imageshack.us/img225/7663/untitled1copycopytd8.jpg"></div>
    
    
    
    <div class="messageme buttons"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xODU0MTM2NDQ==" class="link1"><img src="http://img264.imageshack.us/img264/2361/messro8.jpg"></div>
    <div class="addme buttons"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTE4NTQxMzY0NA==" class="link1"><img src="http://img391.imageshack.us/img391/5631/addpm3.jpg"></div>
    <div class="blockme buttons"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWJsb2NrLmZlZWRiYWNrJnVzZXJJRD0xODU0MTM2NDQ=="><img src="http://img390.imageshack.us/img390/2079/blockem9.jpg"></div>
    
    
    
    <div class="divider"><img src="http://img398.imageshack.us/img398/8403/dividersx4.jpg">
    <div class="divider2"><img src="http://img398.imageshack.us/img398/8403/dividersx4.jpg">
    
    
    
    
    
    <div class="comments"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="185413644"><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:white!important; background-image: url(http://img382.imageshack.us/img382/4967/commentkm5.jpg); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:2px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:14px!important; color:&#035;000000!important; width:220px!important; height:100px!important; "></textarea><br><input type="submit" value="Submit"><input type="reset" value="Clear"></form></div>
    
    
    <div class="myspacesidesigned"><img src="http://img465.imageshack.us/img465/2002/myspacesidesignedrr7.jpg">
    <div class="natz2nice"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL25hdHoybmljZQ=="><img src="http://img151.imageshack.us/img151/2582/natz2niceil7.jpg"></div>
    <div class="cookie"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2Nvb2tzZw=="><img src="http://img299.imageshack.us/img299/6661/cookieuv4.jpg"></div>
    <div class="griminal"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2dyaW1pbmFsbWM="><img src="http://img382.imageshack.us/img382/3832/griminalfe7.jpg"></div>
    <div class="natch"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL25hdGNobjE1"><img src="http://img263.imageshack.us/img263/2687/natchpm1.jpg"></div>
    <div class="maveric"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL21hdmVyaWMx"><img src="http://img263.imageshack.us/img263/7113/mavericmg2.jpg"></div>
    Can anyone help me out I would greatly appreciate it.

    Thanks in advance.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I am not in this class on programming, but I notice that you do not appear to have doctype as the first line of your code.

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    something like this.

    The browser won't know how to treat your code otherwise,

    Advice on Doctypes at the head of the CodingForums page.

    Frank - alias effpeetee
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    So would I put that into the style tags (first line) or before the style tags?

  • #4
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    The doctype goes at the very top of your HTML page (above the CSS, it should be the first thing on your page), not the CSS and is needed in order to render your page in standards compliance mode, which will make things very much easier for you in terms of browser compliancy.
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #5
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok did that but still hasnt changed the layout of it on firefox. My About Me Section now looks like this (with the doctype added):

    Code:
    ..DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    
    <style type="text/css">
    
    form>img#googletlogo
    {
    background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
    background-repeat: no-repeat;
    }
    #googletlogo
    {
    vertical-align:bottom;
    width:120px;
    height:30px;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingmethod='image');
    }
    table table table td {vertical-align:top ! important;}
    span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url(http://img391.imageshack.us/img391/7007/untitled3jw1.jpg);background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:450px; height:364px; display:block !important; }
    span.blacktext12 img {display:none;}
    table table table {visibility:hidden;}
    td.text table {visibility:visible;}
    .latestblogentry {display:none;}
    body div td td {height:476px; vertical-align:bottom; background-image:url("http://img408.imageshack.us/img408/7778/untitled2bu2.jpg "); background-repeat:no-repeat; background-position:center top;}
    .rid td td,
    td.text div td td {background-color:068aa4; height:auto;}
    note {reduce font metrics to tighten up top of screen... apply background color... apply ie-only background image if desired}
    .mygen { background properties }
    table, tr, td { background-color:transparent; border:none; border-width:0;}
    body {
    background-color:transparent;
    background-image:url("http://img390.imageshack.us/img390/4294/bgfm9.jpg ");
    background-attachment: fixed;
    background-position:center center;
    background-repeat:no-repeat;
    }
    .main { position:absolute; left:50%; top:210px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
    .main { position:absolute; left:48%; top:192px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
    .mygen { created using mygen 2.5 - www.mygen.co.uk }
    <br/>
    note {apply better spacing to paragraphs}
    p {color:none;margin: 0px 0px 1em 0px; font-family: , arial, sans-serif !important;
    font-weight: normal;
    font-style: normal;
    }
    note {set standard color and style for links}
    a, a:link, a:visited {color:000000;text-decoration:none;}
    a:hover {color:000000;text-decoration:underline;}
    note {brought to you by the images without borders coalition}
    img {border: none}
    note {set the br height to create a vertical space between modules which is equal to the horizontal space between columns... gotta keep the grid tidy}
    br {line-height: 20px;}
    note {apply standard form-taming}
    form {border-width:0px;background-color:transparent;}
    input {color:none;background-color:transparent !important}
    note {shifts banner ad over by a few pixels to re-center it}
    body>div {margin-left: 5px;}
    note {zeros out messed up colors and spacing that are inherent to most myspace tables}
    table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
    table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
    note {these are your standard content modules... apply desired background color}
    table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
    table table table table td {padding:0px;margin:0px;}
    note {pushes your content down to make room for the masthead}
    body table {margin-top:0px;}
    body td table, body div table {margin-top: 0;}
    note {sets default style for topnav/bottomnav text}
    font {color:ffffff;font-size:10px}
    a font:hover {color:ffeb35;text-decoration:underline;}
    a.navbar:link, a.navbar:visited {color:ffeb35;text-decoration:none;}
    a.navbar:hover {color:ffeb35;text-decoration:underline;}
    table tr td table tr td font {display: inline;}
    table tr td table a.navbar {font-size: 10px;}
    note {sets default color for most text on the page}
    .text {color:000000;font-size:8px}
    a.text:link, a.text:visited {color:e81b1b;text-decoration:none;}
    a.text:hover {color:e81b1b;text-decoration:underline;}
    note {your "contact me" table... replace existing crap
    buttons with custom image}
    .contacttable {width: 328px !important;}
    .contacttable td {padding: 0px; margin: 0px; text-align: center;}
    .contacttable span.whitetext12 {position: relative; left: 10px;}
    .contacttable td table {background-color: transparent; background-image: url(http://                 .gif); background-position: center; background-repeat: no-repeat;}
    .contacttable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
    .contacttable a img, .contacttable img {border: 0px; display: none; visibility: hidden;}
    note {stretches url box out for ie}
    table tr td table tr td table tr td div strong {display: block; width: 270px;}
    note {these are the headlines on the left side modules}
    }
    .mygen { text properties }
    table, tr, td, li, p, div { font-family:arial; color:000000;      }
    .btext { font-family:arial; color:000000;      }
    .blacktext10 { font-family:arial; color:000000;      }
    .blacktext12 { font-family:arial; color:000000;      }
    .lightbluetext8 { font-family:arial; color:000000;      }
    .orangetext15 { font-family:arial; color:000000;      }
    .redtext { font-family:arial; color:000000;      }
    .redbtext { font-family:arial; color:000000;      }
    .text { font-family:arial; color:000000;      }
    .whitetext12 { font-family:arial; color:000000;      }
    a:active, a:visited, a:link { font-family:arial; color:000000;      }
    a:hover { font-family:arial; color:000000;      }
    a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:000000;      }
    a.navbar:hover { font-family:arial; color:000000;      }
    a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:000000;      }
    a.redlink:hover { font-family:arial; color:000000;      }
    .nametext { font-family:arial; color:ffffff;      }
    .mygen { miscellaneous properties }
    div table tr td font {visibility:hidden;}
    div table table tr td font {visibility:visible;}
    tr {background:transparent;}
    body table div font a, body table div div {visbility:hidden;}
    body table table div font a, body table table div div {visibility:visible;}
    a .text
    {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    }
    table tbody td table tbody tr td.text table {visibility:hidden;}
    table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
    note {this is the text in the "... is in your extended network" box}
    .blacktext12 {color:ffffff;font-size:10px; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; display: block; margin-top: 14px;
    text-transform: uppercase;
    text-align: left;
    }
    note {"latest blog entry" and "___ has this many friends" headlines}
    .btext {color:000000; font-size: 10px; margin: 14px 0px 4px 0px; padding: 16px 0px 3px; display: block; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; text-align: left; border-width: 0px 0px 3px 0px; border-style: none; border-color: none;
    text-transform: uppercase;
    border-bottom-width: 3px;
    border-bottom-color: ..fff;
    }
    note {all other headlines in right column modules}
    .orangetext15 {color:ffffff; font-size: 10px; margin: 14px 0px 4px 0px; padding: 8px 0px 3px; text-align: left; display: block; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: none; border-color: none; width: 372px;
    text-transform: uppercase;
    border-bottom-width: 3px;
    border-bottom-color: ..fff;
    }
    note {bold text on left side in "interests" and "details" modules}
    .lightbluetext8 {color:000000}
    note {span which contains your number of friends}
    .redtext,.redbtext {color:000000; font-family: helvetica, verdana, arial, sans-serif; font-size: 10px; font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    }
    note {text for "view all of ____'s friends"}
    a.redlink:link {color:ffed45; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: none; border-color: d7c59f; padding-top: 3px;}
    a.redlink:visited {color:ffed45}
    a.redlink:hover {color:ffed45;text-decoration:underline;}
    note {removes lame underlines on footer links}
    u {text-decoration: none; font-size: 10px;}
    tr..member {
    color:000000;
    }
    table tr td table tr td table tr td table tr td table tr td div strong {
    color: none;
    }
    table tr td table tr td table tr td table tr td div {
    color: none;
    }
    table tr td table tr td.text table tr td {
    color: none;
    }
    table tr td table tr td table tr td table tr td {
    color:none;
    }
    note {here, we basically undo a bunch of crap we had to do to get ie to play nice}
    .whitetext12{width: auto}
    .contacttable {
    width: auto !important;
    }
    .contacttable span.whitetext12 {
    left: 0;
    }
    .orangetext15 {width: auto;}
    table table table td{padding: 0;}
    table table table {
    padding: 0 14px 14px 14px;
    border-color: none;
    }
    table table table {max-width: 400px;}
    .nametext {
    height: 18px;
    width: auto;
    }
    table tr td table tr td table tr td div strong {
    display: inline;
    width: auto;
    }
    table..musicnav tr td {
    color:none;
    }
    body, html {visibility:visible !important; display:block !important}
    a .text
    {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    }
    div.topbanner {
    position: absolute;
    top: 20;
    left: 50%;
    margin-left: -401px;
    width: 802px;
    height: 184px;
    .main { position:absolute; left:47%; top:670px; width:321px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
    .commentlinks a { font-weight:normal; font-size:9px; }
    a .text
    {
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    }
    body, html {visibility:visible !important; display:block !important}
    table table table td {vertical-align:top ! important;}
    span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:url(http://img391.imageshack.us/img391/7007/untitled3jw1.jpg);background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:450px; height:364px; display:block !important; }
    span.blacktext12 img {display:none;}
    table table table {visibility:hidden;}
    td.text table {visibility:visible;}
    .latestblogentry {display:none;}
    
    
    
    .picture {
    background-color:none;
    border:0px;
    text-align:center;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:656px;
    z-index:2;
    }
    a.link1:active, a.link1:visited, a.link1:link {
    font-size:0px;
    font-weight:bold;
    font-family:helvetica;
    color:ffffff;
    }
    a.link1:hover {
    color:white;
    }
    
    .buttons {
    width:195px;
    background-color:none;
    border:0px;
    padding:0px;
    text-align:none;
    }
    
    .messageme {
    height:67px;
    width:195px;
    position:absolute;
    left:50%;
    top: 1092px;
    margin-left:-55px;
    z-index:2;
    }
    .addme {
    height:67px;
    width:138px;
    position:absolute;
    left:50%;
    top: 1092px;
    margin-left:125px;
    z-index:2;
    }
    .blockme {
    height:67px;
    width:138px;
    position:absolute;
    left:50%;
    top: 1092px;
    margin-left:250px;
    z-index:2;
    }
    
    
    
    .divider {
    background-image:url('http://img398.imageshack.us/img398/8403/dividersx4.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:1080px;
    z-index:2;
    width:760px;
    height:2px;
    }
    
    
    .divider2 {
    background-image:url('http://img398.imageshack.us/img398/8403/dividersx4.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:90px;
    z-index:2;
    width:760px;
    height:2px;
    }
    
    .comments{
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:70px;
    top:20px;
    z-index:2;
    width:220px;
    height:100px;
    }
    
    
    
    .myspacesidesigned{
    background-image:url('http://img465.imageshack.us/img465/2002/myspacesidesignedrr7.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-380px;
    top:10px;
    z-index:2;
    width:300px;
    height:113px;
    }
    
    
    .natz2nice{
    background-image:url('http://img151.imageshack.us/img151/2582/natz2niceil7.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:120px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .cookie{
    background-image:url('http://img299.imageshack.us/img299/6661/cookieuv4.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:220px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .griminal{
    background-image:url('http://img382.imageshack.us/img382/3832/griminalfe7.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:320px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .natch{
    background-image:url('http://img263.imageshack.us/img263/2687/natchpm1.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:420px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    .maveric{
    background-image:url('http://img263.imageshack.us/img263/7113/mavericmg2.jpg');
    border:0px;
    font-size:0pt;
    font-weight:bold;
    color:white;
    padding: 0px;
    position:absolute;
    left:50%;
    margin-left:-142px;
    top:520px;
    z-index:2;
    width:280px;
    height:80px;
    }
    
    </style>
    The start of the doctype coding changes from <! to ... when I save the changes made. Is that ok?
    Last edited by T Boz; 07-17-2007 at 03:57 PM.

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I put the program through my validator. It is simply riddled with errors.
    I am not sufficiently competent to put them right for you. Some of them are small;
    e.g. color"aaddbb" should be color "#aaddbb" etc.

    Others are more profound.

    There is a free validator available on the W3 site.

    http://validator.w3.org/file-upload.html

    As far as I know, the style section should be in the Head section.
    Unless you have a seperate style sheet,
    Doctype-----------
    <html>
    <head>
    <title></title>
    <style type="text/css">
    CSS goes here
    </style>
    </head>

    <body>

    </body>
    </html>

    Frank
    Last edited by effpeetee; 07-17-2007 at 10:15 PM. Reason: Additional info
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #7
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Frank for your help mate but few more questions.

    How do I use that validator? Do I just put my whole stylesheet into word upload it there?

    What boxes should i tick etc.?

  • #8
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by T Boz View Post
    Thanks Frank for your help mate but few more questions.

    How do I use that validator? Do I just put my whole stylesheet into word upload it there?

    What boxes should i tick etc.?
    http://validator.w3.org/

    Here, you will find a page which lets you just enter your URL.
    It does have other options which you can select on the page.

    As I have my own validator, I don't use this one now.
    But it is very good.

    If you have trouble using it, post another thread on this site asking for help.

    Frank

    www.exitfegs.co.uk
    Last edited by effpeetee; 07-18-2007 at 08:18 AM. Reason: Giving additional info.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #9
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Still having problems with this. Have tried getting my head round the validator but im still confused. Anymore help?

  • #10
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    I hate MySpace code so much it's going to take a few more drinks before I dive in on this, but I should remind everyone that this is a MySpace profile. Therefore, there's no way to add a DOCTYPE or validate the code.

    Having valid code is a step to use when creating your own HTML pages. T-Boz isn't creating any HTML — he's adding inline CSS to a MySpace profile to customize the profile.

    @T-Boz: The article where a lot of the MySpace hacks were taken from is here: http://www.mikeindustries.com/blog/a...yspace-layouts, hopefully reading that will help a bit.

    It might be easier if you provide a screenshot of what you're going after (in case some users don't use IE 7) and keep in mind that hacking MySpace layouts is a totally different ball game than web design so a lot of users here tend to avoid it.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •