scrolling in tabelle

21-09-2005, 11.31.48

Scusatemi è la prima volta che cerco di creare una pagina web personale e sto avendo grandi difficoltà su come poter inserire in una cella di una tabella lo scrolling o barra di scorrimento in modo da non far cambiare la dimensione della cella della tabella e poter leggere il suo contenuto semplicemente usando lo scroll del mouse.

Vi ringrazio

**funcool** · 21-09-2005, 11.38.21

Dentro la cella metti:

Codice HTML:

<div style=\"height: 400; overflow: auto; border: 1px solid #000000; padding: 5px;\">Contenuto</div>

**domenicoragusa** · 21-09-2005, 14.27.16

quel codice va bene solo all'interno di uno script php...

Codice HTML:

<div style="height: 400; overflow: auto; border: 1px solid #000000; padding: 5px;">Contenuto</div>

gli ho levato i due "/" che in php sono necessari.
ciao

**funcool** · 21-09-2005, 15.46.29

Scusa l'ho copiato da una pagina del mio sito e non me n'ero accorto, comunque sono da togliere le "\".

21-09-2005, 18.50.41

Scusate se abuso ancora della vostra pazienza ma io ho inserito il codice (quello HTML) dopo il tag di apertura della cella della tabella e come effetto ottengo un aumento delle dimensioni della cella ma nessuna barra di scorrimento verticale! anche se continuo a scrivere riempiendo completamente la cella, i bordi si allargano automaticamente e dello scroll neanche l'ombra!!
Io sono alle prime armi e quindi sto usando quasi esclusivamente il wysiwyg del dreamweaver MX, raramente uso il codice HTML puro, può centrare qualcosa?

Vi ringrazio ancora per la vostra disponibilità
ciao

**silverseraph** · 21-09-2005, 20.03.44

usa i css.

nel foglio di stile andrà:

Codice:

div.iframe {
width: 200px;
height: 200px;
overflow: auto;
background-color: #E3F6FF;
border: 0px;
}

NELL'HTML ANCHE NELLA TABELLA

Codice:

<div class="iframe">

21-09-2005, 20.06.19

devi mpostare l'altezza e la larghezza ke vuoi e poi lo scorrimento avverrà se ci sarà l testo ke è + grande della grandezza

22-09-2005, 11.34.10

Ragazzi vi ringrazio, ma come web master non valgo una pippa!!!
Ho provato a fare quello che mi avete suggerito ma il risultato è sempre stato lo stesso!! la cella della tabella, quando scrivo all'interno, aumenta le sue dimensioni e della barra di scroll neanche l'ombra. Ho risolto il problema usando una Text-area ma il testo in questo caso non può contenere link o formattazioni particolari se non quelle impostate nel CSS. Cmq se avete voglia di perdere un altro po di tempo con me, potete andare nella mia home page, la cella incriminata è quella in basso nella tabella che riporta la scritta "Aggiornamenti"!!! la troverete già con la text area!!! se avete altri suggerimenti io proverò di tutto. ciao e grazie

22-09-2005, 11.49.40

se ti può essere utile in questo tutorial si spiega passo passo come utilizzare gli overflow con i css

22-09-2005, 11.57.47

nel css prova ad aggiungere table-layout: fixed; max-height: (altezza massima); max-width: (larghezza massima) e la tabella asciala sempre dentro ai tag <div></div>

**funcool** · 22-09-2005, 11.58.02

Come la devi cambiare?

22-09-2005, 12.12.23

Ragazzi non ho parole!!! Non so proprio come ringraziarvi!! ho risolto siete stati gentilissimi!!!!

Ancora grazie Ciao a tutti

**dementialsite** · 22-09-2005, 12.24.30

Prova a vedere se qualcosa del genere è quello che ti serve: http://dementialsite.altervista.org/...w/overflow.htm

Il codice è molto simile a quello già pubblicato sopra da silverseraph... Stammi bene...

EDIT: ops... vedo che hai risolto da solo il problema... stammi bene lo stesso!

14-02-2008, 18.06.46

Ragazzi ho letto i vari codici ma purtroppo io non so usare i css e usando i codici di prima avevo il suo stesso problema cioe che si allargavano i margini ma non c'era lo scroll...la pagina è questa potete dirmi cosa modificare?Grazie mille in anticipo!

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>worldcenter&amp;gdr/news</title>
</head>
<body
 style="background-image: url(http://img232.imageshack.us/img232/4320/fotouniverso13ta0.jpg);">
<div style="text-align: center;"><big
 style="color: rgb(255, 75, 8);"><big><big><span
 style="font-weight: bold;">WORLDCENTER&amp;GDR NEWS<br>
<br>
<br>
<br>
</span></big></big></big>
<div style="text-align: center;"></div>
<div style="text-align: center;"></div>
<table
 style="text-align: left; margin-left: auto; margin-right: auto; width: 500px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr align="center">
      <td><big style="font-weight: bold; font-style: italic;"><big><big><span
 style="color: rgb(255, 75, 8);">NEWS</span></big></big></big></td>
    </tr>
    <tr>
      <td><big style="font-weight: bold; font-style: italic;"><span
 style="color: rgb(255, 75, 8);">Benvenuti nella sezione news
del sito.....<br>
Il sito &egrave; ancora in costruzione come potete vedere ci sono
alcune sezioni non accessibili perch&egrave; sono sotto
manutenzione.....<br>
Il sito presenta varie sezioni,la sezione download &egrave; sotto
costruzione e anche il forum dedicato ai cavalieri dello
Zodiaco...Potete accedere agli altri 2 forum quello di dragon ball e il
forum principale di worldcenter&amp;gdr!<br>
Per ora &egrave; tutto visitate recentemente questa sezione per
vedere le nuove news ...... &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
Saluti....<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Lo Staff!<br>
05/02/2008<br>
      <br>
Lavori in corso per il forum worldcentergdr,al fine di soddisfare di
pi&ugrave; le esigenze di tutti voi utenti e i visitatori presto ci
sar&agrave; una nuova board pi&ugrave; veloce con un bellissimo
aspetto grafico,facile da usare e tante altre novit&agrave;,tutti
gli utenti iscritti al forum,dovranno rifare le iscrizioni ma ne vale
la pena!Chiediamo la cortesia di mantenere gli stessi nick....Grazie e
saluti dallo staff!</span></big></td>
    </tr>
  </tbody>
</table>
<big style="color: rgb(255, 75, 8);"><big><big><span
 style="font-weight: bold;"></span></big></big></big></div>
</body>
</html>

**dementialsite** · 15-02-2008, 15.47.51

Dal solo codice non si riesce a capire quale sia la parte che devi formattare "come un iframe".

Ad ogni modo, una volta che l'hai individuata, devi delimitarla con questo tag:

Codice HTML:

<div style="width:***px;height:***px;overflow:auto;border:solid 1px #000000"> ... </div>

Dopo che hai scelto opportuni valori per width (larghezza) e height (altezza), da mettere al posto degli asterischi, il risultato sarà proprio quello che è nel link sopra (lo riporto qui: http://dementialsite.altervista.org/...w/overflow.htm).

Stammi bene...

16-02-2008, 00.21.53

Ti ringrazio tantissimo ci sono riuscito a mettere lo scroll...Era fondamentale per le news!Grazie 1000

04-10-2008, 08.09.11

io nel mio sito ho usato questo codice per creare un box che si possa scorrere all'interno della cella e va inserito sotto i tag body:

<style type="text/css">
body{font: 76%/1.3 Arial,Verdana,sans-serif}
div.box{width:590px !important;width /**/:200px;
height:214px !important;height /**/: 200px;
overflow:auto;padding: 4px;
border:0px solid #EEE;border-right:0 solid;
background:url(gradient.png) repeat-x fixed top left}

div.box p{margin-top:0}
</style>

per richiamare la funzione metti tra i tag td quest'altro codice:

<td>
<div align="center" class="box"> contenuto </div>
</td>

spero di esserti stato utile...

un idea di cm ti uscirà puoi vederlo sul mio sito: www.hockeyrc.altervista.org

ciao

Discussione: scrolling in tabelle

LinkBack

Strumenti discussione

Display

scrolling in tabelle

Regole di scrittura