Problema CSS MySpace

laburno

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 */

jennym

[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...

laburno

@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

laburno

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.

jennym

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?

laburno

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).

jennym

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!

laburno

Il contrario: prima gli important e poi quelli normali.

jennym

Idem uguale

laburno

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

jennym

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