inserire un iframe in una tabella

Versione Completa Stampa Cerca Utenti Iscriviti Condividi :

...Voci nel Web... » ...Voci nel Web... » ...Web Mania... » Web Development

djmarvin

00mercoledì 1 febbraio 2006 19:44

Avendo una tabella con sfondo (usa una immagine) dovrei inserire un iframe collegato ad una pagina php.
Inserendo iframe in quella tabella,si vede la differenza in quanto se imposto l'immagine di sfondo anche nella pagina richiamata tramite iframe non si visualizza correttamente lo sfondo.

Dovrei riuscire ad inserire tra i due bordini sopra e sotto direttamente l'iframe, senza inserire l'iframe dentro la tabella centrale.

Posto il codice utilizzato.

<style>

</style>
<table width="152" border="0" cellpadding="0" cellspacing="0" background="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/bg.jpg" height="26">
<tr>
<td width="8" height="15" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/01td.jpg" width="8" height="15"></td>
<td align="center" background="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/03td.jpg" height="15" style="font-family: Verdana, Arial, Helvetica, sans-serif"><span class="style1">.:
Login :. </span></td>
<td width="8" height="15" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/01btd.jpg" width="8" height="15"></td>
</tr>
<tr>
<td height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif"> </td>
<td width="100%" align="left" valign="top" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif"> </td>
</tr>
<tr>
<td width="8" height="10" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/02td.jpg" width="8" height="10"></td>
<td background="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/04td.jpg" height="10" style="font-family: Verdana, Arial, Helvetica, sans-serif"></td>
<td width="8" height="10" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/02btd.jpg" width="8" height="10"></td>
</tr>
</table>

questa parte qui,che rappresenta la tabella centrale per il testo

<td height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif"> </td>
<td width="100%" align="left" valign="top" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<p> </p>
<p> </p>
<p> </p>
<p> </td>
<td height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif"> </td>

dovrebbe essere sostituita direttamente con iframe.

Soltanto che quando ci ho provato, i bordini delle tabelle sopra e sotto non si accostavano correttametne con iframe.
Modificato da djmarvin 01/02/2006 19.44

Modificato da Donia 01/02/2006 20.48

djmarvin

00mercoledì 1 febbraio 2006 19:56

Dovrei ottenere un risultato simile,con i codici corretti.

<td width="8" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/01td.jpg" width="8" height="15"></td>
<td align="center" background="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/03td.jpg" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif"><span class="style1">
.: Login :. </span></td>
<td width="8" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/01btd.jpg" width="8" height="15"></td>
</tr>
</table>
<p>
<b>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<iframe src="http://www.folliefolli.com/forum/login_da_hompage.php" width="17%" height="185" align="center"
frameborder="0" marginwidth="1" marginheight="1" scrolling="no" name="I1"></iframe></font></b>
</p>
<table width="152" border="0" cellpadding="0" cellspacing="0" background="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/bg.jpg" height="1">
<tr>
<td width="8" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/02td.jpg" width="8" height="10"></td>
<td background="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/04td.jpg" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif"></td>
<td width="8" height="1" style="font-family: Verdana, Arial, Helvetica, sans-serif">
<img src="file:///C:/Documents%20and%20Settings/Andrea/Documenti/Web/Siti%20Web/FollieFolli/FollieFolli2006/images/02btd.jpg" width="8" height="10"></td>
</tr>
</table>
<p>

Modificato da Donia 01/02/2006 20.49

Donia

00mercoledì 1 febbraio 2006 20:47

sono un pò di fretta e nn so se ho capito bene

cmq perchè non metti lo sfondo nella pagina php anzichè nella tabella che lo contiene [SM=x39917]

Donia

00mercoledì 1 febbraio 2006 20:48

ah spe
dici che nn si visualizza correttamente

domani ci dò un'occhiata

Donia

00mercoledì 1 febbraio 2006 20:51

intanto se puoi dammi il link alla pagina in php che ti dà problemi

djmarvin

00mercoledì 1 febbraio 2006 20:55

http://www.folliefolli.com/forum/login_da_hompage.php
questa è la pagina php. Gli ho già messo come sfondo l'imamgine della tabella.

00mercoledì 1 febbraio 2006 21:00

Dici
templates/digitalGold/images/bM.gif
? [SM=x39913]

00mercoledì 1 febbraio 2006 21:01

Nella login da homepage nn vedo iframes [SM=x39948]

djmarvin

00mercoledì 1 febbraio 2006 21:04

Re:

Scritto da: g 01/02/2006 21.01
Nella login da homepage nn vedo iframes

appunto perchè non ci devono essere. E' quella la pagina che deve essere inclusa nell'iframe.

E prima dell'iframe ci deve essere la prima prima parte della tabella , poi l'iframe e poi la chiusura della tabella.

djmarvin

00mercoledì 1 febbraio 2006 21:28

-------------------------------------
tabella
intestazione tabella con bordino
-------------------------------------

iframe che linka alla pagina php

-------------------------------------

tabella
intestazione tabella con bordino
-------------------------------------

Prima invece io avevo fatto

-------------------------------------
intestazione tabella con bordino
-------------------------------------

tabella +
iframe che linka alla pagina php

-------------------------------------
intestazione tabella con bordino
-------------------------------------

e avendo come sfondo una immagine e non un singolo colore,l'immagine,come vedi è ottimizzata per le dimensioni della tabella e non poteva stare contemporaneamente nella tabella centrale e come sfondo nella pagina php perchè si vedeva la differenza e le sfumature erano tutte scentrate.

Spero di essere stato più chiaro

00giovedì 2 febbraio 2006 00:23

Devi fare 1 pafina...Diciamo main.html [SM=x39859]

In qst apri tutti gli iframes ke vuoi,ma da lìddentro [SM=x40004]

In qst modo se devi dare 1 URL dai qll del frame complessivo ke po contiene lgi iframes di login,il menù,ecc insieme alle aree statike d'intestazione,loghi,ecc [SM=x39948]

Donia

00giovedì 2 febbraio 2006 09:14

io non sono ancora certa di aver capito bene

magari è il caso che posti anche la pagina principale con dentro l'iframe

cmq la tabella contenente l'iframe è più larga delle altre perchè le righe del form username e password sono troppo lunghe

anzichè size="20" prova con size="15"

forse anche la frase "ho dimenticato la password" è troppo lunga

djmarvin

00giovedì 2 febbraio 2006 15:55

Probabilmente non mi sono spiegato bene o non è stata capita bene l'essenza di quello che voglio fare,spiegato in tutte le discussioni fino ad ora postate.

Cercherò di spiegarmi con l'aiuto di immagini.

Allora io ho una tabella (vedi immagine)

Ho la necessità di usare uno script di login,che funziona solo in php. La mia pagina è in html. Quindi devo usare un iframe ed includere nella pagina html lo script php.
La tabella,come si vede dall'immagine,non ha un semplice colore di sfondo,ma utilizza una immagine.

Se inserisco dentro quella tabella un iframe, e imposto lo sfondo della pagina php come quello della tabella,le sfumature della tabella e quelle utilizzate con la pagina php non coincidono.

Avrei bisogno quindi un codice che includesse i bordini rossi della tabella con in mezzo direttamente il codice dell'iframe ( non come ho fatto io che ho aggiunto l'iframe dentro la tabella).

Non curatevi se le dimensioni dell'iframe non coincidono. Una volta sistemato il codice,sarà mio compito ridimensionare di conseguenza anche i valori "login" o "ho dimenticato la password".

djmarvin

00giovedì 2 febbraio 2006 15:59

Il risultato dovrà essere una cosa di questo tipo, con le sfumature sistemate (per non far vedere che si tratta di un iframe e che richiama quindi un'altra pagina che starebbe male anche dal punto di vista estetico).

Per il codice potete usare quello già fornito nel primo post di questa discussione e adattarlo per includerci l'iframe.

Ringrazio

Donia

00giovedì 2 febbraio 2006 16:03

mi puoi mandare le immagini della tabellina a donia@email.it

nel primo codice che hai scritto si trovano nella tua cartella di documenti e quindi non posso regolarmi

Donia

00giovedì 2 febbraio 2006 16:04

ma sono quelle che ti ho fatto io?

se sì uso quelle

djmarvin

00giovedì 2 febbraio 2006 16:06

Re:

Scritto da: Donia 02/02/2006 16.03
mi puoi mandare le immagini della tabellina a donia@email.it

nel primo codice che hai scritto si trovano nella tua cartella di documenti e quindi non posso regolarmi

si sono quelle.

djmarvin

00giovedì 2 febbraio 2006 16:07

Ecco ho fatto anche uno schemino cosi spiego ulteriormente bene nel caso non fossi stato chiaro.

Nella figura a è come ho tentato di risolvere io il problema.
Ho usato due colori sfumati apposta,per far vedere che non coincidono i colori della sfumatore dell'iframe e quella della tabella.

Io dovrei quindi eliminare la tabella centrare,tenere solo i bordini rossi di "apertura e chiusura" e metterci in mezzo l'iframe.

Come da figura b

Donia

00giovedì 2 febbraio 2006 16:30

Innanzitutto io ti consiglio di rinominare tutte le pagine in .php anzichè usare iframe in pagine html...

cmq volendo risolvere questa specifica situazione ti evidenzio in grassetto le modifiche che ho fatto al tuo codice:

pagina di login in php:

<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="background-color: transparent;" >

<form action="login.php" method="post" target="_top">
<b><font size="1" face="Verdana">Username:</font></b><br />
<input type="text" name="username" size="17" maxlength="40" value="" /><br />
<b><font size="1" face="Verdana">Password:</font></b><br />
<input type="password" name="password" size="17" maxlength="25" /><br />
<input type="checkbox" name="autologin" value="ON" /> <b>
<font size="1" face="Verdana">Login automatico</font></b><p />
<input type="hidden" name="redirect" value="./../forum" />
<input type="hidden" name="sid" value="8d5b5aba99f072d64eec92e924235374" />
<input type="hidden" name="outside" value="1" />
<div align="center" style="width: 156; height: 57"><input type="submit" class="mainoption" name="login" value="Log in" /><p />
<b><font face="Verdana" size="1">
<a href="profile.php?mode=sendpassword&sid=8d5b5aba99f072d64eec92e924235374" style="text-decoration: none">
<font color="#000000">Ho dimenticato la<br> password</font></a></font></b></div>
</form>
</body>
</html>

Codice della tabellina:

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="154" align="center" valign="top"><table width="152" border="0" cellpadding="0" cellspacing="0" background="immagini/bg.jpg">
<tr>
<td width="8" height="15"><img src="immagini/01td.jpg" width="8" height="15"></td>
<td align="center" background="immagini/03td.jpg"><span class="style1">.: Menù :. </span></td>
<td width="8" height="15"><img src="immagini/01btd.jpg" width="8" height="15"></td>
</tr>
<tr>
<td> </td>
<td width="100%" align="left" valign="top"> <iframe src="login_da_hompage.php" width="100%" height="185" align="center"
frameborder="0" marginwidth="1" marginheight="1" scrolling="no" name="I1" allowtransparency="true"></iframe> </td>
<td> </td>
</tr>
<tr>
<td width="8" height="10"><img src="immagini/02td.jpg" width="8" height="10"></td>
<td background="immagini/04td.jpg"></td>
<td width="8" height="10"><img src="immagini/02btd.jpg" width="8" height="10"></td>
</tr>
</table>

djmarvin

00giovedì 2 febbraio 2006 16:37

Grazie per il codice [SM=x39990]

Innanzitutto io ti consiglio di rinominare tutte le pagine in .php anzichè usare iframe in pagine html...

Come mai? Perchè dici ciò? Tutta la pagina è in html,tu dicevi di rinominare il file html scritto in html in php (rinominando cioè da .html a .php solo l'estensione del file) ?

Donia

00giovedì 2 febbraio 2006 16:40

certo
così potrai utilizzare gli include per rendere il sito più dinamico

e puoi inserire i form e gli script php direttamente nella pagina senza bisogno di iframe

Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 19:20.