Printable View
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
Dentro la cella metti:
Codice HTML:<div style=\"height: 400; overflow: auto; border: 1px solid #000000; padding: 5px;\">Contenuto</div>
quel codice va bene solo all'interno di uno script php...
gli ho levato i due "/" che in php sono necessari.Codice HTML:<div style="height: 400; overflow: auto; border: 1px solid #000000; padding: 5px;">Contenuto</div>
ciao
Scusa l'ho copiato da una pagina del mio sito e non me n'ero accorto, comunque sono da togliere le "\".
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
usa i css.
nel foglio di stile andrà:
NELL'HTML ANCHE NELLA TABELLACodice:div.iframe {
width: 200px;
height: 200px;
overflow: auto;
background-color: #E3F6FF;
border: 0px;
}
Codice:<div class="iframe">
devi mpostare l'altezza e la larghezza ke vuoi e poi lo scorrimento avverrà se ci sarà l testo ke è + grande della grandezza
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
se ti può essere utile in questo tutorial si spiega passo passo come utilizzare gli overflow con i css
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>
Come la devi cambiare?
Ragazzi non ho parole!!! Non so proprio come ringraziarvi!! ho risolto siete stati gentilissimi!!!!
Ancora grazie Ciao a tutti
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!
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&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&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 è ancora in costruzione come potete vedere ci sono
alcune sezioni non accessibili perchè sono sotto
manutenzione.....<br>
Il sito presenta varie sezioni,la sezione download è 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&gdr!<br>
Per ora è tutto visitate recentemente questa sezione per
vedere le nuove news ......
<br>
Saluti....<br>
Lo Staff!<br>
05/02/2008<br>
<br>
Lavori in corso per il forum worldcentergdr,al fine di soddisfare di
più le esigenze di tutti voi utenti e i visitatori presto ci
sarà una nuova board più veloce con un bellissimo
aspetto grafico,facile da usare e tante altre novità,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>
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: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).Codice HTML:<div style="width:***px;height:***px;overflow:auto;border:solid 1px #000000"> ... </div>
Stammi bene...
Ti ringrazio tantissimo ci sono riuscito a mettere lo scroll...Era fondamentale per le news!Grazie 1000
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