Visualizzazione risultati 1 fino 16 di 16
Like Tree4Likes
  • 2 Post By acsocmel
  • 1 Post By acsocmel
  • 1 Post By radiodelmomento

Discussione: Problema i-frame

  1. #1
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito Problema i-frame

    Ciao ragazzi ho un problema con i link i-frame praticamente non mi funzionano "allineati" cioè se a top di un link fuori i-frame metto 1% alla destra poi metto alla stessa altezza un link nell'i-frame e unaltro fuori a sinistra alla stessa altezza non mi funziona quello nell'i-frame ed è anche impostato tutto giusto infatti se scendo con la scroll bar i link vanno ma sotto o sopra quell'altezza vi lascio il link della pagina:
    http://theworldofdragonball.altervista.org/index2.html

    provate premendo tipo: bamf ufficio immigrazione ecc...
    praticamente provate anche voi alla stessa altezza non mi fa ne selezionre ne premere e ne niente
    eccovi il codice della pagina:

    Codice HTML:
    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="./css/style.css"/>
      <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1?>
     </head>
    <body background="./images/background.jpg" style="zoom:85%;">
    
    <div align="left" style="position:absolute; left:0%; top:35%;">
    <table cellspacing="10" style="width:17%; height:60%;" border="1">
    		<tr>
    		<td width="26%"><a target="I1" href="./4_bamf.htm">
    		Bamf Ufficio Federale per immigrazione e rifugiati politici</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./6_caritas.htm">Caritas
    		</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./7_bundes.htm">
    		Bundesagentur fuer Arbeit ufficio federale per lavoro</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./5_add.htm">
    		Assimilazione titoli di studio tramite ADD</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./3_studio.htm">
    		Finanzia i tuoi Studi con BAFoeG</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./12_impara.htm">
    		Impara il tedesco</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Borse Lavoro</a></td>
    	</tr>
    </table>
    	</div>
    
    <div align="right" style="position:absolute; right:0%; top:35%;">
    <table cellspacing="10" style="width:17%; height:60%;" border="1">
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Richieste assegni Familiari</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Richiesta Wohngeld</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Supplemento Assegni Familiari</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Come Iscrivere i propri figli a scuola</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Missione Cattolica Italiana</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Corriere d'Italia</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Download</a></td>
    	</tr>
    </table>
    	</div>
    
    </body>
    
    <body>
    <table align="center" border="1" style="zoom:100%;">
     <tr>
            <td>
    	    <p>Benvenuto in Germania</p></td>
    	</tr>
    
       <tr>
    		<td>
    		<b><font style="color: #009900;">Sei appena arrivato in Germania? Per lavoro, per studio o turismo?
    		Consultami, scoprirai tanto</br></font>
    		<font style="color: #FFFFFF;">di cui potresti avere bisogno…
    			Questa pagina, intende informarti sui vari servizi, diritti che la</br>
    			Germania ti offre, collegandoti alle istituzioni che ti sono indispensabili,oltre all'agenda della</br></font>
    			<font style="color: #B00000;">"comunitá cattolica italiana in Ludwigshafen (...chi ben comincia è già a metà dell'opera...).</font></b>
    		</td>
    	</tr>
    </table>
    
    <div align="center" style="padding-top:9%;">
    <iframe style="background-color:#FFFFFF;" width="63%" height="530px" name="I1" src="./asd.html">
    </iframe>
    </div>
    
    </body>
    </html>

  2. #2
    L'avatar di radiodelmomento
    radiodelmomento non è connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Quello che succede è che i <div> (invisibili) si mettono sopra l'iframe, quindi quando clicchi l'iframe, in realtà stai cliccando il <div> trasparente vuoto.
    Morale della favola: riduci la larghezza delle tabelle contenenti i due menu.

  3. #3
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    Citazione Originalmente inviato da radiodelmomento Visualizza messaggio
    Quello che succede è che i <div> (invisibili) si mettono sopra l'iframe, quindi quando clicchi l'iframe, in realtà stai cliccando il <div> trasparente vuoto.
    Morale della favola: riduci la larghezza delle tabelle contenenti i due menu.
    Ok grazie per avermi risposto e non c'ho capito assai la storia dei <div> se c'è una soluzione e potresti aiutarmi :)

  4. #4
    L'avatar di radiodelmomento
    radiodelmomento non è connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Modifica il codice della pagina in questo modo:
    Codice HTML:
    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="./css/style.css"/>
      <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1?>
     </head>
    <body background="./images/background.jpg" style="zoom:85%;">
    
    <div align="left" style="position:absolute; left:0%; top:35%; width:251px">
    <table cellspacing="10" style="width:100%; height:60%;" border="1">
    		<tr>
    		<td width="26%"><a target="I1" href="./4_bamf.htm">
    		Bamf Ufficio Federale per immigrazione e rifugiati politici</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./6_caritas.htm">Caritas
    		</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./7_bundes.htm">
    		Bundesagentur fuer Arbeit ufficio federale per lavoro</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./5_add.htm">
    		Assimilazione titoli di studio tramite ADD</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./3_studio.htm">
    		Finanzia i tuoi Studi con BAFoeG</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./12_impara.htm">
    		Impara il tedesco</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Borse Lavoro</a></td>
    	</tr>
    </table>
    	</div>
    
    <div align="right" style="position:absolute; right:0%; top:35%; width:187px">
    <table cellspacing="10" style="width:100%; height:60%;" border="1">
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Richieste assegni Familiari</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Richiesta Wohngeld</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Supplemento Assegni Familiari</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Come Iscrivere i propri figli a scuola</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Missione Cattolica Italiana</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Corriere d'Italia</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Download</a></td>
    	</tr>
    </table>
    	</div>
    
    </body>
    
    <body>
    <table align="center" border="1" style="zoom:100%;">
     <tr>
            <td>
    	    <p>Benvenuto in Germania</p></td>
    	</tr>
    
       <tr>
    		<td>
    		<b><font style="color: #009900;">Sei appena arrivato in Germania? Per lavoro, per studio o turismo?
    		Consultami, scoprirai tanto</br></font>
    		<font style="color: #FFFFFF;">di cui potresti avere bisogno…
    			Questa pagina, intende informarti sui vari servizi, diritti che la</br>
    			Germania ti offre, collegandoti alle istituzioni che ti sono indispensabili,oltre all'agenda della</br></font>
    			<font style="color: #B00000;">"comunitá cattolica italiana in Ludwigshafen (...chi ben comincia è già a metà dell'opera...).</font></b>
    		</td>
    	</tr>
    </table>
    
    <div align="center" style="padding-top:9%;">
    <iframe style="background-color:#FFFFFF;" width="63%" height="530px" name="I1" src="./asd.html">
    </iframe>
    </div>
    
    </body>
    </html>
    Comunque il codice non va per niente bene, sarebbe da rifare daccapo. Iniziando con il layout per finire con la grafica

  5. #5
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    Citazione Originalmente inviato da radiodelmomento Visualizza messaggio
    Modifica il codice della pagina in questo modo:
    Codice HTML:
    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="./css/style.css"/>
      <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1?>
     </head>
    <body background="./images/background.jpg" style="zoom:85%;">
    
    <div align="left" style="position:absolute; left:0%; top:35%; width:251px">
    <table cellspacing="10" style="width:100%; height:60%;" border="1">
    		<tr>
    		<td width="26%"><a target="I1" href="./4_bamf.htm">
    		Bamf Ufficio Federale per immigrazione e rifugiati politici</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./6_caritas.htm">Caritas
    		</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./7_bundes.htm">
    		Bundesagentur fuer Arbeit ufficio federale per lavoro</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./5_add.htm">
    		Assimilazione titoli di studio tramite ADD</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./3_studio.htm">
    		Finanzia i tuoi Studi con BAFoeG</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./12_impara.htm">
    		Impara il tedesco</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Borse Lavoro</a></td>
    	</tr>
    </table>
    	</div>
    
    <div align="right" style="position:absolute; right:0%; top:35%; width:187px">
    <table cellspacing="10" style="width:100%; height:60%;" border="1">
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Richieste assegni Familiari</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Richiesta Wohngeld</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Supplemento Assegni Familiari</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Come Iscrivere i propri figli a scuola</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Missione Cattolica Italiana</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Corriere d'Italia</a></td>
    	</tr>
    	<tr>
    		<td width="26%"><a target="I1" href="./11_borse.htm">
    		Download</a></td>
    	</tr>
    </table>
    	</div>
    
    </body>
    
    <body>
    <table align="center" border="1" style="zoom:100%;">
     <tr>
            <td>
    	    <p>Benvenuto in Germania</p></td>
    	</tr>
    
       <tr>
    		<td>
    		<b><font style="color: #009900;">Sei appena arrivato in Germania? Per lavoro, per studio o turismo?
    		Consultami, scoprirai tanto</br></font>
    		<font style="color: #FFFFFF;">di cui potresti avere bisogno…
    			Questa pagina, intende informarti sui vari servizi, diritti che la</br>
    			Germania ti offre, collegandoti alle istituzioni che ti sono indispensabili,oltre all'agenda della</br></font>
    			<font style="color: #B00000;">"comunitá cattolica italiana in Ludwigshafen (...chi ben comincia è già a metà dell'opera...).</font></b>
    		</td>
    	</tr>
    </table>
    
    <div align="center" style="padding-top:9%;">
    <iframe style="background-color:#FFFFFF;" width="63%" height="530px" name="I1" src="./asd.html">
    </iframe>
    </div>
    
    </body>
    </html>
    Comunque il codice non va per niente bene, sarebbe da rifare daccapo. Iniziando con il layout per finire con la grafica
    asd in che senso a me sembra buono se è errato mi aiuti a risolvere? grazie :)

  6. #6
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    462

    Predefinito

    non c'è molto da aiutare
    devi partire dalle basi leggendo una guida
    comunque togli "width" dalle tabelle e mettilo nei div che le contengono
    se funziona, fermati e comincia a studiare

  7. #7
    Guest

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    non c'è molto da aiutare
    devi partire dalle basi leggendo una guida
    comunque togli "width" dalle tabelle e mettilo nei div che le contengono
    se funziona, fermati e comincia a studiare
    wooow grazie mille sei stato veramenti di aiuto ora va alla perfezione! Grazie veramente :)

    P.S sono sempre io ho dimenticato la pass e mi secca resettarla xD risolto
    Ultima modifica di deviceguide : 30-12-2013 alle ore 23.20.13

  8. #8
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    462

    Predefinito

    sono contento che l'indicazione abbia avuto successo
    buon anno

  9. #9
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    sono contento che l'indicazione abbia avuto successo
    buon anno
    finalmente ho la mia password grazie di tutti buon anno pure a te :D
    comunque del resto nel codice è corretto credo vero? se ci sono errori olte a quello dei width e height me li puoi segnalare :D
    Ultima modifica di theworldofdragonball : 31-12-2013 alle ore 00.13.33

  10. #10
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    462

    Predefinito

    ci sono diverse cose
    per esempio il <body> aperto e chiuso 2 volte
    oppure </br> invece di <br>
    e poi proprietà css inesistenti come "zoom"
    senza parlare della quasi totale assenza di "titoli" e "paragrafi", i contenitori naturali del testo

    usa il validatore W3C e prova ad aggiustare gli errori indicati
    fallo e poi apri una nuova discussione se vuoi aiuto a capire
    e sarebbe meglio che cominciassi a studiare una guida

  11. #11
    L'avatar di radiodelmomento
    radiodelmomento non è connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Citazione Originalmente inviato da theworldofdragonball Visualizza messaggio
    asd in che senso a me sembra buono se è errato mi aiuti a risolvere? grazie :)
    Nel codice che ti ho incollato ho trasportato la larghezza dalla tabella al div che la contiene, quindi ti avevo risolto il problema
    Per "errato" intendo che il contenuto varia a seconda della dimensione dello schermo... ad esempio con un cellulare non si potrebbe navigare nel sito
    La soluzione è quella di dare al contenuto della pagina la dimensione standard di 960px di larghezza, inoltre creare una versione per i cellulari.
    Ci sono anche altri problemi che andrebbero risolti rifacendo la pagina daccapo, tenendo conto delle varie aperture e chiusure dei tag.
    Ultima modifica di radiodelmomento : 31-12-2013 alle ore 02.18.01

  12. #12
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    ci sono diverse cose
    per esempio il <body> aperto e chiuso 2 volte
    oppure </br> invece di <br>
    e poi proprietà css inesistenti come "zoom"
    senza parlare della quasi totale assenza di "titoli" e "paragrafi", i contenitori naturali del testo

    usa il validatore W3C e prova ad aggiustare gli errori indicati
    fallo e poi apri una nuova discussione se vuoi aiuto a capire
    e sarebbe meglio che cominciassi a studiare una guida
    asd il css zoom esiste infatti con quello ho risolte per altre risoluzioni dello schermo o mi si vedeva tutto appiccicato per il body ne ho messi 2 così nel primo body zoommavo la pagina e nel secondo c'erano i cntenuti da non zoommare peri br grazie :D

  13. #13
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    Citazione Originalmente inviato da radiodelmomento Visualizza messaggio
    Nel codice che ti ho incollato ho trasportato la larghezza dalla tabella al div che la contiene, quindi ti avevo risolto il problema
    Per "errato" intendo che il contenuto varia a seconda della dimensione dello schermo... ad esempio con un cellulare non si potrebbe navigare nel sito
    La soluzione è quella di dare al contenuto della pagina la dimensione standard di 960px di larghezza, inoltre creare una versione per i cellulari.
    Ci sono anche altri problemi che andrebbero risolti rifacendo la pagina daccapo, tenendo conto delle varie aperture e chiusure dei tag.
    ahhaha grazie non me ne ero accorto xDD pensavo che avevi citato

  14. #14
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    comunque grazie a tutti di cuore e bun capodanno :) per ora ho risolto ora provo a risolvere che negli altri browser le pagine nell'i-frame sonosfasate tranne cn chrome e se ho problemi apro una nuova discussione :D

  15. #15
    L'avatar di radiodelmomento
    radiodelmomento non è connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Di nulla, vorrei solo darti un consiglio...
    Ormai i frame non si utilizzano più, e nella maggior parte dei casi creano solo problemi.
    Se proprio non ti piacciono le pagine statiche, potresti utilizzare AJAX per cambiare il contenuto di un <div> senza dover ricaricare la pagina.

  16. #16
    Data registrazione
    06-11-2013
    Messaggi
    23

    Predefinito

    Citazione Originalmente inviato da radiodelmomento Visualizza messaggio
    Di nulla, vorrei solo darti un consiglio...
    Ormai i frame non si utilizzano più, e nella maggior parte dei casi creano solo problemi.
    Se proprio non ti piacciono le pagine statiche, potresti utilizzare AJAX per cambiare il contenuto di un <div> senza dover ricaricare la pagina.
    grazie del cansiglio, io ci avevo già pensato ma il sito devo farlo a mio padre e mi ha detto così infatti con gli i-frame devo creare io le pagine e sono una 40ntina si che devo fare solo copia incolla e sostituisco però è seccante farlo xD

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •