Telefonino.net network
 
| 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 » |

Torna indietro   WinTricks Forum > Software > Programmazione

Notices

Rispondi
 
Strumenti discussione
Vecchio 16-12-2008, 15.02.02   #1
Alhazred
Made in Japan
Top Poster
 
L'avatar di Alhazred
 
Registrato: 04-07-2001
Messaggi: 4.461
Alhazred promette bene
Header con 2 aree

Ho un problema con un header che non riesco a risolvere... di certo è colpa mia che con i layout tableless sono ancora alle prime armi.
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>
Questo è il codice css
Codice:
#header {
   height: 91px;
   background: #d0d0e0 url(../images/banner.gif) top right no-repeat;
   margin: 10px auto;
   width: 937px;
   padding: 0;
}
le dimensioni delle 2 immagini sono:
- gif animata 286x91
- immagine statica 252x91

Potreste aiutarmi?
Alhazred non è collegato   Rispondi citando
Vecchio 16-12-2008, 15.55.51   #2
Mass8
Hero Member
 
L'avatar di Mass8
 
Registrato: 20-01-2003
Loc.: Fornaci di Briosco
Messaggi: 725
Mass8 promette bene
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.
Mass8 non è collegato   Rispondi citando
Vecchio 16-12-2008, 16.03.16   #3
Alhazred
Made in Japan
Top Poster
 
L'avatar di Alhazred
 
Registrato: 04-07-2001
Messaggi: 4.461
Alhazred promette bene
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?
Alhazred non è collegato   Rispondi citando
Vecchio 16-12-2008, 16.20.57   #4
Mass8
Hero Member
 
L'avatar di Mass8
 
Registrato: 20-01-2003
Loc.: Fornaci di Briosco
Messaggi: 725
Mass8 promette bene
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.
Mass8 non è collegato   Rispondi citando
Vecchio 16-12-2008, 18.19.33   #5
Alhazred
Made in Japan
Top Poster
 
L'avatar di Alhazred
 
Registrato: 04-07-2001
Messaggi: 4.461
Alhazred promette bene
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;
}
Come allineo i div?
Alhazred non è collegato   Rispondi citando
Vecchio 16-12-2008, 18.43.48   #6
Alhazred
Made in Japan
Top Poster
 
L'avatar di Alhazred
 
Registrato: 04-07-2001
Messaggi: 4.461
Alhazred promette bene
Ho risolto togliendo il div
<div style="width:937px; float: right; margin: 20px 20px 0 0;">
Alhazred non è collegato   Rispondi citando
Rispondi


Utenti attualmente attivi che stanno leggendo questa discussione: 1 (0 utenti e 1 ospiti)
 
Strumenti discussione

Regole di scrittura
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is ON
Gli smilies sono ON
[IMG] è ON
Il codice HTML è OFF

Vai al forum

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

Orario GMT +2. Ora sono le: 09.04.17.


E' vietata la riproduzione, anche solo in parte, di contenuti e grafica.
Copyright © 1999-2017 Edizioni Master S.p.A. p.iva: 02105820787 • Tutti i diritti sono riservati
L'editore NON si assume nessuna responsabilità dei contenuti pubblicati sul forum in quanto redatti direttamente dagli utenti.
Questi ultimi sono responsabili dei contenuti da loro riportati nelle discussioni del forum
Powered by vBulletin - 2010 Copyright © Jelsoft Enterprises Limited.