Un dubbio [non ridete]

[daweb]

Ciao a tutti,

mi è venuto un dubbio stupido...

Dovendo creare un bottone (immagine) per aggiungere un prodotto al carrello elettronico...

inserisco un <img> o lo metto nel background del div... ?

Scusate...

[The knight]

Io credo che debba essere per forza un'immagine, se no come faresti poi a mettere il link nel bottone ?

[daweb]

uhm... il link lo metto cmq...

Il dubbio era sulla 'giustezza'

[The knight]

Originariamente inviato da daweb
uhm... il link lo metto cmq...

Il dubbio era sulla 'giustezza'

Si ma come fai a linkare un'immagine che stà nel background ?

[daweb]

Per farlo esistono diverse tecniche. Fai una ricerca sul forum e vedrai...

[Mich_]

la soluzione che viene ritenuta piu` corretta e`:

immagine in background (si tratta di uno sfondo, non di contenuto)
value scritto nel tag
CSS che nasconde il value

Poi la soluzione specifica dipende da quale tipo di bottone usi.
Se usi un <input type="image" ...> la cosa e` gia` risolta dal bottone stesso.

Invece se usi <button> o <input type="button"> non so quanto puoi agire con i CSS (dipende dai browser)

Se usi un link:
aggiungi

.bottone {
color: transparent;
background: url(...);
width: ...px;
height: ...px;
}

[The knight]

Originariamente inviato da Mich_

Se usi un link:
aggiungi

.bottone {
color: transparent;
background: url(...);
width: ...px;
height: ...px;
}

Figo, questo nn lo sapevo, così posso impostare un link su una immagine ? Volendo potrei chiudere subito il tag <a> senza impostare nessun testo ?

[daweb]

Originariamente inviato da Mich_
la soluzione che viene ritenuta piu` corretta e`:

immagine in background (si tratta di uno sfondo, non di contenuto)
value scritto nel tag
CSS che nasconde il value
}

grazie per la risposta...
non riesco a nascondere il value

[pierofix]

Con l'image-replacement si sta un attimo e si mantiene il documento accessibile:

XHTML
Home page

CSS
#home
{
   display:block;
   width:200px; height:100px;
   text-indent:-1000em;
   background:url('sfondo-home.gif') no-repeat 50% 50%;
}

[daweb]

<input name="f_procedi" type="submit" class="buttonNew" id="f_procedi" tabindex="4" title="clicca qui per proseguire con l'ordine" onclick="return noRegistrazione(this)" value=" Sono un nuovo cliente" />

.buttonNew {
background:url(../images/layout/nuovoCliente.png) no-repeat 50% 50%;
border:none;
height:63px;
width:222px;
cursorointer;
display:block;
text-indent:-9000em;
}

IE 6 non nasconde il testo...

dove sbaglio?