Finestra scorrevole e sfondo fisso

11-04-2007, 13.23.53

Salve a tutti, ho provato a cercare il mio problema nel forum ma non ho trovato nulla, magari mi é scappato ma ho cercato prima di aprire un nuovo topic...

Ho 2 problemi, ho provato a scaricare guide, manuali, ... ma non ho trovato nulla che facesse al mio caso.

Problema 1:
Mi hanno detto che si dovrebbe fare nel linguaggio php ma non sono capace

, dovrei creare una finestrella che si muove dentro la pagina, non so se mi sono spiegato...ehm, sembra che fai un buco nella pagina principlae e quella sotto scorre su e giu.

Problema 2:
Dovrei fare una pagina di cui lo sfondo rimanga fermo mentre testo, foto, ... scorrano su e giu.

C'é qualcuno che mi potrebbe dare una mano?

Grazie mille già in anticipo x il vostro aiuto.

**dementialsite** · 11-04-2007, 13.43.19

Originalmente inviato da d3vil85

... Problema 1:
Mi hanno detto che si dovrebbe fare nel linguaggio php ma non sono capace

, dovrei creare una finestrella che si muove dentro la pagina, non so se mi sono spiegato...ehm, sembra che fai un buco nella pagina principlae e quella sotto scorre su e giu. ...

PHP non serve, basta un po' di HTML e CSS:

Codice HTML:

<DIV STYLE="width:...;height:...;overflow:auto">
Scrivi qui un testo molto molto molto molto lungo e guarda cosa succede...
</DIV>

In questo caso, dopo che hai specificato una larghezza (width) e un'altezza (height) opportuni, gli scroller compariranno solo se il contenuto è più grande del DIV... in alternativa, al posto di auto puoi usare scroll, che ti visualizza gli scroller sempre, anche quando non necessari.

Originalmente inviato da d3vil85

... Problema 2:
Dovrei fare una pagina di cui lo sfondo rimanga fermo mentre testo, foto, ... scorrano su e giu. ....

Anche in questo caso basta un po' di HTML e CSS:

Codice HTML:

<BODY STYLE="background:url(...) fixed">
...
</BODY>

al posto dei puntini, va inserito il nome del file dell'immagine.

Stammi bene...

12-04-2007, 07.55.15

ok grazie mille, e scusa x il disturbo solo che io non so il linguaggio html, l'ho imparato giusto alla scuola di elettronica x i primi 2 anni ma 4 anni fa e non mi ric niente :P
e specialmente é la prima volta che entro nel forum hehe e non sapevo dove scrivere :P
appena ho tempo provo a fare qll che mi hai scritto e se non ci riesco provo a chiedere alle questioni tecniche come mi hai suggerito, grazie ancora

**dementialsite** · 12-04-2007, 10.52.28

Originalmente inviato da d3vil85

... e specialmente é la prima volta che entro nel forum hehe e non sapevo dove scrivere :P

Non preoccuparti, la sezione dove hai scritto è giusta... solo che quello che ti ho scritto sopra nulla ha a che vedere con PHP.

Originalmente inviato da d3vil85

... se non ci riesco provo a chiedere alle questioni tecniche come mi hai suggerito ...

? ?? ???? ????????

Stammi bene...

12-04-2007, 11.26.38

ops ho interpretato male qll che hai scritto in verde alla fine del tuo mess :P cmq x caso sai anche un codice html che ti permette di adattare la pagine alle diverse risoluzioni degli schermi che visualizzano il sito?

**dementialsite** · 12-04-2007, 17.12.08

Se ti limiti al testo inserito dentro alla pagina, ti basta specificare larghezze e altezze usando le percentuali: il 100% corrisponde all'area visibile del tuo browser. Se non specifichi nessuna larghezza o altezza particolare, i contenuti si estenderanno automaticamente ad occupare tutta la larghezza disponibile.

I guai arrivano se cerchi di adattare lo sfondo alle varie visualizzazioni: attualmente non esiste ancora un metodo universalmente supportato (o meglio, è in progetto, ma non ancora supportato da gran parte dei browser). Se provi a fare qualche ricerca nel forum trovi varie soluzioni proposte, ma tutte piuttosto complicate...

Stammi bene...

12-04-2007, 22.51.30

ah ok, grazie mille x l'aiuto, stammi bene anche te =D

EDIT: ciao dementialsite, ho provato a fare qll che mi hai scritto, ma é normale che ogni volta che inserisco io qls nel codice o modifico dal codice mi va via tutta la pagina?

**funcool** · 15-04-2007, 15.49.02

Dovresti spiegare meglio che operazioni effettui. Se cancelli del codice sicuramente mancherà qualcosa nella pagina che hai modificato. Oppure se lasci qualche tag aperto potrebbero esserci dei problemi come quelli che succedono a te.

P.S.: Non scrivere due messaggi consecutivi, utilizza il tasto Edita.

15-04-2007, 16.53.38

non ho scritto 2 mess consecutivi col tasto edita, non so nemmeno come si usa :P
cmq allora, il mio problema é che se inserisco il codice datomi da dementialsite mi si cancella tutta la pagina, ovunque lo scriva...se non blocco lo sfondo non mi si cancella niente

**funcool** · 15-04-2007, 17.02.51

Scrivi il link della pagina in questione.

P.S.: Hai scritto due messaggi consecutivi, invece di scrivere due messaggi consecutivi utilizza il tasto Edita per modificare l'ultimo messaggio.

15-04-2007, 17.11.54

aaaaaaaaaah hehe cmq il codice della pagina é questo: ( non c'é ancora il link xché non é online )

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home page</title>
<style type="text/css">
<!--
.Stile1 {
	font-size: 24px;
	color: #FF0000;
}
.Stile2 {
	font-size: 16px;
	color: #FF0000;
}
.customization_style_rule_token {color : #FFFFFF;}
.Stile3 {font-size: 13px}
-->
</style>
</head>

<body>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center">
      <p class="Stile1">BENVENUTI NEL MIO SITO</p>
      <p class="Stile2">questo sito &eacute; online dal 23 aprile 2005</p>
      <p class="Stile2">&eacute; stato progettato dal 01 aprile 2007 al ... </p>
      <p class="Stile2">ed &eacute; stato messo online il ...  </p>
    </div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center"><img src="../immagini/oscilloscopio.gif" width="700" height="18" /></div></td>
  </tr>
</table>
<DIV STYLE="width:700;height:400;overflow:auto">
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center"><img src="../immagini/New1.gif" width="64" height="32" /></div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><DIV STYLE="width:700;height:400;overflow:auto">
  <p align="left">00.00.2007 il sito &eacute; stato messo per la prima volta online =D 
  <p align="center">  </DIV></td>
  </tr>
</table>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center" class="Stile3">2005 - 20xx all rights reserved</p>
<p align="center" class="Stile3">Web designer &amp; Graphics by D3vil85 </p>

**funcool** · 15-04-2007, 17.18.04

Prova così (non avevi chiuso un tag div, il body e html:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home page</title>
<style type="text/css">
<!--
.Stile1 {
	font-size: 24px;
	color: #FF0000;
}
.Stile2 {
	font-size: 16px;
	color: #FF0000;
}
.customization_style_rule_token {color : #FFFFFF;}
.Stile3 {font-size: 13px}
-->
</style>
</head>

<body>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center">
      <p class="Stile1">BENVENUTI NEL MIO SITO</p>
      <p class="Stile2">questo sito &eacute; online dal 23 aprile 2005</p>
      <p class="Stile2">&eacute; stato progettato dal 01 aprile 2007 al ... </p>
      <p class="Stile2">ed &eacute; stato messo online il ...  </p>
    </div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center"><img src="../immagini/oscilloscopio.gif" width="700" height="18" /></div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center"><img src="../immagini/New1.gif" width="64" height="32" /></div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><DIV STYLE="width:700;height:400;overflow:auto">
  <p align="left">00.00.2007 il sito &eacute; stato messo per la prima volta online =D 
  <p align="center">  </DIV></td>
  </tr>
</table>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center" class="Stile3">2005 - 20xx all rights reserved</p>
<p align="center" class="Stile3">Web designer &amp; Graphics by D3vil85 </p>
</body>
</html>

15-04-2007, 17.23.17

thx, cmq si vede che dreamweaver non li ha chiusi, xché io non tocco il codice se non so cosa sto facendo...prima di incasinare tutto hehe cmq sai x caso come faccio a bloccare lo sfondo senza che mi cancelli tutto ogni volta che modifico anche solo una cifra di un'altezza?

**funcool** · 15-04-2007, 18.09.41

Devi modificare il tag body come ti ha suggerito Dementialsite.

15-04-2007, 18.10.37

eh ma appunto, se inserisco qll codice che mi ha dato mi si cancella la pagina...non so come mai

se ti do il codice della pagina che ho appena fatto ancora me lo potresti inserire te? almeno vedo come si fa e x le pross volte lo so :P

**silverseraph** · 15-04-2007, 18.13.52

L'ho testato in locale e non si cancella nulla, quindi sarà qualcosa che sbagli tu.

**funcool** · 15-04-2007, 18.14.19

Prova così (al posto dei puntini devi mettere l'indirizzo dell'immagine):

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home page</title>
<style type="text/css">
<!--
.Stile1 {
	font-size: 24px;
	color: #FF0000;
}
.Stile2 {
	font-size: 16px;
	color: #FF0000;
}
.customization_style_rule_token {color : #FFFFFF;}
.Stile3 {font-size: 13px}
-->
</style>
</head>

<body style="background:url(...) fixed">
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center">
      <p class="Stile1">BENVENUTI NEL MIO SITO</p>
      <p class="Stile2">questo sito &eacute; online dal 23 aprile 2005</p>
      <p class="Stile2">&eacute; stato progettato dal 01 aprile 2007 al ... </p>
      <p class="Stile2">ed &eacute; stato messo online il ...  </p>
    </div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center"><img src="../immagini/oscilloscopio.gif" width="700" height="18" /></div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><div align="center"><img src="../immagini/New1.gif" width="64" height="32" /></div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="700" border="0" align="center">
  <tr>
    <td><DIV STYLE="width:700;height:400;overflow:auto">
  <p align="left">00.00.2007 il sito &eacute; stato messo per la prima volta online =D 
  <p align="center">  </DIV></td>
  </tr>
</table>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center" class="Stile3">2005 - 20xx all rights reserved</p>
<p align="center" class="Stile3">Web designer &amp; Graphics by D3vil85 </p>
</body>
</html>

15-04-2007, 18.24.10

ehm, ho inserito cosi l'immagine, va bene?

<body style="background:url(<img src="immagini/sfondo home page.jpg" width="1024" height="768">) fixed">

**funcool** · 15-04-2007, 18.25.22

No:

Codice HTML:

<body style="background:url(immagini/sfondo home page.jpg) fixed">

20-04-2007, 07.59.19

hehe sapessi come si fa ad usarlo :P
cmq ora non ce n'é piu bisogno xché ho messo online il sito
ma come sapevo già non va qls...
io vorrei mettere:
- lo sfondo in mezzo alla pagina explorer ( di qualsiasi grandezza che si apra deve rimanere in mezzo
- la storia del fissaggio dello sfondo non so come mai non lo fissa anche se scrivo fixed
- non riesco a non far ripetere lo sfondo anche se scrivo no-repeat

body {
background-image: url(immagini/sfondo%20home%20page.jpg);
background-repeat: no-repeat;
background-repeat: fixed;
}

cmq se volete vedere come esce andate al link:

http://d3vil85.altervista.org/Home%20page.html

se qln mi sa aiutare mi farebbe un favore xché sono in crisi :P

Discussione: Finestra scorrevole e sfondo fisso

LinkBack

Strumenti discussione

Display

Finestra scorrevole e sfondo fisso

Regole di scrittura