inserire il link ad immagine

[greenpark]

scusate per la banalità, ma non riesco a dare il link a questa immagine....

[img]img.jpg[/img]

[Federix]

[img]img.jpg[/img]

[greenpark]

DW lo segna in giallo e sfalsa tutte le dimensioni.....

[xxfuma85xx]

fai come faccio io:

html:

<span>Testo alternativo</span>

css:

a{
display:block;
width:larghezza immagine;
height:altezza immagine;
margin:imposti i margini;
padding:0;
border:se vuoi;
background:url("percorsoimmagine") top left no-repeat;
}

a span{
display:none;
}

prova.

ciao

[pierofix]

Mi permetto di fare alcune considerazioni sulla soluzione di xxfuma85xx.

Innanzitutto ricordiamo che le immagini, in un documento web, si possono suddividere in due categorie: immagini di contenuto e immagini di grafica. Immaginiamo un documento in cui si descrive la 'Monna Lisa' di Leonardo: la foto del quadro dovrà essere inserita nella pagina come tale (e non come sfondo) in quanto fa parte integrante delle informazioni che la pagina vuole esprimere. Tutte quelle immagini che solo abbelliscono, e non rientrano quindi tra i contenuti, vanno appunto gestite tramite sfondo da CSS.

Occorre quindi per prima cosa capire in quale delle due categorie rientra l'immagine di cui parla greenpark.

In secondo luogo, il codice portato da xxfuma85xx presenta alcuni problemi in termini di accessibilità. Questi, tuttavia, solo facilmente risolvibili, riuscendo addirittura a snellire il codice:

XHTML
<a href="sito.it/regolamento/studenti">
   Regolamento per gli studenti
</a>

CSS
a
{
   display:block;
   width:<larghezza immagine>px; height:<altezza immagine>px;
   text-indent:-1000em; text-decoration:none;
   background:url('<percorso immagine>') no-repeat 0 0; 
}

[xxfuma85xx]

grazie pierofix.
non avevo pensato di spostare il testo...
così ho un tag in meno

Ciau

[greenpark]

quello che intendo é come dare un link da miniature per aprire nuova pagina con ingrandimento, quindi presumo facciano parte dei contenuti

<div id="content">
[img]small/01.jpg[/img]
[img]small/02.jpg[/img]
[img]small/03.jpg[/img]
<div id="content">

[greenpark]

é impossibile con css?

[pierofix]

Non ho ancora capito in cosa consista il tuo problema. In generale, per rendere un'immagine un collegamento ipertestuale si fa così:

<a href="pagina.htm" title="Vai a pagina">
   [img]img.jpg[/img]
</a>

Capito questo, cosa ti crea problemi?

[greenpark]

si sfalsa l'allineamento....

é come se aggiungendo il link si aggiungesse un bordo invisibile di tot px......



é normale?