WebSite X5Help Center

 
Frate F.
Frate F.
User

Bordi table non visibili  it

Autor: Frate F.
Besucht 1595, Followers 2, Geteilt 0  

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

Gepostet am
14 ANTWORTEN - 1 NüTZLICH
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... forse avrai qualche regola nella pagina che prende priorità su quel codice...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Frate F.
Frate F.
User
Autor
  1. Nella pagina c'è solo qiel codice + quello di default che inserisce website
  2. Ho fatto un reset di tutto prima del mio codice

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

Mehr lesen
Gepostet am von Frate F.
Esse Di
Esse Di
User

Sostituisci il tuo tag table con

<table style="border: 5px solid; border-collapse: collapse; border-color: black grey grey black;"

Mehr lesen
Gepostet am von Esse Di
Esse Di
Esse Di
User
Esse Di
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;

Mehr lesen
Gepostet am von Esse Di
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Frate F.
Nella pagina c'è solo qiel codice + quello di default che inserisce website Ho fatto un reset di tutto prima del mio codice 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

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 lemonsong  
 lemonsong  
User

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.

Mehr lesen
Gepostet am von  lemonsong  
Esse Di
Esse Di
User

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

Mehr lesen
Gepostet am von Esse Di
 lemonsong  
 lemonsong  
User

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

Mehr lesen
Gepostet am von  lemonsong  
Frate F.
Frate F.
User
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

Mehr lesen
Gepostet am von Frate F.
Frate F.
Frate F.
User
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!

Mehr lesen
Gepostet am von Frate F.
Frate F.
Frate F.
User
Autor

il link della pagina html non funziona quello giusto è QUESTO

Mehr lesen
Gepostet am von Frate F.
Frate F.
Frate F.
User
Autor

Ho risolto aggiungendo un css nella sezione esperto

Grazie

Mehr lesen
Gepostet am von Frate F.
Esse Di
Esse Di
User
Frate F.
il link della pagina html non funziona quello giusto è QUESTO

In quella pagina non vedo traccia del mio codice

Comunque hai utilizzato la soluzione migliore

Frate F.

Ho risolto aggiungendo un css nella sezione esperto

Grazie

Mehr lesen
Gepostet am von Esse Di