|
| HOMEPAGE | INDICE FORUM | REGOLAMENTO | ::. | NEI PREFERITI | .:: | RSS Forum | RSS News | NEWS web | NEWS software | |
| PUBBLICITA' | | | ARTICOLI | WIN XP | VISTA | WIN 7 | REGISTRI | SOFTWARE | MANUALI | RECENSIONI | LINUX | HUMOR | HARDWARE | DOWNLOAD | | | CERCA nel FORUM » | |
16-12-2008, 15.02.02 | #1 |
Made in Japan
Top Poster
Registrato: 04-07-2001
Messaggi: 4.461
|
Header con 2 aree
Dovrei mettere nell'header 2 immagini diverse affiancate, una è una gif animata, l'altra è un'immagine statica. Per ora ho risolto attaccando le due immagini e facendo venir fuori un'immagine in un unico file, ma è venuta da quasi 1,5MB quindi non va bene, la gif animata da sola è 62KB e l'altra 13KB, per questo credo sia meglio lasciarle separate. Come faccio a creare un header con 2 aree adiacenti? Una composta sulla sinistra dal solo sfondo e allineata a destra la gif animata, l'altra con l'immagine statica, il tutto in modo che venga come l'immagine qui sotto (ho evidenziato in rosso le varie aree, la prima è lo sfondo, la seconda è la gif animata e l'ultima è l'immagine statica, le prime 2 in realtà andrebbero in un unica area) Questo è il codice attuale dell'header Codice:
<div id="header"> <div style="width:937px; float: right; margin: 20px 20px 0 0;"> <div id="newsflash"> <jdoc:include type="modules" name="top" style="rounded" /> </div> </div> </div> Codice:
#header { height: 91px; background: #d0d0e0 url(../images/banner.gif) top right no-repeat; margin: 10px auto; width: 937px; padding: 0; } - gif animata 286x91 - immagine statica 252x91 Potreste aiutarmi? |
16-12-2008, 15.55.51 | #2 |
Hero Member
Registrato: 20-01-2003
Loc.: Fornaci di Briosco
Messaggi: 725
|
ho una piccola riminiscenza: ma i frame non si usano +?
___________________________________
Athlon XP 1700+ Ram 512 Mb HD 60Gb + HD 120 Gb GeForce 3 Ti200 64 Mb. WinXP Sp1 + IE6 + WinTricks Tools 1.1. |
16-12-2008, 16.03.16 | #3 |
Made in Japan
Top Poster
Registrato: 04-07-2001
Messaggi: 4.461
|
Boh, vedo la gente storcere il naso quando si parla di layout con i frame.
Alternativa: posso mettere tutte e 2 le immagini all'interno del div header esistente in modo che si affianchino una all'altra allineate a destra, senza che si sovrappongano? Come? |
16-12-2008, 16.20.57 | #4 |
Hero Member
Registrato: 20-01-2003
Loc.: Fornaci di Briosco
Messaggi: 725
|
hai provato con un editor a vedere lui come lo fa?
___________________________________
Athlon XP 1700+ Ram 512 Mb HD 60Gb + HD 120 Gb GeForce 3 Ti200 64 Mb. WinXP Sp1 + IE6 + WinTricks Tools 1.1. |
16-12-2008, 18.19.33 | #5 |
Made in Japan
Top Poster
Registrato: 04-07-2001
Messaggi: 4.461
|
Ci siamo quasi, ora si tratta di allineare i div, il risultato che ho ora è questo
i codici sono questi Codice:
<div id="header"> <div style="width:937px; float: right; margin: 20px 20px 0 0;"> <!-- questo è il div evidenziato --> <div id="header_img1" ></div> <div id="header_img2" ></div> </div> </div> Codice:
#header { height: 91px; background-color: #d0d0e0; margin: 10px auto; width: 937px; padding: 0; border: none; border-width : 0px; } #header_img1 { /*è l'immagine da affiancare sulla sinistra di quella qui sotto */ background-image: url('../images/h_img.gif'); background-repeat: no-repeat; float : right; border: none; border-width : 0px; margin-top: 0; width : 252px; height : 91px; } #header_img2 { /*è l'immagine che va ll'estremità destra */ background-image : url('../images/h_banner.gif'); background-repeat: no-repeat; margin-right: 0; margin-top: 0; float:right; border: none; border-width : 0px; width : 268px; height : 91px; } |
16-12-2008, 18.43.48 | #6 |
Made in Japan
Top Poster
Registrato: 04-07-2001
Messaggi: 4.461
|
Ho risolto togliendo il div
<div style="width:937px; float: right; margin: 20px 20px 0 0;"> |
Utenti attualmente attivi che stanno leggendo questa discussione: 1 (0 utenti e 1 ospiti) | |
|
|
Discussioni simili | ||||
Discussione | Autore discussione | Forum | Risposte | Ultimo messaggio |
Download bloccato dai criteri sulle aree di protezione | Thelastone | Software applicativo | 40 | 24-11-2008 01.17.50 |
[HTML] Definire la codifica della pagina negli header | UG0_BOSS | Programmazione | 7 | 11-07-2007 22.01.06 |
[win all] esiste un programma per browsing/editing di aree di disco fisso ? | il gladiatore | Software applicativo | 3 | 27-03-2007 09.31.42 |
header e footer nelle mail | LucaSeil | Office suite | 1 | 30-11-2005 10.28.27 |
Sbloccare header in file word | Tungpalm | Office suite | 1 | 11-02-2005 12.10.27 |