cella da 1 pixel
- Creatore Discussione Shumy300
- Data di inizio
Sinceramente io uso frontpage, ma il mio dipendente usa dreamweaver e vedo che ha grandi difficoltà con le tabelle e soprattutto abbiamo notato che il codice risultante dalla creazione della STESSA pagina con tabelle e immagini/testo all'interno con Dreamweaver risulta molto più lungo (e quindi + lento a caricarsi) rispetto a Frontpage.
Magari puoi migrare o utilizzare frontpage solo in alcuni casi come fa lui.
Ciao,
Zi$o
Magari puoi migrare o utilizzare frontpage solo in alcuni casi come fa lui.
Ciao,
Zi$o
per creare una cella di un px devi inserire nella cella un'immagine trasparente di 1px e mettere sia cellspacing= 0 sia cellpadding= 0, per il bordo il discorso è diverso=0 se non lo vuoi o della misura che vuoi ma non influisce sulle dimensioni interne della cella.
dreamweaver adatta le dimensioni della cella all'immagine che c'è all'interno o al testo per questo le celle sono 'ballerine' ....se tu metti nella stessa colonna un'immagine o un testo che occupano p.e. 50px di larghezza e più sotto un'immagine di 10px di larghezza, anche la cella dell'immagine di 10 px diventerà di 50px di larghezza.
se non vuoi che la larghezza della colonna si adegui e misuri 50px anche all'altezza della tua immagine di 10 px, devi inserire l'immagine di 50 px in due celle unite (che cioè suddivideranno lo spazio in due colonne).
bisogna farci un po' l'occhio, ma si possono fare combinazioni di tutti i tipi, bisogna pensarci un po' e trovare la soluzione ottimale.
per quanto riguarda il codice, personalmente lo vado sempre a pulire togliendo tutte le ridondanze, non sempre il comando ottimizza html risulta funzionale!
non ho mai lavorato con frontpage quindi non posso fare paragoni, ma anche pagine abbastanza complicate si caricano in fretta...o meglio non mi si è mai presentato questo problema...
dreamweaver adatta le dimensioni della cella all'immagine che c'è all'interno o al testo per questo le celle sono 'ballerine' ....se tu metti nella stessa colonna un'immagine o un testo che occupano p.e. 50px di larghezza e più sotto un'immagine di 10px di larghezza, anche la cella dell'immagine di 10 px diventerà di 50px di larghezza.
se non vuoi che la larghezza della colonna si adegui e misuri 50px anche all'altezza della tua immagine di 10 px, devi inserire l'immagine di 50 px in due celle unite (che cioè suddivideranno lo spazio in due colonne).
bisogna farci un po' l'occhio, ma si possono fare combinazioni di tutti i tipi, bisogna pensarci un po' e trovare la soluzione ottimale.
per quanto riguarda il codice, personalmente lo vado sempre a pulire togliendo tutte le ridondanze, non sempre il comando ottimizza html risulta funzionale!
non ho mai lavorato con frontpage quindi non posso fare paragoni, ma anche pagine abbastanza complicate si caricano in fretta...o meglio non mi si è mai presentato questo problema...
ciao carla146, purtroppo non riesco a creare sta maledetta righetta nera :incazz:
allora, praticamente voglio creare due celle con immagini di fondo e una linea nera di 1px che le divida, tutto qui.
Creo in vista layout una tab con dentro 2 celle, inserisco le imagini come fondo sia ad una e all'altra.
"Allontano" le due creando uno spazietto per la futura linea ,a quando creo una cella in questo spazio per mettere l'immagine di 1 px, questa non diventa più stretta di 4px :hammer:
dal codice modifico a 1px ma me ne da sempre 4.
se hai tempo, potresti creare queste due celle e inserire una linea scrivendomi i passaggi? guarda, te ne sarei grato veramente
allora, praticamente voglio creare due celle con immagini di fondo e una linea nera di 1px che le divida, tutto qui.
Creo in vista layout una tab con dentro 2 celle, inserisco le imagini come fondo sia ad una e all'altra.
"Allontano" le due creando uno spazietto per la futura linea ,a quando creo una cella in questo spazio per mettere l'immagine di 1 px, questa non diventa più stretta di 4px :hammer:
dal codice modifico a 1px ma me ne da sempre 4.
se hai tempo, potresti creare queste due celle e inserire una linea scrivendomi i passaggi? guarda, te ne sarei grato veramente
ti dico come farei io.
non ho ben capito come è la situazione, ma faccio un discorso in orizzontale che puoi trasferire in verticale se serve.
non lavoro in layout, perchè lo trovo molto più complicato!
do la misura giusta alle immagini (così non vanno ridimensionate = meno peso e mantengono la qualità che voglio) e le metto ognuna in una cella sulla stessa riga ...due colonne.
se voglio che siano divise da una linea centrale nera di un px, io faccio così:
creo TRE colonne
1 colonna: prima immagine
2 colonna: spaziatore trasparente 1pxX1px, sfondo cella = nero
3 colonna: seconda immagine
impostazioni generali tabella:
MargCelle = 0
SpazCelle = 0 (se vuoi che le immagini abbiano un po' di distanza, il valore che vuoi)
bordo = 0
se il discorso è in verticale il principio è lo stesso (1 colonna, 3 righe)
questo metodo è comodo perchè così ti crei uno spaziatore trasparente una volta per tutte e te lo passi qui e là senza dover cambiare il colore.
dimmi se avevo capito giusto o volevi qualcos'altro....
ops, ho visto che tu vuoi mettere le immagini come sfondo alla cella...questo crea un problema.
ho notato che i browser leggono in modo diverso per cui ti può capitare, dato che l'immagine di sfondo se le misure della cella aumentano viene ripetuta, che si sfasi il tutto.
ora....
se a te non interessa che l'immagine di sfondo si dilati, va ancora bene il procedimento che ho descritto prima (anche la cella centrale aumenterà e risulterà sempre nera)
se invece vuoi che lo sfondo non si ripeta, devi intervenire aggiungendo celle (colonne o righe) e immetterci il famoso spaziatore per bloccarne le misure (sempre 1px da una parte, ma dall'altra tanti px quanti sono quelli dell'immagine)
tutto chiaro?
non ho ben capito come è la situazione, ma faccio un discorso in orizzontale che puoi trasferire in verticale se serve.
non lavoro in layout, perchè lo trovo molto più complicato!
do la misura giusta alle immagini (così non vanno ridimensionate = meno peso e mantengono la qualità che voglio) e le metto ognuna in una cella sulla stessa riga ...due colonne.
se voglio che siano divise da una linea centrale nera di un px, io faccio così:
creo TRE colonne
1 colonna: prima immagine
2 colonna: spaziatore trasparente 1pxX1px, sfondo cella = nero
3 colonna: seconda immagine
impostazioni generali tabella:
MargCelle = 0
SpazCelle = 0 (se vuoi che le immagini abbiano un po' di distanza, il valore che vuoi)
bordo = 0
se il discorso è in verticale il principio è lo stesso (1 colonna, 3 righe)
questo metodo è comodo perchè così ti crei uno spaziatore trasparente una volta per tutte e te lo passi qui e là senza dover cambiare il colore.
dimmi se avevo capito giusto o volevi qualcos'altro....
ops, ho visto che tu vuoi mettere le immagini come sfondo alla cella...questo crea un problema.
ho notato che i browser leggono in modo diverso per cui ti può capitare, dato che l'immagine di sfondo se le misure della cella aumentano viene ripetuta, che si sfasi il tutto.
ora....
se a te non interessa che l'immagine di sfondo si dilati, va ancora bene il procedimento che ho descritto prima (anche la cella centrale aumenterà e risulterà sempre nera)
se invece vuoi che lo sfondo non si ripeta, devi intervenire aggiungendo celle (colonne o righe) e immetterci il famoso spaziatore per bloccarne le misure (sempre 1px da una parte, ma dall'altra tanti px quanti sono quelli dell'immagine)
tutto chiaro?
Ultima modifica:
Grazie carlaaaa!! :fonzie:
ci sono riuscito!
io usavo un'immagine da 1px x 1px ma nera! cioè un puntino nero! non una immagine trasparente da 1px x 1px. ecco dove stava il problema ora va tutto bene.
solo che è insorto un altro problemino con i rollover
praticamente se creo un'img rollover e la provo sul mio browser questa "cambia" immagine velocemente come in effetti dovrebbe essere, ma quando la porto sul server, questa per effettuare l'effetto rollover ci mette un paio di secondi, cioè il passaggio dall'img off all'on ci impiega tempo :incazz:
aiuto please?
ci sono riuscito!
io usavo un'immagine da 1px x 1px ma nera! cioè un puntino nero! non una immagine trasparente da 1px x 1px. ecco dove stava il problema
ora va tutto bene.solo che è insorto un altro problemino con i rollover
praticamente se creo un'img rollover e la provo sul mio browser questa "cambia" immagine velocemente come in effetti dovrebbe essere, ma quando la porto sul server, questa per effettuare l'effetto rollover ci mette un paio di secondi, cioè il passaggio dall'img off all'on ci impiega tempo :incazz:
aiuto please?
per evitare tempi di attesa devi spuntare la casella di precaricamento, così carica tutte le immagini del rollover mentre carica la pagina e dopo le ha pronte!
quel tempo che aspetti è perchè carica quando tu clicchi e non ha già l'immagine in memoria....
bye :fonzie:
quel tempo che aspetti è perchè carica quando tu clicchi e non ha già l'immagine in memoria....
bye :fonzie:
La funzione preload l'ho attivata, incollo il codice:
<body onLoad="MM_preloadImages('img/home2.gif')">
e il rollover vero e proprio:
<a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','img/home2.gif',1)">
<img src="img/home1.gif" alt="home" name="home" width="70" height="42" border="0">
Dove sta l'errore? una gif pesa 1,45 Kb.
<body onLoad="MM_preloadImages('img/home2.gif')">
e il rollover vero e proprio:
<a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','img/home2.gif',1)">
<img src="img/home1.gif" alt="home" name="home" width="70" height="42" border="0">
Dove sta l'errore? una gif pesa 1,45 Kb.
Discussioni simili
