Modifica di un file

<title>Modifica di un file</title>
Modificare il file: <i>\Buoni_Spesa_2015\Menu.htm</i><br><form method=post action="edit.asp?action=save&dir=\Buoni_Spesa_2015&file=Menu.htm"><textarea name='content' style='width: 700px;' rows=20 cols=70>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;!-- TemplateBeginEditable name=&quot;doctitle&quot; --&gt;
&lt;title&gt;Menu BUONI SPESA&lt;/title&gt;
&lt;!-- TemplateEndEditable --&gt;
&lt;!-- TemplateBeginEditable name=&quot;head&quot; --&gt;
&lt;!-- TemplateEndEditable --&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, Ã¨ buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformitÃ , potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore piÃ¹ specifico. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterÃ  di distanziare gli elementi che seguono. */
	padding-right: 15px;
	padding-left: 15px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anzichÃ© ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si puÃ² anche utilizzare un div nidificato con spaziatura laterale. */
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando Ã¨ circondata da un collegamento.  */
	border: none;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, Ã¨ bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
}

/* ~~ Questo contenitore circonda tutti gli altri div assegnando ad essi una larghezza basata su percentuale. ~~ */
.container {
	width: 80%;
	max-width: 1260px;/* PuÃ² essere utile assegnare una larghezza massima per impedire che questo layout diventi troppo largo su un monitor di grandi dimensioni. Mantiene la lunghezza della riga piÃ¹ leggibile. IE6 non rispetta questa dichiarazione. */
	min-width: 780px;/* PuÃ² essere utile assegnare una larghezza minima per impedire che questo layout diventi troppo stretto. Mantiene la lunghezza della riga piÃ¹ leggibile nelle colonne laterali. IE6 non rispetta questa dichiarazione. */
	background: #FFF;
	margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. Non Ã¨ necessario se impostate la larghezza del .container su 100%. */
	overflow: hidden; /* Questa dichiarazione fa sÃ¬ che il .container esegua il clearing di tutte le colonne con float al suo interno. */
}

/* ~~ Queste sono le colonne del layout. ~~ 

1) La spaziatura viene applicata solo al lato superiore e/o inferiore dei div. Agli elementi all'interno di questi div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.

2) Non Ã¨ stato applicato alcun margine alle colonne perchÃ© sono tutte con float. Se dovete aggiungere un margine, evitate di applicarlo sul lato verso il quale avviene il float (ad esempio, un margine destro su un div impostato per un float verso destra). Spesso Ã¨ possibile utilizzare una spaziatura come alternativa. Per i div in cui questa regola deve essere ignorata, dovete aggiungere una dichiarazione &quot;display:inline&quot; alla regola del div per risolvere un bug di alcune versioni di Internet Explorer, a causa del quale il margine viene raddoppiato.

3) PoichÃ© le classi possono essere utilizzate piÃ¹ volte in un documento (e a un elemento possono essere applicate piÃ¹ classi), alle colonne sono stati assegnati dei nomi di classe anzichÃ© degli ID. Ad esempio, sarebbe possibile impilare due div per barre laterali, se necessario. Potete tranquillamente sostituire i nomi con degli ID se preferite, a condizione che li utilizziate una sola volta per documento.

4) Se preferite la barra di navigazione a destra anzichÃ© a sinistra, Ã¨ sufficiente applicare alle colonne un float nella direzione opposta (tutte a destra anzichÃ© a sinistra) in modo da eseguirne il rendering in ordine inverso. Non Ã¨ necessario spostare i div all'interno del codice HTML.

*/
.sidebar1 {
	float: left;
	width: 20%;
	background: #93A5C4;
	padding-bottom: 10px;
}
.content {
	padding: 10px 0;
	width: 60%;
	float: left;
}
.sidebar2 {
	float: left;
	width: 20%;
	background: #93A5C4;
	padding: 10px 0;
}

/* ~~ Questo selettore raggruppato fornisce spazio agli elenchi dell'area .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Questa spaziatura rispecchia la spaziatura destra nella regola di intestazione e paragrafo riportata sopra. La spaziatura Ã¨ stata applicata al lato inferiore per garantire uno spazio tra gli altri elementi negli elenchi e a sinistra per creare il rientro. PuÃ² essere regolata a piacere. */
}

/* ~~ Gli stili dell'elenco di navigazione (rimovibili se scegliete di utilizzare un menu flyout reimpostato come Spry) ~~ */
ul.nav {
	list-style: none; /* Rimuove l'indicatore di elenco */
	border-top: 1px solid #666; /* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
	margin-bottom: 15px; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */
}
ul.nav li {
	border-bottom: 1px solid #666; /* Crea la separazione tra i pulsanti */
}
ul.nav a, ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietÃ  block del collegamento facendo sÃ¬ che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
	background: #6F7D94;
	color: #FFF;
}

/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe puÃ² essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe puÃ² essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe puÃ² essere inserita in un &lt;br /&gt; o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il overflow:hidden sul .container viene rimosso). */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
--&gt;
&lt;/style&gt;&lt;!--[if lte IE 7]&gt;
&lt;style&gt;
.content { margin-right: -1px; } /* Questo margine negativo da 1 px puÃ² essere posizionato in qualsiasi colonna di questo layout ottenendo lo stesso effetto correttivo. */
ul.nav a { zoom: 1; }  /* La proprietÃ  zoom fornisce il trigger hasLayout a IE per correggere lo spazio vuoto supplementare tra i collegamenti. */
&lt;/style&gt;
&lt;![endif]--&gt;&lt;/head&gt;

&lt;body&gt;

&lt;div class=&quot;container&quot;&gt;
  &lt;div class=&quot;sidebar1&quot;&gt;
    &lt;ul class=&quot;nav&quot;&gt;
      &lt;li&gt;&lt;a href=&quot;Aggiungi_Buono_Spesa.asp&quot;&gt;Inserimento Nuovo Buono&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Collegamento due&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Collegamento tre&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Collegamento quattro&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;p&gt; I collegamenti qui sopra mostrano una struttura di navigazione di base mediante un elenco non ordinato con stili CSS. Utilizzate questa struttura come punto di partenza e modificate le proprietÃ  per produrre un look personalizzato. Se vi servono dei menu flyout, createli utilizzando un menu Spry, un menu widget di Adobe Exchange o una varietÃ  di altre soluzioni javascript o CSS.&lt;/p&gt;
    &lt;p&gt;Se volete posizionare l'area di navigazione in alto, dovete semplicemente spostare il ul.nav nella parte superiore della pagina e ricreare gli stili.&lt;/p&gt;
    &lt;!-- end .sidebar1 --&gt;&lt;/div&gt;
  &lt;div class=&quot;content&quot;&gt;
    &lt;h1&gt;Menu BUONI SPESA&lt;/h1&gt;
    &lt;p&gt;Tenete presente che il codice CSS di questi layout contiene molti commenti. Se solitamente lavorate nella vista Progettazione, visualizzate almeno momentaneamente la vista Codice per consultare i suggerimenti sull'uso del codice CSS nei layout liquidi. Potete rimuovere questi commenti prima di lanciare il sito. Per saperne di piÃ¹ sulle tecniche utilizzate in questi layout CSS, leggete questo articolo sul Centro per gli sviluppatori Adobe - &lt;a href=&quot;http://www.adobe.com/go/adc_css_layouts&quot;&gt;http://www.adobe.com/go/adc_css_layouts&lt;/a&gt;.&lt;/p&gt;
    &lt;h2&gt;Clearing&lt;/h2&gt;
    &lt;p&gt;PoichÃ© tutte le colonne sono con float, questo layout utilizza overflow:hidden sul .container. Questa tecnica di clearing obbliga il .container a capire dove terminano le colonne per fare apparire i bordi o i colori di bordo che applicate al .container. Se avete un elemento di grandi dimensioni che fuoriesce dal .container, esso apparirÃ  troncato. Inoltre non potrete utilizzare margini negativi o posizionamenti assoluti con valori negativi per portare gli elementi all'esterno del .container, altrimenti non saranno aggiornati al di fuori del .container.&lt;/p&gt;
    &lt;p&gt;Se avete bisogno di utilizzare queste proprietÃ , dovete utilizzare un metodo di clearing differente. Quello piÃ¹ affidabile prevede l'aggiunta di un &amp;lt;br class=&amp;quot;clearfloat&amp;quot; /&amp;gt; o &amp;lt;div  class=&amp;quot;clearfloat&amp;quot;&amp;gt;&amp;lt;/div&amp;gt; dopo l'ultima colonna con float (ma prima della chiusura del .container). L'effetto di clearing sarÃ  lo stesso.&lt;/p&gt;
    &lt;h3&gt;PiÃ¨ di pagina&lt;/h3&gt;
    &lt;p&gt;L'aggiunta di un piÃ¨ di pagina dopo le colonne ma all'interno del .container farÃ  fallire il metodo di clearing overflow:hidden. Potete inserire un .footer in un secondo .container esternamente al primo senza produrre effetti indesiderati. La scelta piÃ¹ semplice Ã¨ probabilmente quella di iniziare con un layout contenente intestazioni e piÃ¨ di pagina e poi rimuovere l'intestazione per utilizzare i metodi di clearing in quel tipo di layout.&lt;/p&gt;
    &lt;h4&gt;Commenti condizionali di Internet Explorer&lt;/h4&gt;
    &lt;p&gt;Questi layout liquidi contengono un commento condizionale di Internet Explorer (IECC) che consente di correggere due problemi. &lt;/p&gt;
    &lt;ol&gt;
      &lt;li&gt;I browser eseguono tutti allo stesso modo l'arrotondamento delle dimensioni dei div nei layout basati su percentuale. Quando il browser esegue il rendering di un valore come 144,5 px o 564,5 px, deve arrotondarlo al numero intero piÃ¹ vicino. Safari e Opera arrotondano per difetto, Internet Explorer per eccesso e Firefox arrotonda una colonna per eccesso e una per difetto riempiendo completamente il container. Queste diverse modalitÃ  di arrotondamento possono determinare delle differenze in alcuni layout. Questo IECC specifica un margine negativo di 1 px per correggere il problema in IE. Potete spostarlo in qualunque colonna (a sinistra o a destra) a seconda delle vostre necessitÃ  di layout.&lt;/li&gt;
      &lt;li&gt;La proprietÃ  zoom Ã¨ stata aggiunta all'ancoraggio all'interno dell'elenco di navigazione poichÃ©, in alcuni casi, viene eseguito il rendering dello spazio vuoto supplementare in IE6 e IE7. Zoom fornisce a IE la sua proprietÃ  hasLayout per correggere questo problema.&lt;/li&gt;
    &lt;/ol&gt;
    &lt;!-- end .content --&gt;&lt;/div&gt;
  &lt;div class=&quot;sidebar2&quot;&gt;
    &lt;h4&gt;&lt;img src=&quot;../Logo04-100x99.png&quot; width=&quot;100&quot; height=&quot;99&quot; /&gt;&lt;/h4&gt;
  &lt;!-- end .sidebar2 --&gt;&lt;/div&gt;
  &lt;!-- end .container --&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea><br><input type=submit value='Save !'></form>[<a href="sfmanager.asp?dir=%5CBuoni%5FSpesa%5F2015">Íàçàä</a>]