da interno a css

[lcrimail]

Sto cercando di esternalizzare gran parte del codice in file esterni css.

attualmente le impostazioni di una tabella esterna che racchiude il resto della pagina è in questo codice:

<table width="785" height="100%" border="0" cellpadding="0" cellspacing="0">

funziona.


Ho cercato di eliminare questo codice e metterlo in un css come segue:

.tabella table { width:785px; height:100%; border:0px; cellpadding:0px; cellspacing:0px;}

il risultato è che mi allarga la tabella.
Eppure le dimensioni sono le stesse.

Dove sbaglio?

[lcrimail]

un altro problema sta nel html tag del css:

html, body{ 	margin-left:0px; 	margin-right:0px; 	color: #000000; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	}

volevo aggiungere il codice:

text-decoration: none

ma non lo prende, devo per forza lasciarlo nel tag a:link:

a.link_verde:link  { font-size: 12px; font-style: normal; color: #316500; text-decoration: none}

[Myaku]

Originariamente inviato da lcrimail
Sto cercando di esternalizzare gran parte del codice in file esterni css.
Ho cercato di eliminare questo codice e metterlo in un css come segue:

.tabella table { width:785px; height:100%; border:0px; cellpadding:0px; cellspacing:0px;}

il risultato è che mi allarga la tabella.
Eppure le dimensioni sono le stesse.

Dove sbaglio?

cellpadding e cellspacing non sono proprietà css.
inoltre, dove hai applicato la classe .tabella?

[lcrimail]

L'ho applicato alla tabella più esterna.
Cosa posso utilizzare al posto di cellpadding e cellspacing?

[Myaku]

leggi qui
se le indicazioni in questo thread non ti sono utili, bisogna che ci fai vedere la differenza del "prima" e del "dopo"

[lcrimail]

Attualmente nel file della pagina web è così:

<table width="784" height="100%" border="0" cellpadding="0" cellspacing="0">

e funziona perfettamente.

Poi ho inserito nel css questo codice:

.tabella table { border-collapse:collapse; width:785px; height:100%}

ho provato anche con questo:

.tabella table { border-collapse:collapse; border-spacing:0; width:785px; height:100%}

ma il risultato è deludente, la tabella si allarga a dismisura.

nel file della pagina web naturalmente è diventato così:

<table class="tabella">

Grazie