WebSite X5Help Center

 
Frate F.
Frate F.
User

Inserimento codice HTML/CSS in scheda testo  it

Autore: Frate F.
Visite 3161, Followers 2, Condiviso 0  

Ciao

Ho ancora un piccolo problema con l'inserimento del codice esterno!

Se in una scheda Testo inserisco un codice HTML/CSS dopo aver attivato l'apposita opzione, ad esempio

<br>
<div style="background:#FFFF00;width:500px;">
.........................................
</div>
<br>

Quando visualizzo la pagina sia in anteprima sia nel browser, il tag div non si vede ma la formattazione non viene applicata.

Ho provato come in questo caso il css in linea, ho provato nel tag head, ho provato a cabiare formattazione e tag, ho provato a mettere solo quella scheda nella pagina, ma niente la formattazione non si applica.

C'è un motivo preciso per il perchè o sono io così imbranato con questo software? E dire che di siti fatti a manina senza problemi ne ho fatti da stancarmi

Grazie

Ciao

Postato il
19 RISPOSTE
 lemonsong  
 lemonsong  
User

Da sempre è consigliato, nel magico mondo di WS, di usare l'oggetto più adatto per taluni codici: l'Oggetto HTML

Il tag div, per sua natura, è un elemento di blocco e questo, in alcuni casi, "interferisce" con il codice generato da WS.

Puoi provare a scriverlo tutto su una riga, per esempio col Blocco Note, e incollarlo di nuovo nell'Oggetto Testo.

Se non funziona ancora, ti basta analizzare il sorgente per capirne il motivo.

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Embè! Usare l'oggetto codice HTML l'avevo capito anche io!

Io stò scrivendo dei tutorial sull'uso di windows e programmazione web e usavo questo software per fare prima a scrivere le pagine, ora all'interno del testo devo inserire codice che non deve essere interpretato e ho capito che ci sono vari modi nel software per formattarlo, scrivendolo però solo come testo in un oggetto testo la formattazione a disposizione non è un granchè, allora avevo iniziato ad usare un'altra scheda formattando la scheda oppure un oggetto html come da te suggerito, ma in questo modo bisogna interrompere ogni volto la scrittura di una scheda per aggiungerne un'altra e così via... In questo modo però non si risparmia tempo e un po' decade l'utilitò del software, l'ideale sarebbe poter scrivere testo e codice nella stessa scheda come dovrebbe essere possibile attivando l'opzione.

Ho capito anche che posso scrivere tutto nell'oggetto HTML, ma allora tanto valòe che progetti le pagine normalmente con la normale programmazione.

Grazie

Ciao

Leggi di più
Postato il da Frate F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... devi ragionare a quello che fai per non andare incontro in errori di codice, in genere inifluenti perchè circoscritti al DIV contenitore...

... per esempio, questa stringa è regolare:

____BLU_____|_______________ROSSO__________________|___BLU___

blu blu blu blu rosso rosso<a href="rosso.html">ROSSO </a> blu blu blu

... questa invece è irregolare:

____BLU_____|_______________ROSSO______________|_____BLU_____

blu blu blu blu rosso rosso<a href="rosso.html">ROSSO BLU </a> blu blu

____________________________________

... anche tag prettamente del testo p span br e simili potrebbero! creare errore se frapposti tra quelli di formattazione non visibile...

... puoi verificare osservando il sorgente in anteprma su FireFox...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 lemonsong  
 lemonsong  
User
Frate F.
[...] ora all'interno del testo devo inserire codice che non deve essere interpretato [...]

Beh, allora, se fosse così basta non attivare "Abilita codice HTML" oppure continuo a non capire cosa vuoi fare?

Se ti serve "evidenziare" la sintassi, puoi provare questo script (ma ce ne sono diversi): http://prismjs.com/

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Quello che voglio fare è inserire del codice in un oggetto testo per poter formattare dei contenuti (testo o altro) con una formattazione che l'editore dell'oggetto testo non mette a disposizione.

Un esempio terra a terra, se ho tre righe di testo e con l'editore gli do un colore testo e un background, il risultato sarà tre righe con il testo del colore e background selezionato ma solo fino alla fine della riga e con uno spazio bianco tra riga e riga, mentre se uso un codice HTML/CSS avrò un contenitore con una dimensione e un background uniforme.

Per far capire i problemi di inserimento codice esterno ho preparato un semplicissimo esempio una tabella iserita in una pagina html creata con notepad e la stessa tabella con lo stesso codice preciso preciso creata con l'oggetto html del software, si noti subito le enormi differenze di interpretazione dello stesso codice:

La tabella fatta con website il testo è centrato in tutte le celle e senza bordi e senza spazi tra cella e cella http://digilander.libero.it/gianniu/prova1/prova1.html

La tabella scritta a mano si presenta con solo le celle del titolo sono allineate al centro, si vede i bordi con il suo colore settato e si vede lo spazio settato tra cella e cella: http://digilander.libero.it/gianniu/prova2/prova2.html

Mi scuso per lo spazio dove ho pubblicato gli esempi ma nel momento in cui scrivo era l'unico di cui mi ricordavo le credenziali FTP

Leggi di più
Postato il da Frate F.
 lemonsong  
 lemonsong  
User
Frate F.
La tabella fatta con website il testo è centrato in tutte le celle e senza bordi e senza spazi tra cella e cella http://digilander.libero.it/gianniu/prova1/prova1.html

Questo perché WS "adotta" un reset di stili: digilander.libero.it/gianniu/prova1/style/reset.css

Se cerchi qui su Answers trovi diversi post sull'argomento.

Ti suggerisco di usare dei CSS per formattare le tabelle, invece di attributi ormai obsoleti.

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Uso correntemente CSS/CSS3 HTML/HTML5 ecc. nella programmazione manuale (che mi sembra sia ancora il meglio) che poi nel codice della tabella di obsoleto non c'è nulla!

Il mio voleva solo essere un semplicissimo esempio!

Quello che ho  voluto, è dimostrare l'imprevedibilità e l'arbitraria interpretazione del codice da parte del software e chiedere con tutta umiltà quale è il metodo migliore per inserire codice esterno in particolare modo nell'oggetto testo? Perchè come detto in quell'oggetto serve a poco anche l'uso dei css. Se serve un esempio non ho nessun problema a postarlo in un link

Grazie

Cordiali saluti

Leggi di più
Postato il da Frate F.
 lemonsong  
 lemonsong  
User
Frate F.
[...] che poi nel codice della tabella di obsoleto non c'è nulla!

Il mio era un suggerimento, questi gli attributi da te usati:

<table width="100%" border="1" bordercolor="#FF0004" cellspacing="10" cellpadding="2">

Ti ricordo che stai usando un doctype HTML5:

http://www.w3schools.com/tags/tag_table.asp

Puoi continuare a costruire le tabelle anche con acqua e malta, non è un reato.

I browser sono molto tolleranti... è questa la fortuna del 90% degli utilizzatori di WS (e non).

Frate F.

Se serve un esempio non ho nessun problema a postarlo in un link

Questo aiuterebbe in primis te stesso, visto che sei qui a chiedere lumi.

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Preparando gli esempi da postare ho scoperto che scrivendo il codice senza spazi e su una sola riga con il testo che precede e segue la formattazione viene visualizzata, ma visualizzando il codice sorgente della pagina si nota un inserimento esagerato di tag e div e un errore di sintassi come evidenziato in giallo in DW! screenshot allegato.

DW

È comunque mia impressione che sia abbastanza dispendioso come tempo trovare il modo di fare funzionare il codice esterno quando non ne vuole sapere, a parte gli errori di generazione del sorgente che si può verificare.

Tutto questo mio thread non vuole essere una critica al software ma solo un modo per capire certi meandri di website e se ho dato questa impressione da come mi sembra di aver capito dalle risposte, me ne scuso!

Allego file del progetto zippati

Leggi di più
Postato il da Frate F.
Frate F.
Frate F.
User
Autore

Rinvio allegato perchè non mi ha acettato lo zip

Leggi di più
Postato il da Frate F.
 lemonsong  
 lemonsong  
User
Frate F.
Preparando gli esempi da postare ho scoperto che scrivendo il codice senza spazi e su una sola riga con il testo che precede e segue la formattazione viene visualizzata [...]

Bastava leggere con attenzione e avresti risparmiato del tempo:

 lemonsong  
Puoi provare a scriverlo tutto su una riga, per esempio col Blocco Note, e incollarlo di nuovo nell'Oggetto Testo. Se non funziona ancora, ti basta analizzare il sorgente per capirne il motivo.

Ecco l'esempio da te postato, senza errori di validazione:

http://lemonsong.altervista.org/test_div_ogg_testo/

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Si l'avevo letto e infatti avevo interpretato di scrivere solo il codice su una riga sola come l'hai modificato tu ma continuava a dare problemi e allora mi sembrava meglio scriverlo di seguito al testo.

Comunque anche nel tuo modo c'è errore di sintassi se guardi il sogente della tua pagina tra <span> e </span> c'è un <div> non chiuso e questo è un errore, stesso errore dell'immagine che ho postato io! da scriverlo nel modo tutto attaccato al testo o diviso e solo il codice su una riga non cambia nulla nel sorgente.

Leggi di più
Postato il da Frate F.
 lemonsong  
 lemonsong  
User
Frate F.
Comunque anche nel tuo modo c'è errore di sintassi se guardi il sogente della tua pagina tra <span> e </span> c'è un <div> non chiuso e questo è un errore [...]

Secondo me stai guardando un'altra pagina; gli unici tag span presenti sono quelli inseriti, dal programma, nel menu e nei link per la visualizzazione senza CSS, in fondo alla pagina.

Nell'Oggetto Testo dell'esempio non c'è traccia di tag span (vedi allegato - nel caso servisse).

Buona fortuna... credo che ne avrai bisogno.

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore
 lemonsong  
Secondo me stai guardando un'altra pagina; gli unici tag span presenti sono quelli inseriti, dal programma, nel menu e nei link per la visualizzazione senza CSS, in fondo alla pagina.

Non credo proprio il mio codice sorgente generato dal software si presenta come ti ho già dimostrato! Sarà un difetto del mio programma? O una versione diversa del tuo? Non sono rincitrullito o un pivellino!

Noto inoltre che se si modifica il contenuto della pagina il sorgente cambia di poco e se c'è un errore quello rimane, se invece si cancella la pagina e la si ricrea facendo copia incolla della precedente il sorgente cambia completamente e questo è sicuramente un bug inutile negarlo!

 lemonsong  
Buona fortuna... credo che ne avrai bisogno.

In che senso?

Non credo ci sia motivo di risentimento se qualcuno trova pecche nel software si è qui a discuterne con cortesia per trovare soluzioni o mancata conoscenza del programma da parte di chi scrive, altrimenti non avrebbe senso questo forum, io stesso faccio il moderatore in due forum tecnici e sono felice quando qualcuno chiede con la voglia di capire e risolvere in particolare modo se io stesso posso essere stato utile!

Un cordiale saluto

Leggi di più
Postato il da Frate F.
 lemonsong  
 lemonsong  
User
Frate F.
Non credo proprio il mio codice sorgente generato dal software si presenta come ti ho già dimostrato!
Frate F.

Comunque anche nel tuo modo c'è errore di sintassi se guardi il sogente della tua pagina tra <span> e </span> c'è un <div> non chiuso e questo è un errore [...]

Hai scritto: tuo modo, tua pagina.

Deciditi, stai parlando del tuo esempio o del mio?

Risentimento? Io e te abbiamo qualche problema di comunicazione, buona continuazione

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Nessun problema di comunucazione, solo che i nota un tono nelle tue risposte (ma potrei anche sbagliarmi), come se il tuo interlocutore fosse abbastanza ignorante e sconclusionato e questo non mi sembra vada bene! Se leggi bene i miei precedenti post ti renderai conto che i riferimenti mia tua ecc. sono sensati e coerenti!

Comunque per completezza di quanto sostengo ti posto due semplici esempi con lo stesso preciso codice ma con tante differenze di visualizzazione. Il primo normale il secondo con website e non con codice obsoleto o imperfetto.

http://digilander.libero.it/gianniu/prova1/

http://digilander.libero.it/gianniu/prova2/

Noti differenze?

Non si può dire che non ci sia qualche limite o bug!

Comunque a questo punto mi accontento di quello che da!

Leggi di più
Postato il da Frate F.
Mirko Boschetti
Mirko Boschetti
Moderator

vorresti che sia responsive la tabella della prova 2, quando lo hai fatto con la versione 11 che non è responsive....o non riesco a capire neanche io...? Io non vedo Bug...

Leggi di più
Postato il da Mirko Boschetti
 lemonsong  
 lemonsong  
User
Frate F.
Noti differenze?

Già scritto:

 lemonsong  
Questo perché WS "adotta" un reset di stili: digilander.libero.it/gianniu/prova1/style/reset.css

Adesso, ovviamente, il file lo trovi qui digilander.libero.it/gianniu/prova2/style/reset.css

Per rendere uguali gli esempi, ti manca ancora questa regola di stile:

table {
    border-collapse:separate;

}

L'allineamento a sinistra lo controlli dallo stile della cella dell'Oggetto HTML di WS.

In genere, se un utente si presenta come programmatore, come hai più volte fatto capire tu, ci si aspetta un minimo di infarinatura, ecco perché il tono delle mie risposte ti può essere sembrato un po' "secco".

E con questo, direi che forse ci siamo capiti

Leggi di più
Postato il da  lemonsong  
Frate F.
Frate F.
User
Autore

Si ci siamo capiti! E non credere che di infarinatura e competenze ne ho anche a sufficienza, indimostrabile con un software che fa quello che gli pare! Ma forse l'infarinatura che mi manca è proprio quella con quel trapello di programma che necessita di accorgimenti tutti suoi. Comunque ribadisco il tono inadeguato su un forum non ci deve essere con nessuno.

Alla prossima!

Leggi di più
Postato il da Frate F.