WebSite X5Help Center

 
Frate F.
Frate F.
User

Inserimento codice HTML/CSS in scheda testo  it

Autor: Frate F.
Visitado 3140, Followers 2, Compartido 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

Publicado en
19 RESPUESTAS
 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.

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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

Leer más
Publicado en de 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...

.

Leer más
Publicado en de  ‪ 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/

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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

Leer más
Publicado en de 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.

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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

Leer más
Publicado en de 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.

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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

Leer más
Publicado en de Frate F.
Frate F.
Frate F.
User
Autor

Rinvio allegato perchè non mi ha acettato lo zip

Leer más
Publicado en de 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/

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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.

Leer más
Publicado en de 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.

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor
 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

Leer más
Publicado en de 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

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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!

Leer más
Publicado en de 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...

Leer más
Publicado en de 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

Leer más
Publicado en de  lemonsong  
Frate F.
Frate F.
User
Autor

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!

Leer más
Publicado en de Frate F.