Bordi table non visibili
Autor: Frate F.In una pagina ho solo un oggetto codice con questo codice:
<br /><br />
<div align="center">
<table cellpadding="0" cellspacing="0" border="5" bordercolor="black" bordercolorlight="gray" bgcolor="white" align="center">
<tr>
<td width="55"><a href="javascript:setbutton(11)"><img src="nothing.gif" border="0" name="rc11"></a></td>
<td width="55"><a href="javascript:setbutton(12)"><img src="nothing.gif" border="0" name="rc12"></a></td>
<td width="55"><a href="javascript:setbutton(13)"><img src="nothing.gif" border="0" name="rc13"></a></td>
</tr><tr>
<td width="55"><a href="javascript:setbutton(21)"><img src="nothing.gif" border="0" name="rc21"></a></td>
<td width="55"><a href="javascript:setbutton(22)"><img src="nothing.gif" border="0" name="rc22"></a></td>
<td width="55"><a href="javascript:setbutton(23)"><img src="nothing.gif" border="0" name="rc23"></a></td>
</tr><tr>
<td width="55"><a href="javascript:setbutton(31)"><img src="nothing.gif" border="0" name="rc31"></a></td>
<td width="55"><a href="javascript:setbutton(32)"><img src="nothing.gif" border="0" name="rc32"></a></td>
<td width="55"><a href="javascript:setbutton(33)"><img src="nothing.gif" border="0" name="rc33"></a></td>
</tr></table><br>
<form name="scores">
<table cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="white">
<tr>
<td><textarea name="scores2" cols="40" rows="6" ></textarea></td>
</tr>
<tr>
<td>
<font size=1 face="verdana">
<input type="radio" name="leve0" id="leve0" onclick="setlevel(0)">Livello 0 -- Facile come giocare contro un fagiano<br>
<input type="radio" name="leve0" id="level" onclick="setlevel(1)" checked>Livello 1 -- Versione Originale <br>
<input type="radio" name="leve0" id="leve2" onclick="setlevel(2)">Livello 2 -- Potresti vincere... ma solo se inizi <br>
<input type="radio" name="leve0" id="leve3" onclick="setlevel(3)">Livello 3 -- Non vincerai mai... scommettiamo?<br>
</font>
</td>
</tr>
</table>
</form>
</div>
Quando eseguo la pagina non si vede i bordi della tabella!
Cosa può essere che inibisce la visualizzazione?
Se lo stesso codice lo metto in una normale pagina .html non da nessun problema!
Grazie
... forse avrai qualche regola nella pagina che prende priorità su quel codice...
.
https://helpcenter.websitex5.com/de/post/48782
Autor
Ma nulla da fare!
QUI c'è un esempio di un progetto nuovo pulito con solo una pagina con solo quel codice ma anche questa non funziona
Sostituisci il tuo tag table con
<table style="border: 5px solid; border-collapse: collapse; border-color: black grey grey black;"
Per centrare il contenuto aggiungi text-align: center;
... infatti, come avevo immaginato, hai il file reset.css che prende priorità sulla tabella (righe 9,18,19)...
... in teoria, lasciando la tabella così com'è, potresti tentare di risolvere con questo codice da incollare nel pannello Esperto | 3^opzione > prima della chiusura del tag /HEAD:
<style>
#imHTMLObject_01 table { border-width:6px; border-style:outset;text-align:center }
#imHTMLObject_01 table td{border:solid 1px grey; }
#imHTMLObject_01 form table { border-width:6px; border-style:outset;text-align:left}
</style>
.
E' dall'uscita della 9 che c'è quel file che resetta gli stili per uniformarli tra i vari browser. Ormai bisognerebbe averlo capito/memorizzato.
Ma, a quanto pare, ci vogliono sempre quei 4/5 post per ribadire gli stessi concetti.
"Repetita iuvant"... si fa per dire.
Scusate, perché dovrebbe aggiungere altro codice se il problema può essere risolto semplicemente sostituendo
<table cellpadding="0" cellspacing="0" border="5" bordercolor="black" bordercolorlight="gray" bgcolor="white" align="center">
con
<table style="border: 5px solid; border-collapse: collapse; border-color: black grey grey black; text-align: center;"
Chiedo per sapere se sbaglio io
No, non sbagli Esse Di. Se si può inserire/sostituire un CSS in linea va bene.
Se fossero più tabelle (con lo lo stesso stile) in più pagine allora sarebbe meglio, per praticità, assegnare una classe e scrivere i relativi CSS... ma questo lo sai già.
Autor
Grazie a tutti!
Avevo giù provato a sostituire gli stili sia nel tag table che in un css separato ma non aveva funzionato! Ma ora riprovo
Grazie ancora vi saprò dire
Autor
Come detto avevo provato il codice in linea ma non funzionava a dovere! Ora ho messo quello suggerito da Esse Di e come si può vedere QUI non si vede i bordi delle caselle! Mentre QUI che è una normale pagina .html con lo stesso codice di Esse Di, i bordi interni si vedono! Boh!
Autor
il link della pagina html non funziona quello giusto è QUESTO
Autor
Ho risolto aggiungendo un css nella sezione esperto
Grazie
In quella pagina non vedo traccia del mio codice
Comunque hai utilizzato la soluzione migliore
Ho risolto aggiungendo un css nella sezione esperto
Grazie