Help HTML

**Kairos** · 19-08-2003, 13:18

Raga ho creato in Html una tabella con delle miniature, al clik sulla miniatura vorrei si aprisse una nuova pagina a dimensione fissa senza possibilità di inserimento indirizzi etc... stile pop up... Qualcuno sa darmi una mano?

Grazie mille

Kai

**piero06** · 19-08-2003, 16:58

Originariamente inviato da Kairos
Raga ho creato in Html una tabella con delle miniature, al clik sulla miniatura vorrei si aprisse una nuova pagina a dimensione fissa senza possibilità di inserimento indirizzi etc... stile pop up... Qualcuno sa darmi una mano?

Grazie mille

Kai

come per fare una foto gallery ?

puoi fare così anche se nn è la strda più breve :

la tebella con le miniature la hai già giusto ?

fai una pagina "foto.html" con le foto ingrandite e le miniature le fai così linkate :

codice:

<a href="#"
onClick="window.open ('pagina.html','newWin', 'scrollbars=no,status=no,resizable=no,top=100,left=150,width=500,height=250');">
[img]minuatura.jpg[/img]</a>

**Kairos** · 19-08-2003, 17:13

Premetto che uso Go Live 6.0

Questo è l'html ma in questo caso e una normale finestra.... io appunto la vorrei nuova non resizable e senza barre

CODICE

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Gallery © La Cocciniglia</title>
<link href="../style_03.css" rel="styleSheet" type="text/css">

<body bgcolor="#f3f0c5">
<table cool width="303" height="562" border="0" cellpadding="0" cellspacing="0" gridx="16" showgridx usegridx gridy="16" showgridy usegridy>
<tr height="448">
<td width="302" height="448" colspan="2" valign="top" align="left" xpos="0">[img]../Images/homepic.jpg[/img]</td>
<td width="1" height="448"><spacer type="block" width="1" height="448"></td>
</tr>
<tr height="113">
<td content csheight="48" width="299" height="113" valign="top" xpos="0"><font face="Amazone BT">Viale Alberato, particolare di Trompe l'Oeil eseguito con colori acrilici su muro, 85 x 153 cm</font></td>
<td width="3" height="113"></td>
<td width="1" height="113"><spacer type="block" width="1" height="113"></td>
</tr>
<tr height="1" cntrlrow>
<td width="299" height="1"><spacer type="block" width="299" height="1"></td>
<td width="3" height="1"><spacer type="block" width="3" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
</body>

GRAZIE MILLE!!!!!

**piero06** · 19-08-2003, 17:19

ok !

allora il codice risulta così :

codice:

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> 
<meta name="generator" content="Microsoft FrontPage 4.0"> 
<title>Gallery © La Cocciniglia</title> 
<link href="../style_03.css" rel="styleSheet" type="text/css"> 

</head>

<body bgcolor="#f3f0c5"> 
<table cool width="303" height="562" border="0" cellpadding="0" cellspacing="0" gridx="16" showgridx usegridx gridy="16" showgridy usegridy> 
<tr height="448"> 
<td width="302" height="448" colspan="2" valign="top" align="left" xpos="0">
<a href="#"
onClick="window.open ('pagina.html','newWin',  'scrollbars=no,status=no,resizable=no,top=100,left=150,width=500,height=250');">
[img]../Images/homepic.jpg[/img]
</a>
</td> 
<td width="1" height="448"><spacer type="block" width="1" height="448"></td> 
</tr> 
<tr height="113"> 
<td content csheight="48" width="299" height="113" valign="top" xpos="0"><font face="Amazone BT">Viale Alberato, particolare di Trompe l'Oeil eseguito con colori acrilici su muro, 85 x 153 cm</font></td> 
<td width="3" height="113"></td> 
<td width="1" height="113"><spacer type="block" width="1" height="113"></td> 
</tr> 
<tr height="1" cntrlrow> 
<td width="299" height="1"><spacer type="block" width="299" height="1"></td> 
<td width="3" height="1"><spacer type="block" width="3" height="1"></td> 
<td width="1" height="1"></td> 
</tr> 
</table> 
</body> 


</html>

dove pagina.html e una pagina html con l'immagine ingrandita

**Kairos** · 20-08-2003, 00:37

forse ho capito il meccanismo.... ma l'html che ho postato è relatiivo all'ingrandimento... e invece il comando deve essere nella pagina della tabella/gallery il cui html è così:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>La Cocciniglia.com "GALLERIA"</title>
</head>

<body bgcolor="#f3f0c5">
<table width="868" border="0" cellspacing="0" cellpadding="0" cool gridx="16" gridy="16" height="1313" showgridx showgridy usegridx usegridy>
<tr height="160">
<td width="240" height="160" colspan="2"></td>
<td width="592" height="160" colspan="4" valign="top" align="left" xpos="240">[img]Images/titolo_beta.jpg[/img]</td>
<td width="35" height="224" rowspan="3"></td>
<td width="1" height="160"><spacer type="block" width="1" height="160"></td>
</tr>
<tr height="48">
<td width="240" height="48" colspan="2" valign="top" align="left" xpos="0">[img]Images/HomeButton.jpg[/img]</td>
<td content csheight="32" width="368" height="48" colspan="2" valign="top" xpos="240"><font size="4" face="Verdana"><tt>DIPINTISUMURO</tt></font></td>
<td width="224" height="64" colspan="2" rowspan="2"></td>
<td width="1" height="48"><spacer type="block" width="1" height="48"></td>
</tr>
<tr height="16">
<td width="240" height="48" colspan="2" rowspan="2" valign="top" align="left" xpos="0">[img]Images/whosbutton.jpg[/img]</td>
<td width="368" height="16" colspan="2"></td>
<td width="1" height="16"><spacer type="block" width="1" height="16"></td>
</tr>
<tr height="32">
<td width="627" height="272" colspan="5" rowspan="3" valign="top" align="left" xpos="240">
<table width="627" border="3" cellspacing="2" cellpadding="0" height="242">
<tr height="99">
<td height="99">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="99">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="99">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="99">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="99">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
</tr>
<tr>
<td>
<div align="center">
[img]Images/numero6.jpg[/img]</div>
</td>
<td>
<div align="center">
[img]Images/numero7.jpg[/img]</div>
</td>
<td>
<div align="center">
[img]Images/numero8.jpg[/img]</div>
</td>
<td>
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td>
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
</tr>
</table>
</td>
<td width="1" height="32"><spacer type="block" width="1" height="32"></td>
</tr>
<tr height="80">
<td width="240" height="80" colspan="2" valign="top" align="left" xpos="0">[img]Images/Contact-Button.jpg[/img]</td>
<td width="1" height="80"><spacer type="block" width="1" height="80"></td>
</tr>
<tr height="160">
<td content csheight="176" width="208" height="224" rowspan="2" valign="top" xpos="0">
<div align="center">
<font size="3" face="Verdana"><tt><cite><kbd>Clikka sulle immagini per ingrandirle e leggerne una breve descrizione</kbd></cite></tt></font></div>
</td>
<td width="32" height="976" rowspan="6"></td>
<td width="1" height="160"><spacer type="block" width="1" height="160"></td>
</tr>
<tr height="64">
<td content csheight="32" width="384" height="64" colspan="3" valign="top" xpos="240"><font size="4" face="Verdana"><tt>DIPINTISUTELA</tt></font></td>
<td width="243" height="64" colspan="2"></td>
<td width="1" height="64"><spacer type="block" width="1" height="64"></td>
</tr>
<tr height="128">
<td width="208" height="752" rowspan="4"></td>
<td width="627" height="128" colspan="5" valign="top" align="left" xpos="240">
<table width="625" border="3" cellspacing="2" cellpadding="0" height="100">
<tr>
<td>
<div align="center">
[img]Images/numero11.jpg[/img]</div>
</td>
<td>
<div align="center">
[img]Images/numero12.jpg[/img]</div>
</td>
<td>
<div align="center">
[img]Images/numero13.jpg[/img]</div>
</td>
<td>
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
</tr>
</table>
</td>
<td width="1" height="128"><spacer type="block" width="1" height="128"></td>
</tr>
<tr height="64">
<td content csheight="32" width="384" height="64" colspan="3" valign="top" xpos="240"><font size="4" face="Verdana"><tt>DIPINTISUTAVOLALIGNEA</tt></font></td>
<td width="243" height="64" colspan="2"></td>
<td width="1" height="64"><spacer type="block" width="1" height="64"></td>
</tr>
<tr height="512">
<td width="627" height="512" colspan="5" valign="top" align="left" xpos="240">
<table width="627" border="3" cellspacing="2" cellpadding="0">
<tr height="100">
<td height="100">
<div align="center">
[img]Images/numero15.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero16.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero17.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero18.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
</tr>
<tr height="100">
<td height="100">
<div align="center">
[img]Images/numero20.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero22.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero23.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
</tr>
<tr height="100">
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero28.jpg[/img]</div>
</td>
<td height="100">
<div align="center">
[img]Images/numero29.jpg[/img]</div>
</td>
</tr>
<tr height="100">
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
<td height="100">
<div align="center">
[img](EmptyReference!)[/img]</div>
</td>
</tr>
</table>
</td>
<td width="1" height="512"><spacer type="block" width="1" height="512"></td>
</tr>
<tr height="48">
<td width="48" height="48"></td>
<td content csheight="20" width="544" height="48" colspan="3" valign="top" xpos="288">
<div align="center">
<font size="1" face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">© 2003 - Immagini e testi di esclusiva proprietà di La Cocciniglia - Note e Informazioni Legali</font></div>
</td>
<td width="35" height="48"></td>
<td width="1" height="48"><spacer type="block" width="1" height="48"></td>
</tr>
<tr height="1" cntrlrow>
<td width="208" height="1"><spacer type="block" width="208" height="1"></td>
<td width="32" height="1"><spacer type="block" width="32" height="1"></td>
<td width="48" height="1"><spacer type="block" width="48" height="1"></td>
<td width="320" height="1"><spacer type="block" width="320" height="1"></td>
<td width="16" height="1"><spacer type="block" width="16" height="1"></td>
<td width="208" height="1"><spacer type="block" width="208" height="1"></td>
<td width="35" height="1"><spacer type="block" width="35" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>

</p>
</body>

</html>

SIGNIFICA che per ogni [img]Images/numero28.jpg[/img]</div>
devo mettere gli attributi del codice che mi hai spedito???? son 40 tantissimi!!!!

GRAZIE 1000

Discussione: Help HTML

Strumenti discussione

Ricerca discussione

Visualizza

Help HTML

Re: Help HTML

Azzo.... mi da un errore nello script

ti ho dato la parte sbagliata....

Permessi di invio