css background:url(header.jpg); cliccabile?

**realmeteo** · 23-02-2012, 14:43

Qualcuno ma sa aiutare?

Ho in un sito (preconfezionato ) una immagine (header.jpg) in testa, caricata dal css, che si trova in http://www.vivaioilgermoglio.it/publ...css/styles.css

ovvero nel css c'è

#header-wrap {
margin:0;
padding:0;
height:273px;
background:url(header.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;

E' possible far si che l'immagine sia cliccabile ed apra un url, o meglio ancora, aggiungere una imagemap per aprire diversi url cliccando diversi punti dell'immagine?
Che attributi devo aggiungere e come?

1000 grazie
saluti

**carlomarangoni** · 23-02-2012, 15:08

Un'immaggine in backgrounf non può essere ma cliccabile ne essere mappata!

Si può usare altri espedienti ma non quello che tu chiedi

**realmeteo** · 23-02-2012, 15:28

una tua idea? come faresti?
grazie

**storm363** · 23-02-2012, 20:38

potresti inserire un immagine in html nella pagina, darle un id e succesivamente modificare tutte le opzioni nel file .css
per esempio:

<html>
<head>
<style type="text/css">
img#header {
width: 100%;
}
</style>
</head>
<body>
[img]header.png[/img]
</body>
</html>

**carlomarangoni** · 24-02-2012, 03:29

Originariamente inviato da realmeteo
una tua idea? come faresti?
grazie

La prima che mi viene è di non mettere l'immagine come sfondo ma come un'immagine normale e volendo mappare quella

**LuigiMem** · 26-02-2012, 02:55

Originariamente inviato da realmeteo
Qualcuno ma sa aiutare?

Ho in un sito (preconfezionato ) una immagine (header.jpg) in testa, caricata dal css, che si trova in http://www.vivaioilgermoglio.it/publ...css/styles.css

ovvero nel css c'è

#header-wrap {
margin:0;
padding:0;
height:273px;
background:url(header.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;

E' possible far si che l'immagine sia cliccabile ed apra un url, o meglio ancora, aggiungere una imagemap per aprire diversi url cliccando diversi punti dell'immagine?
Che attributi devo aggiungere e come?

1000 grazie
saluti

ci sono molti modi...

agginugi al css del div in questione
position:relative;

poi all'interno del div metti tanti div (quanti sono i link che vuoi) in "position:absolute" e con le proprieta top e left li metti dove vuoi, a questo punto o linki direttamente il div o metti un'immagine trasparente dentro e dai il link a quest'ultima...

Ciao

**carlomarangoni** · 26-02-2012, 15:27

Originariamente inviato da LuigiMem
ci sono molti modi...

agginugi al css del div in questione
position:relative;

poi all'interno del div metti tanti div (quanti sono i link che vuoi) in "position:absolute" e con le proprieta top e left li metti dove vuoi, a questo punto o linki direttamente il div o metti un'immagine trasparente dentro e dai il link a quest'ultima...

Ciao

Una soluzione meno macchinosa non ce l'hai? Un'immagine mappata non è più pratica?

**LuigiMem** · 26-02-2012, 15:57

Originariamente inviato da carlomarangoni
Una soluzione meno macchinosa non ce l'hai? Un'immagine mappata non è più pratica?

L'utente ha fatto una domanda precisa, la sua immagine è in background, io non so se può metterla o meno in modo normale, logico che se può farlo con una mappatura sarebbe più semplice, ma solo se lavori con editor wysiwyg tipo DreamWeaver, altrimenti se poco esperto

fa prima come proposto da me,

NB: so che non è una soluzione "elegante" ma devi sempre considerare che non so chi c'è dall'altra parte, non so che programmi usa, ecc... Una cosa la so, lo faccio di mestiere da anni
se trovi macchinoso mettere un paio di DIV...

Ciao

**carlomarangoni** · 26-02-2012, 16:03

Originariamente inviato da LuigiMem
...se trovi macchinoso mettere un paio di DIV...

Sempre che siano un paio! Se sono venti link? Comunque tutte le soluzione vanno bene, come ogni scarafone è bello per mamma sua

**ac_socmel** · 26-02-2012, 16:36

io appoggio la soluzione dei link posizionati
che sostanzialmente è uguale a un'immagine mappata
ma semanticamente evita di usare un'immagine inutile

Discussione: css background:url(header.jpg); cliccabile?

Strumenti discussione

Ricerca discussione

Visualizza

css background:url(header.jpg); cliccabile?

Re: css background:url(header.jpg); cliccabile?

Re: Re: css background:url(header.jpg); cliccabile?

Re: Re: Re: css background:url(header.jpg); cliccabile?

Re: Re: Re: Re: css background:url(header.jpg); cliccabile?

Permessi di invio