iWeb, codice HTML e le maledette Ã‚

Sbarello · 27 Maggio 2007

Ciao ragazzi ... vi chiedo aiuto.

Oggi ho aggiornato il sito di un amico, sviluppando le modifiche con iWeb ( il sito Ã¨ fatto con iweb ed Ã¨ sempre stato aggiornato con iweb ).

Ho poi corretto qualcosa con Dreamweaver ed ho uppato.

Con safari e Firefox/Camino, no problem, ma con IE ( devo considerare anche il traffico Win ) ogni "a capo" o "spazio" mi viene visulaizzato con una "Ã‚" ...

Sono andato a vedermi il codice ed ho scoperto che viene esportato male da iweb ... ad esempio, la frase che vi scrivo sotto, impaginata con questi a capo e spazi:

Tutto il nostro spirito sprofonda nell'amarezza

la nostra rabbia inonda la terra

viene visualizzato cosÃ¬:

Tutto il nostro spirito sprofonda nell'amarezza

Ã‚

la nostra rabbia inonda la terra

In sostanza, ogni spazio o ogni a capo diventa una Ã‚, come giÃ detto.

Spulciando il codice, con dreamweaver ho visto che la Ã‚ Ã¨ la "traduzione" di un normale spazio tra il <div> e la sua chiusura </div>.

Per intenderci:

Come posso risolvere ? immaginate cosa significhi ogni pagina doverla rifare o correggere, soprattutto perchÃ¨ se tolgo il fantomatico spazio tre i tag DIV, mi rovina l'impaginazione, attaccando le righe tra loro ...

Aiutatemi plz !!!

notpill · 27 Maggio 2007

Strano, sembrerebbe quasi un problema di codifica...

La cosa piÃ¹ strana e che se cerchi quel carattere nella guida rapida di iWeb

ti indica i pallini dei paragrafi

Scusa ma ogni riga Ã¨ un DIV?

Hai font e formattazioni diverse per ogni riga?

Da come hai riportato il codice pare che ci sia un div con tutto quel po' po' di formattazione per uno spazio. CioÃ© quello che tu indichi come "un normale spazio tra il <div> e la sua chiusura </div>" Ã¨ il CONTENUTO DEL DIV senza il quale il div stesso non ha molto senso.

-skip- · 27 Maggio 2007

diciamo che il css Ã¨ un pÃ² scritto con i piedi, ovvero non si basa su un foglio di stile a se stante ma Ã¨ tutto scritto in linea, a mio avviso Ã¨ da rifare da zero a manina, sai che bellezza che sono i css

GLC · 27 Maggio 2007

Ciao ragazzi ... vi chiedo aiuto.
Oggi ho aggiornato il sito di un amico, sviluppando le modifiche con iWeb ( il sito Ã¨ fatto con iweb ed Ã¨ sempre stato aggiornato con iweb ).

Ho poi corretto qualcosa con Dreamweaver ed ho uppato.

Con safari e Firefox/Camino, no problem, ma con IE ( devo considerare anche il traffico Win ) ogni "a capo" o "spazio" mi viene visulaizzato con una "Ã‚" ...

Sono andato a vedermi il codice ed ho scoperto che viene esportato male da iweb ... ad esempio, la frase che vi scrivo sotto, impaginata con questi a capo e spazi:

Tutto il nostro spirito sprofonda nell'amarezza

la nostra rabbia inonda la terra

viene visualizzato cosÃ¬:

Tutto il nostro spirito sprofonda nell'amarezza

Ã‚

la nostra rabbia inonda la terra

In sostanza, ogni spazio o ogni a capo diventa una Ã‚, come giÃ detto.

Spulciando il codice, con dreamweaver ho visto che la Ã‚ Ã¨ la "traduzione" di un normale spazio tra il <div> e la sua chiusura </div>.

Per intenderci:

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 14px; font-style: italic; line-height: 16px; opacity: 1.00; text-decoration: none;"> </div>

Come posso risolvere ? immaginate cosa significhi ogni pagina doverla rifare o correggere, soprattutto perchÃ¨ se tolgo il fantomatico spazio tre i tag DIV, mi rovina l'impaginazione, attaccando le righe tra loro ...

Aiutatemi plz !!!

iWeb non lo esporta male, sei tu che lo hai modificato male,

se fai delle modifiche ad un sito fatto con iWeb, ti consiglio di farle nella dovuta maniera, non con dreamweaver, la gestione di flash , rollover e tutto quello che vuoi, che ne so' lightbox, anche modifiche css, falle in iweb, non con altri programmi esterni.

(metti un box di testo )

Una volta fatte le modifiche dentro iweb, esporti, vedrai che sarÃ tutto perfetto, il codice di iweb sarÃ una schifezza, ma viene visualizzato perfettamente da tutti.

se il sito per caso in questione Ã¨ questo: http://www.progettozoran.it/ita/Prog.../progetto.html

ed il testo Ã¨ questo:

Tutto il nostro spirito sprofonda nell'amarezza

la nostra rabbia inonda la terra

l'anima nostra Ã¨ turbata e i nostri sentimenti sanguinano per la sofferenza

i nostri occhi sono rimasti senza lacrime

hai molti </div> con uno spazio davanti, toglilo.

questo errore crea casino in IE

Sbarello · 28 Maggio 2007

X Notpill

AhimÃ© ogni riga Ã¨ un DIV, nonostante io abbia usato sempre stesso font e colore ... infatti non mi spiego il motivo di ciÃ² ...

X GLC

Il sito Ã¨ proprio quello, ma io non ho modificato nulla a parte il titolo e i meta tags per indicizzarlo sui motori di ricerca ..

Tutto il resto non Ã¨ stato toccato.

Se faccio come dici tu, ovvero tolgo lo spazio tra i DIV, mi sbriciola la formattazione del testo, ovvero, ad esempio, gli spazi tra le righe scompaiono, attaccandomi il testo ...

Se volete vi posto il codice originale di una pagina.

Thx

GLC · 28 Maggio 2007

La formattazione in questo caso non centra nulla,

devi togliere lo spazio prima di </div> non centra niente con un a capo.

non c'Ã¨ bisogno di postare il codice, se ti ho gia detto io quale era la pagina, no?

...pacity: 1.00; text-decoration: none;"> </div> = ERRORE in IE

iweb non espota in questo modo in caso di testo a meno che non si sia fatto casino.

percio.

tu hai cosÃ¬:

<div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; padding-top: 0pt; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">Tutto il nostro spirito sprofonda nell'amarezza</div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">la nostra rabbia inonda la terra</div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">l'anima nostra Ã¨ turbata e i nostri sentimenti sanguinano per la sofferenza</div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">i nostri occhi sono rimasti senza lacrime</div>

</div>

</div>

se cambi a cosÃ¬ giÃ va bene:

<div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; padding-top: 0pt; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">Tutto il nostro spirito sprofonda nell'amarezza<br />

<br />

</div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">la nostra rabbia inonda la terra<br />

<br />

</div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">l'anima nostra Ã¨ turbata e i nostri sentimenti sanguinano per la sofferenza<br />

<br />

</div>

<div class="paragraph Free_Form" style="line-height: 17px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; text-align: right; color: #ffffff; font-family: 'CourierNewPS-ItalicMT', 'Courier New', 'monospace'; font-size: 13px; font-style: italic; line-height: 15px; opacity: 1.00;">i nostri occhi sono rimasti senza lacrime<br />

<br />

</div>

</div>

GLC · 28 Maggio 2007

comunque ti consiglio di farlo in iweb, perche l'errore Ã¨ nella casella di testo creata, Ã¨ stato fatto lÃ¬ il casino, sicuramente, (secondo me) si erano cercati altri caratteri, giustamente, iweb a questo punto li tratta come immagini per una corretta visualizzazione, poi si Ã¨ cambiato , e ricambiato.

ti consiglio di cancellare la casella di testi in iweb, e metterne un'altra e scrivere correttamente, vedrai con la esporta perfettamente non in questo modo, altrimenti metti i <br /> e togli lo spazio prima di </div>

-skip- · 28 Maggio 2007

ah prescindere che il tag <br /> per andare a capo non si dovrebbe usare, non rispetta gli standard, bensÃ¬ si dovrebbe usare il <p> </P> ..

Sbarello · 28 Maggio 2007

Ho provato a rifarlo.

Ho esportato ed il risultato Ã¨ lo stesso ...

Ho semplicemente scritto in courier new, 13, impaginato a dx, e saltato le righe con il classico enter.

Ho evidenziato il testo su iWeb per darvi l'idea di cosa ho fatto esattamente.

Nonostante cÃ¬Ã² continua a far lo stesso lavoro, con i DIV e lo spazio.

Ma sbaglio ad andare a capo con enter ?

Vengon fuori quelle P al contrario che penso indichino il paragrafo ...

Dove sta l'errore ?

Scusate se vi tedio, ma non riesco proprio a capire ...

Grazie a tutti.

S

GLC · 28 Maggio 2007

-skip- · 28 Maggio 2007

ma mi spieghi perchÃ¨ per ogni riga devi usare un div?? ti ripeto per l'ennesima volta che per formattare un paragrafo ci vuole il tag <p> </p> che poi vai a definire nello foglio di stile.. scrivere tutto quel codice Ã¨ inutile, se poi vuoi appesantire la pagina ecc Ã¨ un altro discorso..

-skip- · 28 Maggio 2007

qui non si tratta di rispettare gli standard, altrimenti non usava nÃ¨ iWeb e nÃ¨ Dream.
ma solo di risolvere il problema.

si d'accordo anche questo Ã¨ vero, ma visto che si Ã¨ qua magari dare anche qualche dritta non sarebbe male

GLC · 28 Maggio 2007

vai a capo con Shift+Enter e risolvi , ti ho postato il codice , non lo hai visto?

GLC · 28 Maggio 2007

si sono daccordo con te,

perÃ² io intendevo, siccome ha tutto giÃ fatto in iweb, basta risolvere il problema, altrimenti dovrebbe rifare il sito per intero

-skip- · 28 Maggio 2007

si si condivido, Ã¨ che sono abituato a fare a manina e tutto quel codice non mi piace granchÃ© certo Ã¨ ovvio che se avesse voluto fare nella maniera corretta avrebbe dovuto usare un bel foglio bianco e non iWeb e simili

Sbarello · 28 Maggio 2007

Non lo faccio mica apposta il div lo usa iweb, non io ... il codice non lo modifico mica.

Quella stringona di codice che hai visto su, non l'ho toccata, Ã¨ ciÃ² che vien fuori da iWeb, dopo l'esportazione ...

Io vado a capo normalmente con enter ( da ora provo con shift+enter ) poi iweb traduce coi div ...

Ora provo e vedo i risultato ...

Grazie intanto ragaz

Sbarello · 28 Maggio 2007

vai a capo con Shift+Enter e risolvi , ti ho postato il codice , non lo hai visto?

Si, l'ho visto e stavo cercando di studiarmelo e capirlo, ma non sapevo si shift + enter ...

Grazie

Oggi esporto e provo ....

grigio60 · 28 Maggio 2007

<p>..</p> invece definisce un blocco (box), con una modalitÃ di display di tipo appunto "block" e con la possibilitÃ di modificare a livello css tutte le caratteristiche tipiche degli elementi di tipo block: margini, padding, border ecc.

forse ti conviene fare un ripassino degli standard W3C

Sbarello · 28 Maggio 2007

No, questo non Ã¨ affatto vero: il tag <br /> Ã¨ assolutamente standard e come tale RISPETTA lo standard (tanto che il validatore w3c lo accetta in pieno). In piÃ¹ ha anche un comportamento di rendering DIVERSO da <p>..</p>, COERENTE con la definizione degli standard.
<br /> forza un a capo del testo ALL'INTERNO di una sezione (box o blocco) senza chiudere il blocco stesso, usando come margini il normale interlinea del testo e con una modalitÃ di display di tipo "in-line". in quanto tale a livello di direttive css il controllo di alcune caratteristiche di rendering non ha alcun effetto.

<p>..</p> invece definisce un blocco (box), con una modalitÃ di display di tipo appunto "block" e con la possibilitÃ di modificare a livello css tutte le caratteristiche tipiche degli elementi di tipo block: margini, padding, border ecc.

forse ti conviene fare un ripassino degli standard W3C :ghghgh:

Io son contento, perchÃ¨ imparo, ma voi non litigate .... poi mi sento in colpa ...

Grazie nel frattempo .... a stasera, alla prova dei fatti ....

-skip- · 28 Maggio 2007

No, questo non Ã¨ affatto vero: il tag <br /> Ã¨ assolutamente standard e come tale RISPETTA lo standard (tanto che il validatore w3c lo accetta in pieno). In piÃ¹ ha anche un comportamento di rendering DIVERSO da <p>..</p>, COERENTE con la definizione degli standard.
<br /> forza un a capo del testo ALL'INTERNO di una sezione (box o blocco) senza chiudere il blocco stesso, usando come margini il normale interlinea del testo e con una modalitÃ di display di tipo "in-line". in quanto tale a livello di direttive css il controllo di alcune caratteristiche di rendering non ha alcun effetto.

<p>..</p> invece definisce un blocco (box), con una modalitÃ di display di tipo appunto "block" e con la possibilitÃ di modificare a livello css tutte le caratteristiche tipiche degli elementi di tipo block: margini, padding, border ecc.

forse ti conviene fare un ripassino degli standard W3C :ghghgh:

il modo in cui il <br /> Ã¨ stato utilizzato in quel codice non mi pare sia per niente corretto, se a livello pratico non crea problemi sia di visualizzazione che di rendering, questo non vuol dire che sia quello il modo in cui deve essere utilizzato

un conto Ã¨ utilizzare il <br /> per forzare lo a capo in un blocco di testo (modo corretto di utilizzarlo), un conto Ã¨ utilizzarlo per ottenere lo spazio tra <div> e/o simili.

per intenderci questo Ã¨ corretto:

<div> blocco uno. <br />

ora sono andato a capo come volevo

</div>

un conto Ã¨ utilizzarlo in questo modo:

<br />

per questo o si utilizza il tag <p> .. </p> per il paragrafo impostando gli attributi che hai elencato te, cosa piÃ¹ giusta da fare, oppure su utilizzano gli stessi attributi applicati sul tag <div>

grigio60 · 28 Maggio 2007

ah ok adesso ti sei spiegato. il fatto comunque Ã¨ che in generale Ã¨ il codice generato da iweb che fa parecchio schifo.

-skip- · 28 Maggio 2007

su questo non ci piove, infatti per questo dico che Ã¨ molto meglio scrivere il codice da zero su foglio bianco

Sbarello · 28 Maggio 2007

Bisogna esser capaci ....

Io son scarso ed ignorante

Sbarello · 28 Maggio 2007

Ultima domanda ( sto risistemando tutti gli "a capo" con shift+enter ) ...

Per quale motivo, facendo cosÃ¬, non riesco piÃ¹ a tenere le scritte impaginate a DX o SX come voglio io ?

Se prima avevo un paragrafo a destra, poi a capo e il secondo a sinistra, ora non appena ne ordino uno, gli altri si allineano tutti allo stesso modo .... Ã¨ uguale ??

Forse Ã¨ per questa impaginazione asimmetrica che avevo tutti i div !!??

Ma quindi non Ã¨ possibile fare diversamente ?

Grazie

GLC · 28 Maggio 2007

Ultima domanda ( sto risistemando tutti gli "a capo" con shift+enter ) ...
Per quale motivo, facendo cosÃ¬, non riesco piÃ¹ a tenere le scritte impaginate a DX o SX come voglio io ?

Se prima avevo un paragrafo a destra, poi a capo e il secondo a sinistra, ora non appena ne ordino uno, gli altri si allineano tutti allo stesso modo .... Ã¨ uguale ??

Forse Ã¨ per questa impaginazione asimmetrica che avevo tutti i div !!??

Ma quindi non Ã¨ possibile fare diversamente ?

Grazie

mostra impostazioni >> impostazioni testo >> colore ed allineamento >>

allinea COME VUOI TU

puoi farlo anche per ogni singola parola

Sbarello · 28 Maggio 2007

mostra impostazioni >> impostazioni testo >> colore ed allineamento >>
allinea COME VUOI TU

puoi farlo anche per ogni singola parola

Dici questo?

AhimÃ© non funzia .... non so perchÃ¨, ma dopo aver messo gli spazi con lo shft+enter, se allineo qualcosa da un lato tutto il resto del testo lo segue, sia quello che precede, sia quello che segue ...

Grazie lo stesso perÃ² ... userÃ² il tasto tab e vedo che succede.

GLC · 28 Maggio 2007

Ora ho capito cosa vuoi fare.

Ho fatto una prova:

<div class="paragraph Body" style="line-height: 20px; ">ciao sono a sinistra</div>

<div class="paragraph Body" style="line-height: 20px; margin-bottom: 0px; margin-top: 0px; text-align: right; line-height: 20px;">ciao sono a destra</div>

<div class="paragraph Body" style="line-height: 20px; ">ciao sono a sinistra</div>

<div class="paragraph Body" style="line-height: 20px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; text-align: right; line-height: 20px;">ciao sono a destra</div>

ho creato una casella di testo con allineamento a sx, ho scritto "ciao sono a sinistra" poi tasto invio, allineamento a dx e scritto "ciao sono a destra" poi tasto invio, allineamento a sx >>> e via di seguito.

va bene, non capisco il problema.

il </div> Ã¨ senza spazio (prima non avevo capito cosa volevi fare).

puÃ² anche darsi che sia iWeb ad avere qualche problema, non sÃ².

Io uso la ver 1.1.2 .

Sbarello · 29 Maggio 2007

Ora quindi capisco perchÃ¨ ogni riga aveva un div ... era dovuto alla mia impaginazione naif!!

Purtroppo penso che iWeb ( uso l'ultima versione disponibile ) non sia ancora cosÃ¬ performante ...

Cerco di arrabattarmi ... metterÃ² mano al codice ... per fortuna che ci siete voi a darmi una mano

Grazie ragazzi.

GLC · 29 Maggio 2007

prego

comunque dobbiamo pensare che iWeb Ã¨ la versione 1,

e giÃ sta riscontrando consensi, pensiamo a quando sarÃ come dire un a versione 3 o 4 oppure come dreamweaver (a che punto Ã¨ non mi ricordo 10 forse? ).

sicuramente faranno una versione professional in seguito, che fara scomparire tutte le altre app.

Ripeto, secondo me iWeb 1.x Ã¨ stata solo una versione di test per verificare il mercato, verifica che avuto successo, perche anche cosi scarno, diciamo, come lo Ã¨ ora, si puÃ² gestire perfettamente in tutto e per tutto, teniamo anche conto per le trasparenze (png x ie6).

comunque chi vivrÃ vedrÃ , io sono sempre fiducioso dei prodotti Apple.

MACTHEBEST · 29 Maggio 2007

per spaziare i div non mi sembra una cosa non corretta utilizzare i <br />..... se per esempio (pratico) avessi chessÃ² un box con sfondo rosso e lo volessi spaziare da un altro box con sfondo rosso farei proprio

<br />

non mi sembra ci sia qualcosa di sbagliato...

Accedi

iWeb, codice HTML e le maledette Ã‚

Messaggi raccomandati

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Link al commento

Condividi su altri siti

Archiviato

Ora Popolare

Dallo staff