Inserimento codice HTML/CSS in scheda testo
Autore: Frate F.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
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.
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
... 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...
.
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/
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
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.
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
Il mio era un suggerimento, questi gli attributi da te usati:
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).
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.
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.
È 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
Autore
Rinvio allegato perchè non mi ha acettato lo zip
Bastava leggere con attenzione e avresti risparmiato del tempo:
Ecco l'esempio da te postato, senza errori di validazione:
http://lemonsong.altervista.org/test_div_ogg_testo/
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.
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.
Autore
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!
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
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
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!
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...
Già scritto:
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
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!