Precedente :: Successivo |
Autore |
Messaggio |
holifay Dio maturo


Registrato: 08/03/05 10:48 Messaggi: 2912 Residenza: Milano
|
Inviato: 11 Feb 2006 01:34 Oggetto: posizionare un iframe |
|
|
sto impazzendo con una cosa che sarà probabilmente semplicissima da farsi, ma io non ci riesco
vorrei posizionare un IFRAME in una pagina web, in alto a sinistra (o a destra) e in alto, sulla stessa linea, centrata rispetto alla pagina, una immagine.
questo è l'iframe
Citazione: | <iframe src="http://miosito.net/sub.html" width="125" height="195" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe> |
Questa è limmagine:
Citazione: | <P align=center><IMG src="logo.jpg" border="0"></P> |
Riuscite a farmeli stare come dovrebbero?
Grazie  |
|
Top |
|
 |
atigra Semidio

Registrato: 21/09/05 11:14 Messaggi: 249
|
Inviato: 11 Feb 2006 09:14 Oggetto: |
|
|
Senza offesa... ma non ho capito. Tu vuoi l'iframe in alto a sx e l'immagine in alto a dx sulla stessa "riga"?  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 11 Feb 2006 11:02 Oggetto: |
|
|
non ho mai provato con gli i-frames, pero' credo tu possa tranquillamente posizionarli con il comando float oppure con il posizionamento assoluto
domanda: come mai stai usando la formattazione classica? non ti sarebbe piu' comodo usare i css? |
|
Top |
|
 |
holifay Dio maturo


Registrato: 08/03/05 10:48 Messaggi: 2912 Residenza: Milano
|
Inviato: 11 Feb 2006 14:13 Oggetto: |
|
|
atigra ha scritto: | Senza offesa... ma non ho capito. Tu vuoi l'iframe in alto a sx e l'immagine in alto a dx sulla stessa "riga"?  |
ma perchè non riesco mai a spiegarmi?
Allora: la pagina ha il logo che deve essere centrato. Alla sua sinistra (o destra) vorrei mettere l'iframe. Il codice dell'iframe è fornito dal provider e riporta il suo banner.
Sulla stessa linea significa che non devono essere uno sopra e l'altro sotto.
@Rebelia: CSS? Non li uso solo perchè non li conosco.  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 11 Feb 2006 14:49 Oggetto: |
|
|
holifay ha scritto: | CSS? Non li uso solo perchè non li conosco.  |
se ne hai voglia, potrebbe essere una buona occasione: ti va? |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 11 Feb 2006 14:58 Oggetto: |
|
|
Codice: |
<iframe src="http://miosito.net/sub.html" width="125" height="195" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
<P align=center><IMG src="logo.jpg" border="0"></P>
|
io lo riscriverei:
Codice: |
<iframe id="iframe" src="http://miosito.net/sub.html"></iframe>
<img id="immagine" src="logo.jpg">
<div id="chiudifloat"></div>
|
e il css:
Codice: |
#iframe {
width: 125px;
height: 195px;
margin: 0px;
padding: 0px;
border: 0px;
overflow: hidden;
float: left;
}
#immagine {
border: 0px;
float: right;
}
#chiudifloat {
clear: both;
|
usando float devi ricordarti di inserire subito sotto un elemento a cui dare clear: both; altrimenti quel che viene dopo si spalma malamente sugli elementi flottanti; quel che ho fatto io (inserire un div ad hoc) non e' correttissimo, meglio sarebbe usare l'elemento blocco subito sotto
***
alternativa col posizionamento assoluto:
Codice: |
<div id="contenitore">
<iframe id="iframe" src="http://miosito.net/sub.html"></iframe>
<img id="immagine" src="logo.jpg">
</div>
|
e il css:
Codice: |
#contenitore {
position: relative;
}
#iframe {
width: 125px;
height: 195px;
margin: 0px;
padding: 0px;
border: 0px;
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
}
#immagine {
border: 0px;
position: absolute;
top: 0px;
right: 0px;
}
|
con il posizionamento assoluto devi avere un elemento contenitore posizionato in modo relativo, altrimenti il posizionamento fa riferimento alla finestra del browser
il css lo inserisci su un file di testo esterno che salvi con estensione .css e lo richiami nell'head con:
Codice: |
<link href="stile.css" rel="stylesheet" type="text/css" />
|
o in alternativa (ma te lo sconsiglio) lo puoi inserire tra i tag <style></style> sempre all'interno dell'head |
|
Top |
|
 |
holifay Dio maturo


Registrato: 08/03/05 10:48 Messaggi: 2912 Residenza: Milano
|
Inviato: 13 Feb 2006 00:18 Oggetto: |
|
|
Grazie reb, ci provo quanto prima
Tanto per capire: in questo caso che vantaggio c'è ad usare i CSS dato che l'impostazione è solo per una pagina? |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 13 Feb 2006 00:24 Oggetto: |
|
|
holifay ha scritto: | Grazie reb, ci provo quanto prima
Tanto per capire: in questo caso che vantaggio c'è ad usare i CSS dato che l'impostazione è solo per una pagina? |
se costruisci accuratamente il layout dando gli id necessari ed esporti *tutta* la formattazione in un foglio di stile esterno, in futuro puoi aggiungere n pagine e decidere quando vuoi di cambiare la grafica agendo su *un* solo file: e' una comodita' che neanche ti immagini e inoltre il tuo sito sara' sempre ordinato perche' riformattando un elemento (es. il colore dei paragrafi o lo stile del bordino del menu) avrai la certezza che tutte le pagine e sottopagine avranno lo stesso stile
anche se a breve sembra superfluo, se lo adotti come modus operandi alla lunga ti ci troverai molto bene, ne sono certa  |
|
Top |
|
 |
atigra Semidio

Registrato: 21/09/05 11:14 Messaggi: 249
|
Inviato: 13 Feb 2006 10:07 Oggetto: |
|
|
rebelia ha scritto: |
anche se a breve sembra superfluo, se lo adotti come modus operandi alla lunga ti ci troverai molto bene, ne sono certa  |
Quoto in toto Rebelia, ne sono pienamente convinto anch'io.
Ciao! |
|
Top |
|
 |
holifay Dio maturo


Registrato: 08/03/05 10:48 Messaggi: 2912 Residenza: Milano
|
Inviato: 14 Feb 2006 00:54 Oggetto: |
|
|
atigra ha scritto: | Quoto in toto Rebelia, ne sono pienamente convinto anch'io.
Ciao! |
OK, grazie! Proverò a cambiare tutta la formattazione e se ho problemi vi disturbo...  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 14 Feb 2006 01:13 Oggetto: |
|
|
holifay ha scritto: | se ho problemi vi disturbo...  |
scherzi? siamo qua che non aspettiamo altro che pavoneggiarci un poco  |
|
Top |
|
 |
SverX Supervisor Macchinisti


Registrato: 25/03/02 12:16 Messaggi: 11810 Residenza: Tokelau
|
Inviato: 14 Feb 2006 18:28 Oggetto: |
|
|
rebelia ha scritto: | scherzi? siamo qua che non aspettiamo altro che pavoneggiarci un poco  |
tu scherzi... ma se arrivavo prima di te le spiegavo come farlo con una tabella... ihihih
 |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 14 Feb 2006 18:44 Oggetto: |
|
|
SverX ha scritto: | rebelia ha scritto: | scherzi? siamo qua che non aspettiamo altro che pavoneggiarci un poco  |
tu scherzi... ma se arrivavo prima di te le spiegavo come farlo con una tabella... ihihih
 |
sappi che ti avrei picchiato a sangue con la crosta della pizza 8) |
|
Top |
|
 |
|