Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Iframe e tabella

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    263

    Iframe e tabella

    Ciao a tutti.
    Premetto che non sono un esperto di html e tantomeno dei css...
    Ho una tabella con 4 righe. Nella prima inserisco un logo (e va bene), nella seconda un menù orizzontale gestito in css (e va bene), nella terza inserisco un iframe (che mi deve visualizzare delle immagini random (e va bene, ma ho qualche dubbio), nella quarta dovrei inserire un footer gestito con css.
    Su questo punto ho dei problemi: non mi viene visualizzato e ho la sensazione che l'iframe me lo nasconda (eppure ho indicato nell'iframe height=70%...)
    Vi posto il codice html e il css:
    <body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">

    <table width="100%" height="100%" border="1">
    <tr>
    <td height="5%" align="center">
    [img]images/Logo.jpg[/img]</td>
    </tr>
    <tr>
    <td height="5%" >
    <ul class="menu4">
    [*]Search</font>
    [*]Galleries
    [*]Biography
    [*]Products
    [*]Download
    [/list]
    </td>
    </tr>
    <tr >
    <td height="60%"><iframe name="centro" src="./main.asp" width="100%" height="70%" border="0" marginwidth="10" marginheight="10"></td>
    </tr>
    <tr>
    <td ></td>
    </tr>
    <tr>
    <td align="left" class="footer">&copy;copyright info |privacy policy|site map</td>
    </tr>
    </table>
    </body>

    CSS:
    iframe {
    position: static;
    top: 0%;
    left: 0%;
    }


    .menu4{
    background:#FFF;
    color:#000;
    margin:0;
    padding:0.5em 0;
    text-align:center;
    font-family: Arial, helvetica, sans-serif;
    font-size: 90%;
    }

    .menu4 li{
    display:inline;
    }
    .menu4 a{
    height:0;
    padding:0.5em 0;
    text-decoration:none;
    margin:-0.5em 1em;
    }
    .menu4 a:link,
    .menu4 a:visited{
    background:#FFF;
    color:#666;
    }
    .menu4 a:hover,
    .menu4 a:focus,
    .menu4 a:active{
    background:#FFF;
    color:#000;
    border-bottom:0.2em solid #000;
    padding-bottom:0.3em;
    }
    .menu4 .voceCorrente a:link,
    .menu4 .voceCorrente a:visited,
    .menu4 .voceCorrente a:hover,
    .menu4 .voceCorrente a:focus,
    .menu4 .voceCorrente a:active{
    background:#FFF;
    color:#000;
    border-bottom:0.4em solid #000;
    padding-bottom:0.1em;
    }



    Qualcuno mi può dare una mano ?

    Marco

  2. #2

    Re: Iframe e tabella

    Originariamente inviato da marviv
    Ciao a tutti.
    Premetto che non sono un esperto di html e tantomeno dei css...
    Ho una tabella con 4 righe. Nella prima inserisco un logo (e va bene), nella seconda un menù orizzontale gestito in css (e va bene), nella terza inserisco un iframe (che mi deve visualizzare delle immagini random (e va bene, ma ho qualche dubbio), nella quarta dovrei inserire un footer gestito con css.
    Su questo punto ho dei problemi: non mi viene visualizzato e ho la sensazione che l'iframe me lo nasconda (eppure ho indicato nell'iframe height=70%...)
    Vi posto il codice html e il css:
    <body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">

    <table width="100%" height="100%" border="1">
    <tr>
    <td height="5%" align="center">
    [img]images/Logo.jpg[/img]</td>
    </tr>
    <tr>
    <td height="5%" >
    <ul class="menu4">
    [*]Search</font>
    [*]Galleries
    [*]Biography
    [*]Products
    [*]Download
    [/list]
    </td>
    </tr>
    <tr >
    <td height="60%"><iframe name="centro" src="./main.asp" width="100%" height="70%" border="0" marginwidth="10" marginheight="10">manca=</iframe></td>
    </tr>
    <tr>
    <td ></td>
    </tr>
    <tr>

    <td align="left" class="footer">&copy;copyright info |privacy policy|site map</td>
    </tr>
    </table>
    </body>

    CSS:
    iframe {
    position: static;
    top: 0%;
    left: 0%;
    }


    .menu4{
    background:#FFF;
    color:#000;
    margin:0;
    padding:0.5em 0;
    text-align:center;
    font-family: Arial, helvetica, sans-serif;
    font-size: 90%;
    }

    .menu4 li{
    display:inline;
    }
    .menu4 a{
    height:0;
    padding:0.5em 0;
    text-decoration:none;
    margin:-0.5em 1em;
    }
    .menu4 a:link,
    .menu4 a:visited{
    background:#FFF;
    color:#666;
    }
    .menu4 a:hover,
    .menu4 a:focus,
    .menu4 a:active{
    background:#FFF;
    color:#000;
    border-bottom:0.2em solid #000;
    padding-bottom:0.3em;
    }
    .menu4 .voceCorrente a:link,
    .menu4 .voceCorrente a:visited,
    .menu4 .voceCorrente a:hover,
    .menu4 .voceCorrente a:focus,
    .menu4 .voceCorrente a:active{
    background:#FFF;
    color:#000;
    border-bottom:0.4em solid #000;
    padding-bottom:0.1em;
    }



    Qualcuno mi può dare una mano ?

    Marco

    ho segnato solo alcune degli errori gravi e gravissimi che non permettono a questa pagina html di chiamarsi tale

    ciaux

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2004
    Messaggi
    263
    Ti ringrazio, in effetti inserendo </iframe> il problema si risolve.
    Ed è anche vero che questa pagina è un'accozzaglia di codice disordinato, però se tolgo per esempio align="center" prima della visualizzazione del logo, quest'ultimo non mi viene più centrato.
    Insomma, siccome non sono un esperto, una "martellata" qua e una là, alla fine il risultato viene.
    Puoi darmi, se hai tempo e voglia, per esempio un consiglio su come centrare il logo ?

    Grazie
    Marco

  4. #4
    l'obiettivo e' realizzare una struttura con tutti gli elementi e un foglio di stile per graficizzarli, prova cosi':

    codice:
    <style type="text/css">
    <!--
    .contcentrato {
    	text-align: center;
    	background-color:#0033FF
    }
    -->
    </style>
    </head>
    
    <body>
    
    <table>
      <tr>
        <td class="contcentrato">qui la tua foto centrata</td>
      </tr>
    </table>
    
    
    
    meglio se al posto di &lt;table&gt; utilizzi &lt;div&gt;:</p>
    <div class="contcentrato">qui la tua foto centrata</div>
    ciaux

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.