imm centrata + link

**sharpeiuno** · 19-01-2005, 12:09

Ho questo codice che mi carica un'immagine esterna alcentro:
<html>
<head>
<title>thisisablog</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
div {height:100%}
img {
display:block;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
background-image: url(tiab.jpg);
}
</style>
</head>
<body>
<div>[img]tiab.jpg[/img]</div>

</body>
</html>

Vorrei che l'immagine fosse linkabile.... come posso fare?
Scusate anticipatamente l'ignoranza!
Grazie a tutti

**sharpeiuno** · 19-01-2005, 12:16

Ho sbagliato, il link deve essere a una pagina a fullscreen di nome full.htm.
Grazie

**stellecielo** · 19-01-2005, 12:19

Ciao sharpe
allora
devi semplicemente mettere il tag img tra il tag <a href>

cosi:

<a href="http://www.html.it" target="_blank">
[img]tiab.jpg[/img]
</a>

ci ho aggiunto un "_blank" cosi ti apre la pagina su una nuova finestra.

ciao!!!

**sharpeiuno** · 19-01-2005, 12:21

ma se dovessi aprire una pagina in fullscreen come devo fare?

**stellecielo** · 19-01-2005, 12:24

Fullscreen.......mmmmmmmm........

allora devi usare un javascript

<a href="javascript:window.open('http://www.html.it','','fullscreen=1');">
[img]tiab.jpg[/img]
</a>

Ricorda poi di mettere nella pagina in fullscreen un link alla chiusura della pagina stessa altrimenti chi non conosce la funzione di ALT+F4 col cavolo che la chiude

javascript:window.close();

**sharpeiuno** · 19-01-2005, 12:43

grazie mille...
alla prossima

**sharpeiuno** · 19-01-2005, 12:43

come mai rimane il bordo dell'immagine viola?

**rebelia** · 19-01-2005, 12:53

nel foglio di stile aggiungi

img{border: 0px;}

**sharpeiuno** · 19-01-2005, 13:01

E' giusto cosi??Il bordo viola si visualizza sempre...
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
div {height:100%}
img {

display:block;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
background-image: url(tiab.png);
img{border: 0px;}
}

**rebelia** · 19-01-2005, 13:08

Originariamente inviato da sharpeiuno
E' giusto cosi??Il bordo viola si visualizza sempre...
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
div {height:100%}
img { display:block;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
background-image: url(tiab.png);
border: 0px;
}

attenzione, perche' in questo modo TUTTE le immagini che inserirai nella pagina si posizioneranno alla stessa maniera e con le stesse caratteristiche

conviene usare img {} per le caratteristiche comuni e id per le caratteristiche specifiche di ciascuna immagine

Discussione: imm centrata + link

Strumenti discussione

Ricerca discussione

Visualizza

imm centrata + link

Permessi di invio