Newsgroup: it.comp.www.html
Titolo: pagine con frame e Css

 
Devo costruire una pagina con frame, con la seguente struttura:
3 frame uno sopra l'altro in verticale.
Nel primo frame dei link ed il titolo (fisso sempre uguale)
Nel secondo frame una galleria di immagini in anteprima: con effetto
rullino, come sul sito 
html.it
 tutorial CSS, eliminando il codice
javascrip perchè utilizzando i frames non mi serve. 
Nel tezo frame le immagini ingrandite che vengono visualizzate nel
frame da pagine diverse in accordo con quanto selezionato
sull'immagine della galleria di anteprima.
 Sono riuscito a fare quasi tutto, mi rimane un paio di problemi per
quanto riguarda il secondo frame a fronte di questo codice: 
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>GALLERIA DELLE IMMAGINI</title>
<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;
COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: georgia,serif;
BACKGROUND-COLOR: #fff
}
H1 {
PADDING-RIGHT: 50px; PADDING-LEFT: 50px; PADDING-BOTTOM: 10px; MARGIN:
0px 0px 20px; FONT: bold 28px georgia,serif; COLOR: #ffc; PADDING-TOP:
10px; BORDER-BOTTOM: #666 10px double; BACKGROUND-COLOR: #333
}
OL#gallery {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px
5%; PADDING-TOP: 0px
}
OL#gallery LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 30px; COLOR: #fff; PADDING-TOP: 0px; LIST-STYLE-TYPE:
none; BACKGROUND-COLOR: #000
}
OL#gallery H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000
url('images/Effetto_rullino/film.jpg') repeat-x right bottom;
PADDING-BOTTOM: 16px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 3px;
TEXT-ALIGN: center; font-style:normal; font-variant:normal;
font-weight:normal; font-size:12px; font-family:light arial, sans-serif
}
OL#gallery A {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #000
url('images/Effetto_rullino/film.jpg') repeat-x right bottom;
PADDING-BOTTOM: 16px; PADDING-TOP: 3px
}
OL#gallery A:hover {
COLOR: #fff
}
OL#gallery A IMG {
BORDER-RIGHT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-LEFT:
#000 2px solid; BORDER-BOTTOM: #000 2px solid
}
OL#gallery A:hover IMG {
BORDER-LEFT-COLOR: #ffffa0; BORDER-BOTTOM-COLOR: #ffffa0;
BORDER-TOP-COLOR: #ffffa0; BORDER-RIGHT-COLOR: #ffffa0
}
</STYLE>
<base target="ingrandimento">
</head>
<body 
style=border-style: solid; background-color: #FFFFCC
background="images/clip_art/sfondomio43p.gif">
<OL id=gallery>
<LI>
<H3>Porta TV</H3>
<a href="novita2.htm" ><img title="Porta TV" alt="Porta TV" border="0"
src="images/Effetto_rullino/prova1.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI> 
</OL> <LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
<LI>
<H3>Porta TV</H3>
<a href="novita4.htm" ><img title="Porta TV1" alt="Porta TV1" 
border="0" src="images/Effetto_rullino/prova3.jpg"></a>
</LI>
</body>
</html>
Primo problema:l'immagine rimane allineata in alto attaccata al bordo
superiore del frame e non riesco a centrarla.
Secondo problema: se la galleria è composta fino a 9 fotogrammi tutto ok
(con la mia risoluzione video). Oltre: il decimo rimane sulla linea, ma
senza l'immagine del fotogramma, gli altri vanno a capo, uno su ogni riga.
Visualizzando in I.E. il frame ha la barra verticale, e non quella
orizzontale, è come se oltre alla grandezza della pagina si espandesse in
verticale.
saluti e grazie per l'aiuto, che spero proprio che arrivi!!!!!!!
ciao
augusto
-- 
questo articolo e` stato inviato via web dal servizio gratuito 
http://www.newsland.it/news
 segnala gli abusi ad 
ab...@newsland.it

 augusto
Guido

 tutto il sito..
Quoto.
-- 
[Non siamo materia che aspetta, ma schemi che si perpetuano.]
Rhadamanth.net (
http://www.rhadamanth.net
)
Web Garbage (
http://www.web-garbage.com
)
Savona Web (
http://www.savonaweb.net
)

 Guido
