Autore Topic: [v9] Immagine header  (Letto 2291 volte)

Baudolino

  • Nuovo arrivato
  • *
  • Post: 3
[v9] Immagine header
« il: 22 Febbraio, 2012, 23:37:30 »
Ciao a tutti,
vorrei inserire un'immagine a cavallo fra l'header e il corpo della pagina ma la metà sul contenuto della pagina va in secondo piano e non si vede. Qualcuno potrebbe aiutarmi?
 
Grazie anticipatamente a tutti coloro che risponderanno.
B

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:[v9] Immagine header
« Risposta #1 il: 23 Febbraio, 2012, 09:25:22 »
Le indicazione che dai sono poche e le risposte da dare molteplici... credo che tu possa risolvere regolando l'altezza dell'header che deve almeno uguale o superiore all'altezza del'immagine che inserisci.


Mic
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

Baudolino

  • Nuovo arrivato
  • *
  • Post: 3
Re:[v9] Immagine header
« Risposta #2 il: 23 Febbraio, 2012, 09:49:04 »
Ciao Mic,
cercherò di essere più preciso: sto realizzando un sito con menù orizzontale sotto l'header. Ho necessità di inserire nell'header un'immagine che deve coprire parte dell'header, il menù e una parte del corpo pagina.
Con evo8 inserivo nell'header un oggetto html <img class="imImage" src="files/xyz.png" width="100" height="100" alt="" />, posizionavo l'oggetto a metà fra header e pagina e l'immagine era visibile mentre ora il corpo della pagina copre l'immagine.


Spero di essermi spiegato meglio


Grazie a tutti
B

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:[v9] Immagine header
« Risposta #3 il: 23 Febbraio, 2012, 10:06:23 »
allora prova a regolare il margine interno superiore del contenuto della pagina in modo che non si sovrapponga. ... sempre che abbia capito..
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

Baudolino

  • Nuovo arrivato
  • *
  • Post: 3
Re:[v9] Immagine header
« Risposta #4 il: 23 Febbraio, 2012, 10:09:17 »
Io vorrei l'effetto opposto: l'immagine deve sovrapporsi al contenuto della pagina coprendo una parte di header, il menù e una parte di pagina. In pratica dev'essere in primo piano...


B

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:[v9] Immagine header
« Risposta #5 il: 23 Febbraio, 2012, 12:00:26 »
z-index
potrebbe servire allo scopo

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:[v9] Immagine header
« Risposta #6 il: 23 Febbraio, 2012, 14:02:14 »
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

Silver

  • Visitatore
Re:[v9] Immagine header
« Risposta #7 il: 23 Febbraio, 2012, 18:07:40 »

nel top metti un oggetto html con questo


<div style=" z-index:100000; position: absolute; top: 0px;  width:100%; height: 100%;  background-image: url('files/logo.png'); background-position:relative;">
<>


allega l'immagine al solito modo.


correggi il nome dell'immagine, posiziona e dimensiona il div con i normali strumenti.


EDIT: mi accorgo ora che il forum si mangia la chiusura del div, tra gli ultimi  <> ci va messo "/ div"
« Ultima modifica: 24 Febbraio, 2012, 16:08:37 da Silver »

StratoS

  • Anziani
  • Utente inesperto
  • *
  • Post: 118
Re:[v9] Immagine header
« Risposta #8 il: 24 Febbraio, 2012, 15:57:40 »
Una domanda simile l'ho postata pochi minuti fa sul sito "Ufficiale", riporto il testo:
...Con la WX8 riuscivo a posizionare immagini e/o codice in qualsiasi parte del progetto partendo o dal top o dal footer, nell'immagine allegata potete vedere che con WX8 ho inserito il campo ricerca nel menù:
http://www.sstest.altervista.org/download/WX8.gif
Cosa che non è possibile fare con WX9
http://www.sstest.altervista.org/download/WX9.gif
Sbaglio qualcosa ho è un'altra modifica per migliorare il programma ?Frown
Scusate il sarcasmo, ma a me sembra che tutte le migliorie apportate, a partire dall'eliminazione del salva con nome, ci stanno facendo perdere tempo nella realizzazione dei progetti...
 
E' vero che con la z-index si riesce a fare, ma non capisco perchè con la W8 ci si riusciva senza dover inserire codice e con la W9 no.
Ciao a tutti.
Augusto.