• User Attivo

    Problema CSS MySpace

    Ecco...

    Io ho scaricato un layout per MySpace che visto con FireFox è carino...tutte le tabelle apposto, tutto sistemato...

    Con IE fa schifo! 😄

    Ora, qualche amico sta cercando di aiutarmi (dicendomi che gli !important non vengono visti da IE e quindi rimettere tt le altezze, larghezze ecc...ma se ne continua a fregare 😄

    Qualcuno può darmi una mano?

    L'indirizzo è questo: www.myspace.com/misscontaminando

    Se volete vi invio pure il css non ho problemi 😄


  • User Attivo

    Ciao JennyM,
    se posti il css mi faresti un bel favore, che da MySpace non sono sicuro di indovinare quello giusto (ce ne sono 5).

    Comunque si, !important è ignorato da IE, e quindi se lo usi andrebbe progettata la cascata del foglio di stile di conseguenza:

    attributoA: x !important: /* per tutti i browser /
    attributoA: y; /
    per IE */

    :ciauz:


  • User Attivo

    [html] <style type="text/css">
    .mygen { Created using MyGen 2.5 - www.mygen.co.uk }

    .mygen { Background Properties }
    table, tr, td { background-color:transparent; border:none; border-width:0;}
    body {
    background-color:000000;
    background-attachment: fixed;
    background-position:top left;
    background-repeat:no-repeat;
    border-color:22CCCC;
    border-width:2px ;
    border-style: solid;
    scrollbar-face-color:000000;
    scrollbar-highlight-color:FFFFFF;
    scrollbar-3dlight-color:FFFFFF;
    scrollbar-shadow-color:22CCCC;
    scrollbar-darkshadow-color:22CCCC;
    scrollbar-arrow-color:22CCCC;
    scrollbar-track-color:000000;
    }

    .mygen { Table Properties }
    table table { border: 0px }
    table table table table{border:0px}
    table table table {
    border-style:solid;
    border-width:2px;
    border-color:22CCCC;
    background-color:transparent;
    }

    .mygen { Text Properties }
    table, tr, td, li, p, div { color:FFFFFF; }
    .btext { color:FFFFFF; }
    .blacktext10 { color:FFFFFF; }
    .blacktext12 { color:FFFFFF; }
    .lightbluetext8 { color:FFFFFF; }
    .orangetext15 { color:FFFFFF; }
    .redtext { color:22CCCC; }
    .redbtext { color:22CCCC; }
    .text { color:FFFFFF; }
    .whitetext12 { color:FFFFFF; }
    a:active, a:visited, a:link { color:22CCCC; }
    a:hover { color:22CCCC; }
    a.navbar:active, a.navbar:visited, a.navbar:link { color:22CCCC; }
    a.navbar:hover { color:22CCCC; }
    a.redlink:active, a.redlink:visited, a.redlink:link { color:22CCCC; }
    a.redlink:hover { color:22CCCC; }
    .nametext { color:FFFFFF; }

    .mygen { Miscellaneous Properties }
    img { filter:none;}
    a:link img { filter:none;}
    a:hover img { filter:none;}

    .contactTable { width:300px !important; height:150px !important; width:300px; height:150px; background-image:url("http://www.mypsace.org/Layouts_2/Girly/Stars/Stars_10/contact.jpg"); background-repeat:no-repeat;
    background-color:transparent;
    background-attachment:scroll;
    background-position:center center; padding:0px !important;}
    .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important;}
    .contactTable a {display:block; height:28px; width:115px;}
    .contactTable a img {visibility:hidden; border:0px !important; border:0px;} .contactTable .text {font-size:1px !important;}

    table table table td.text div img {visibility:hidden;}
    table table table td.text div {background-image:url("http://c.myspace.com/Groups/00007/70/14/7834107_m.gif");background-repeat:no-repeat;}table table table td.text table table div img {visibility:visible;}
    table table td.text table div, table table table td.text table div {background-image:none;}

    .MCT:active { content: "Online Now! by MCT @ http://myspace.com/contacttables"; }
    a .text
    {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    }
    body{ background-image: url("http://www.myspcace.net/MyPsace/Layouts_2/Girly/Stars/Stars_10/bg.jpg");
    .contactTable{width:300px !important;height:150px !important;padding:0px !important; background-image:url("http://www.myspcace.net/MyPsace/Layouts_2/Girly/Stars/Stars_10/contact.jpg");background-attachment:scroll;background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;}
    .contactTable table, table.contactTable td {padding:0px !important; border:0px;
    background-color:transparent;background-image:none;}
    .contactTable a img {visibility:hidden;border:0px !important;}
    .contactTable a {display:block; height:28px; width:115px;}
    .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a,
    .contactTable img {filter:none !important;} </style>[/html]

    E' compilato MALISSIMO...mi dispiace... 😢


  • User Attivo

    @JennyM said:

    è compilato MALISSIMO...mi dispiace... 😢

    😄

    Ascolta il problema è questo, se per esempio:

    [html].contactTable { width:300px !important; height:150px !important; width:300px; height:150px; background-image:url("http://www.mypsace.org/Layouts_2/Girly/Stars/Stars_10/contact.jpg"); background-repeat:no-repeat;
    background-color:transparent;
    background-attachment:scroll;background-position:center center; padding:0px !important;}[/html]

    e dopo, nello stesso foglio di stile, o in un altro, viene ridefinito .contactTable con un height/width diverso, Internet Explorer prenderà per buono quest'ultimo.
    Ho visto che ci sono bene 5 fogli di stile, io non so come funziona mySpace però se puoi dovresti fare in modo di richiamare questo CSS per ultimo rispetto agli altri, cosìcchè anche CSS prenda i valori giusti degli attributi. Potrebbe risolverti subito il problema.

    Se invece no, beh, ritorna e proviamo un altra strada 🙂

    :ciauz:


  • User Attivo

    Ho visto ora che width e height nell'esempio li hai ridefiniti subito dopo (ma solo su questo).

    L'esempio vale lo stesso però per tutti gli elementi con !important.


  • User Attivo

    Comunque il CSS non l'ho compilato io... 😄 scaricato da un sito...

    Fatemi capire devo fare la copia del foglio di stile CSS ma senza gli !important..

    ...Giusto?


  • User Attivo

    Devi fare in modo che gli attributi !important che vuoi che legga anche IE, siano dichiarati per ultimi (così sei sicura che non vengano sovrascritti da altre dichiarazioni).


  • User Attivo

    Ho copiato questo codice:

    [html]
    <style type="text/css">
    .mygen { Created using MyGen 2.5 - www.mygen.co.uk }

    .mygen { Background Properties }
    table, tr, td { background-color:transparent; border:none; border-width:0;}
    body {
    background-color:000000;
    background-attachment: fixed;
    background-position:top left;
    background-repeat:no-repeat;
    border-color:22CCCC;
    border-width:2px ;
    border-style: solid;
    scrollbar-face-color:000000;
    scrollbar-highlight-color:FFFFFF;
    scrollbar-3dlight-color:FFFFFF;
    scrollbar-shadow-color:22CCCC;
    scrollbar-darkshadow-color:22CCCC;
    scrollbar-arrow-color:22CCCC;
    scrollbar-track-color:000000;
    }

    .mygen { Table Properties }
    table table { border: 0px }
    table table table table{border:0px}
    table table table {
    border-style:solid;
    border-width:2px;
    border-color:22CCCC;
    background-color:transparent;
    }

    .mygen { Text Properties }
    table, tr, td, li, p, div { color:FFFFFF; }
    .btext { color:FFFFFF; }
    .blacktext10 { color:FFFFFF; }
    .blacktext12 { color:FFFFFF; }
    .lightbluetext8 { color:FFFFFF; }
    .orangetext15 { color:FFFFFF; }
    .redtext { color:22CCCC; }
    .redbtext { color:22CCCC; }
    .text { color:FFFFFF; }
    .whitetext12 { color:FFFFFF; }
    a:active, a:visited, a:link { color:22CCCC; }
    a:hover { color:22CCCC; }
    a.navbar:active, a.navbar:visited, a.navbar:link { color:22CCCC; }
    a.navbar:hover { color:22CCCC; }
    a.redlink:active, a.redlink:visited, a.redlink:link { color:22CCCC; }
    a.redlink:hover { color:22CCCC; }
    .nametext { color:FFFFFF; }

    .mygen { Miscellaneous Properties }
    img { filter:none;}
    a:link img { filter:none;}
    a:hover img { filter:none;}

    .contactTable { width:300px; height:150px; width:300px; height:150px; background-image:url("http://www.mypsace.org/Layouts_2/Girly/Stars/Stars_10/contact.jpg"); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px; padding:0px;} .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px; padding:0px;} .contactTable a {display:block; height:28px; width:115px;} .contactTable a img {visibility:hidden; border:0px; border:0px;} .contactTable .text {font-size:1px;}

    table table table td.text div img {visibility:hidden;}
    table table table td.text div {background-image:url("http://c.myspace.com/Groups/00007/70/14/7834107_m.gif");background-repeat:no-repeat;}table table table td.text table table div img {visibility:visible;}
    table table td.text table div, table table table td.text table div {background-image:none;}

    .MCT:active { content: "Online Now! by MCT @ http://myspace.com/contacttables"; }
    a .text
    {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    }
    body{ background-image: url("http://www.myspcace.net/MyPsace/Layouts_2/Girly/Stars/Stars_10/bg.jpg");
    .contactTable{width:300px;height:150px;padding:0px; width:149px; height:150px; padding:0px; background-image:url("http://www.myspcace.net/MyPsace/Layouts_2/Girly/Stars/Stars_10/contact.jpg");
    background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-color:transparent;}
    .contactTable table, table.contactTable td {padding:0px; padding:0px; border:0px;background-color:transparent;background-image:none;} .contactTable a img {visibility:hidden;border:0px;}
    .contactTable a {display:block; height:28px; width:115px;}
    .contactTable .text {font-size:1px;} .contactTable .text,
    .contactTable a,
    .contactTable img {filter:none;} </style>[/html]
    Praticamente tolto gli !importan e aggiunto infondo al foglio di stile con gli !important...

    Non gliene frega niente 😢 continua a darmelo sballato!


  • User Attivo

    Il contrario: prima gli important e poi quelli normali. 🙂


  • User Attivo

    Idem uguale 😞


  • User Attivo

    Quali sono esattamente le cose che si vedono male su IE?


  • User Attivo

    Rimangono intatte solo le tabelle del profilo (con la foto e le informazioni generali) e la contact table.

    L'altra diventa una unica tabella sotto e fa schifo!

    L'indirizzo è questo, puoi verificare da solo www.myspace.com/misscontaminando 😉