Back to top

Autore Topic: inserire immagine nell'header  (Letto 5311 volte)

Offline sigerico

  • Appassionato
  • ***
  • Post: 209
    • Mostra profilo
inserire immagine nell'header
« il: 14 Feb 2011, 09:32:14 »
Buongiorno,
di seguito allego gli script relativi all'header del mio template (sito iltau.it) vorrei inserire nell'header un'immagine piccola (bandiera italiana del 150° anniversario) in alto a destra dell'header. Cosa devo scrivere e dove devo inserirlo?

Grazie dell'aiuto

/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 934px;
  height: 100px;
  overflow: hidden;
}

div.art-header-png
{
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 934px;
  height: 100px;
  background-image: url('../images/header.png');
  background-repeat: no-repeat;
  background-position: left top;
}

div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 934px;
  height: 100px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}

Offline kuvier00

  • Appassionato
  • ***
  • Post: 440
    • Mostra profilo
Re:inserire immagine nell'header
« Risposta #1 il: 14 Feb 2011, 13:02:36 »
Puoi inserire dentro questo div: <div class="art-header-jpeg"></div> la tua immagine, per es:
<div class="art-header-jpeg"><img src="immagine.jpg" style="float:right; margin-top:10px; margin-right:10px" /></div>

Al posto di 10px come margine, mettici quello che calza meglio

Offline sigerico

  • Appassionato
  • ***
  • Post: 209
    • Mostra profilo
Re:inserire immagine nell'header
« Risposta #2 il: 14 Feb 2011, 14:16:12 »
Ciao Kuvier00 e grazie della risposta,
ho caricato via FTP nell'indexphp del template l'immagine , ma non riesco a visualizzarla, ti allego il gruppo di script eevdienziato ciò che ho scritto io.
<div id="art-main">
<div class="art-sheet">
    <div class="art-sheet-tl"></div>
    <div class="art-sheet-tr"></div>
    <div class="art-sheet-bl"></div>
    <div class="art-sheet-br"></div>
    <div class="art-sheet-tc"></div>
    <div class="art-sheet-bc"></div>
    <div class="art-sheet-cl"></div>
    <div class="art-sheet-cr"></div>
    <div class="art-sheet-cc"></div>
    <div class="art-sheet-body">
<div class="art-header">
<div class="art-header-jpeg"><img src="images/bandiera italia.jpg" style="float:right; margin-top:10px; margin-right:10px" /></div>
    <div class="art-header-png"></div>
    <div class="art-header-jpeg"></div>
<div class="art-logo">
 <h1 id="name-text" class="art-logo-name"><a href="<?php echo $baseUrl; ?>/">Il Tau Guide turistiche[/url]</h1>
 <div id="slogan-text" class="art-logo-text">Massa e Carrara - La Spezia - Lucca - Firenze</div>
</div>

Offline kuvier00

  • Appassionato
  • ***
  • Post: 440
    • Mostra profilo
Re:inserire immagine nell'header
« Risposta #3 il: 14 Feb 2011, 15:07:15 »
Sul sito non appare l'immagine (l'html è uguale a come era prima), sicuro di aver salvato il file prima di rimetterlo su via ftp?

Offline sigerico

  • Appassionato
  • ***
  • Post: 209
    • Mostra profilo
Re:inserire immagine nell'header
« Risposta #4 il: 14 Feb 2011, 15:49:31 »
scusa ma io ho controllato la sorgente di pagina html del sito www.iltau.it e questo è lo script che trovo:
<div class="art-header">
<div class="art-header-jpeg"><img src="/images/bandiera italia.jpg" style="float:right; margin-top:10px; margin-right:10px" /></div>
    <div class="art-header-png"></div>
    <div class="art-header-jpeg"></div>
ora, io ho caricato via FTP la bandiera nella cartella images, il percorso è giusto?

Offline kuvier00

  • Appassionato
  • ***
  • Post: 440
    • Mostra profilo
Re:inserire immagine nell'header
« Risposta #5 il: 14 Feb 2011, 16:30:14 »
Ok ora vedo il tag img, ma non carica l'immagine. Forse hai sbagliato percorso, hai messo l'immagine nella cartella images della root del sito? Potrebbe avere problemi con lo spazio, eliminalo (chiamalo bandiera.jpg per esempio)

 



Web Design Bolzano Kreatif