immagine di sfondo sotto al menù

**james13** · 21-10-2013, 17:05

Salve ragazzi,
ho la mia pagina web(home) impostata in questo modo:

codice:

<html>
<head>
       <link rel="stylesheet" type="text/css" href="css/style.css" />


<style>

* {
  font-family: sans-serif;
  line-height: 1.5
}

.range_test {
  display: none;
  font-weight: bold;
}

html#range_0 #p_0 {
  display: block;
}

html#range_1 #p_1 {
  display: block;
}

html#range_2 #p_2 {
  display: block;
}

html#range_3 #p_3 {
  display: block;
}

html#range_4 #p_4 {
  display: block;
}

html#range_5 #p_5 {
  display: block;
}
</style>
<script>
function myCallback(i, width) {
  document.documentElement.id = 'range_' + i;

}

var ADAPT_CONFIG = {
  
  dynamic: true,

  callback: myCallback,

  range: [
    '0 to 760',
    '760 to 980',
    '980 to 1280',
    '1280 to 1600',
    '1600 to 1920',
    '1920'
  ]
};
</script>
<script src="assets/js/adapt.min.js"></script>
</head>
<body>
<img alt="full screen background image" src="images/homepage.png" id="full-screen-background-image" />


<p class="range_test" id="p_0">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>
</p>
<p class="range_test" id="p_1">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>
</p>
<p class="range_test" id="p_2">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>
</p>

<p class="range_test" id="p_3">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>
</p>
<p class="range_test" id="p_4">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>
</p>
<p class="range_test" id="p_5">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>

</body>
</html>

Ora mi serve capire come impostare un'immagine sotto a queste immagini:

codice:

<a href="homepage.html"><img src="images/home.png" width="60"  height="20" border=”0″ hspace=”0″></a><a  href="negozi.html"><img src="images/negozi.png" width="81"  height="20" border=”0″ hspace=”0″></a><a  href="lavoraconnoi.html"><img src="images/lavora.png" width="120"  height="20" border=”0″ hspace=”0″></a><a  href="contact.html"><img src="images/contact.png" width="88"  height="20" border=”0″ hspace=”0″></a>

Come faccio? thanks

**carlomarangoni** · 21-10-2013, 17:19

Originariamente inviata da james13

......
Come faccio? thanks

A fare cosa?

**james13** · 21-10-2013, 17:45

Io ho un'immagine di background(homepage.png):

codice:

<img alt="full screen background image" src="images/homepage.png" id="full-screen-background-image" />

poi ho un menù creato con varie immagini:

codice:

<p class="range_test" id="p_4">
<a href="homepage.html"><img src="images/home.png" width="60" height="20" border=”0″ hspace=”0″></a><a href="negozi.html"><img src="images/negozi.png" width="81" height="20" border=”0″ hspace=”0″></a><a href="lavoraconnoi.html"><img src="images/lavora.png" width="120" height="20" border=”0″ hspace=”0″></a><a href="contact.html"><img src="images/contact.png" width="88" height="20" border=”0″ hspace=”0″></a>
</p>

Ora come faccio ad inserire un'immagine sotto il menù,cioè sotto ad altre immagini?

**carlomarangoni** · 21-10-2013, 17:56

CSS

codice:

.range_test {background: url(sfondo.jpg)}

**james13** · 22-10-2013, 09:20

La riga di codice funziona. Thanks
Ma da quel menù(con immagini uno dietro all'altra) che ho creato è possibile creare un menù a tendina?

**carlomarangoni** · 23-10-2013, 00:26

Originariamente inviata da james13

La riga di codice funziona. Thanks
Ma da quel menù(con immagini uno dietro all'altra) che ho creato è possibile creare un menù a tendina?

Io non ho esaminato il tuo codice, ma in teoria tutto è possibile basta aggiustare il codice per quello scopo

**james13** · 23-10-2013, 17:25

Tipo? Io devo fare un semplice menù a comparsa non tendina. In sostanza se il mouse si ferma su un'immagine deve far comparire le sottocategorie.

**carlomarangoni** · 23-10-2013, 19:10

Originariamente inviata da james13

...menù a comparsa non tendina. .....

Cosa intendi per comparsa o tendina?

**james13** · 24-10-2013, 17:10

Quandolascio il mouse su un'immagine, deve comparire le sottocategorie. cioè se tengo Home,Chisiamo,dovesiamo; se rimango il mouse sull'immagine di chisiamo,sotto deve comparire azienda e sotto ancora storia:

Chi siamo->
Azienda
Storia

**carlomarangoni** · 24-10-2013, 17:57

Guarda questi
http://www.html.it/tag/css-menu/

Discussione: immagine di sfondo sotto al menù

Strumenti discussione

Ricerca discussione

Visualizza

immagine di sfondo sotto al menù

Permessi di invio