Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di Bioboi
    Registrato dal
    Nov 1999
    Messaggi
    110

    menu laterale e colonna centrale

    Perché la barra di navigazione non viene visualizzata bene? Ho installato iexplorer 7... e l'ho dovuto disinstallare perché la pagina (cosa che non succede con IE6!!!) si è presentata con una specie di iframe (sono apparse barre di scorrimento nel menu!) che io non ho richiesto...

    Inoltre: come allargare la colonna centrale senza far scendere il menu di sinistra con tutta la sua colonna?

    Ecco il codice della pagina (il css lo si trova a questo indirizzo http://www.margheritasassari.it/stilemargh.css ):


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="imagetoolbar" content="no">
    <title>La Margherita - Coordinamento Provinciale di Sassari</title>
    <link href="stilemargh.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function esempio(str) {
    searchWin = window.open(str,'esempio','scrollbars=yes,resizabl e=yes,width=795,height=400,status=yes,location=yes ,toolbar=yes');
    // searchWin.refer = self;
    }
    </script>
    </head>
    <body>

    <div id="wrapper">
    <div id="header">
    [img]bannerstudiofin.jpg[/img]
    <map id="mapTestata" name="m_bannerstudiofin"><area shape="poly" coords="703,16,683,43,675,58,675,85,675,100,675,10 8,707,110,778,111,781,74,780,38,750,21,740,11,733, 1" href="http://www.comune.sassari.it" alt="Collegamento al Comune di Sassari" ><area shape="circle" coords="143,57, 55" href="http://www.margheritaonline.it" alt="Collegamento al sito nazionale" >

    <area shape="rect" coords="3,3,779,111" href="http://www.margheritasassari.it" alt="" />
    <area shape="rect" coords="194,19,501,64" href="http://www.margheritasassari.it" alt="" >
    </map>
    </div>
    <table id="third">
    <tr>
    <td valign="top"><div id="content">
    <h2 align="center" id="titleArticolo">[img]logogiovanipicc.jpg[/img]</h2>
    <p align="center"></p>
    <h2 align="center" id="titleArticolo">[img]banner_speciale_congressi1.gif[/img]</h2>
    <p align="center" class="txtGrassTitle">Le normative congressuali</p>
    <p align="center"><a href="regolamentocongressi_27_1_.11.006.rtf487.pdf ">Regolamento
    approvato dalla Direzione Federale del 27.10.06</a></p>
    <p align="center"><a href="circolarecongressi13_1_._11.06.rtf489.pdf">C ircolare
    dipartimento organizzativo del 13.11.06</a></p>
    <p align="center"><a href="statuto_regionale_tipo.rtf490.pdf">Statuto
    regionale tipo</a></p>
    <p align="center"></p>
    <p align="center" class="txtGrassTitle">Congresso Federale 2007</p>
    <p align="center">Mozione politica unitaria </p>
    <p align="center"></p>
    </div></td><td align="center" valign="top" class="colonnaDestra"><p align="center">[img]banner_giovani.gif[/img]</p>
    <p align="center">[img]banner_noidipiu.gif[/img]</p>
    <p align="center"></p>


    </p>
    </td>
    </tr>
    </table>
    <div class="colonnaSinistra" id="nav">

    <div id="menu">
    <div id="menuTotal">
    <script type="text/javascript" src="xaramenu.js"></script><script type="text/javascript" Webstyle4 src="imgmenu/menu_.js"></script>
    </div>
    </div>

    <form id="form1" method="post" action="">



    <label>Cerca nel sito:

    <input name="textfield" type="text" class="text" size="20" />
    </label>
    <label>
    <input type="submit" name="Submit" value="Invia" />
    </label>
    </p>
    </form>
    <p align="center"></p>
    <div id="footer">


    <span class="txtGrass">E-mail:</span> margherita@margheritasassari.it </p>
    </div>
    </div>
    </div>
    </body>
    </html>

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    Non posso rispondere per quel che riguarda IE7...
    ma mi pare che tu abbia fatto "un po' troppo".
    Voglio dire: visto che hai deciso di usare una tabella per l'impagnazione... perché non la usi completemente? Mettere il solo menù al di fuori della tabella non ha molto senso.
    mettrei, piuttosto, tre colonne di cui la prima per il menù.
    Questo dovrebbe risolvere parte del problema.

    Per quanto riguarda l'iframe creato da IE7 su quel menù... hai già controllato, invece, di non aver ecceduto (anche solo per sbaglio/caso) su qualche misura?
    Questo spiegherebbe il comportamento simile ad un "overflow: scroll"

  3. #3
    Utente di HTML.it L'avatar di Bioboi
    Registrato dal
    Nov 1999
    Messaggi
    110
    Per quanto riguarda IE7, poiché il menu ha delle espansioni (i sottomenu), tali espansioni in IE7 vengono a trovarsi esternamente rispetto al DIV riservato al menu, e forse per questo il browser ci mette barre di scorrimento destra/sinistra...

    Per il resto... ahimé non sono pratico con le tabelle... :rollo:

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    si la prima parte del discorso è più che possibile....

    non hai pratica con le tabelle?
    è praticamente la prima cosa che si impara...!

    puoi farti aiutare da un qualsiasi editor... in fondo sono molto più facili da gestire di un qualsiasi div

  5. #5
    Utente di HTML.it L'avatar di Bioboi
    Registrato dal
    Nov 1999
    Messaggi
    110
    Ad esempio, ho provato a fare un impaginazione con tabelle... ma ecco cosa è venuto fuori:

    http://www.margheritasassari.it/circolim.asp

    Perchééé????

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    hai annidato 6 tabelle... procedura insolita se non si tratta di dati da richiamare in tabelle.

    insomma non come hai fatto tu ma piuttosto creare il layout con una tabella principale e al massimo una o due tabelle interne se ce n'è motivo

    io agirei più o meno così:
    codice:
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nuova pagina 1</title>
    </head>
    
    <body>
    
    <div align="center">
    	<table border="1" width="780" cellspacing="0" cellpadding="0" id="table1" bordercolor="#00FFFF">
    		<tr>
    			<td colspan="3"></td>
    		</tr>
    		<tr>
    			<td width="150px">
    			<script type="text/javascript" src="http://www.margheritasassari.it/xaramenu.js"></script>
    			<script type="text/javascript" Webstyle4 src="http://www.margheritasassari.it/imgmenu/menu_.js"></script>
            </td>
    			<td width="530px">
    			<p align="center"></td>
    			<td width="200px">
    			<p align="center">
    			
    			
    			</td>
    		</tr>
    	</table>
    </div>
    
    </body>
    
    </html>
    ovviamente puoi inserire div dove ne hai bisogno e settare tutto tramite CSS

  7. #7
    Utente di HTML.it L'avatar di Bioboi
    Registrato dal
    Nov 1999
    Messaggi
    110
    Oddio sei una forza!!! Ti voglio bene grazie!!!!!!!!!!!!!

    P.S.: Se ti vedo ti voglio abbracciare!

  8. #8
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    Se mi vedi vuol dire che siamo seduti con in mano un bicchiere di cannonau...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.