-
scrolling in tabelle
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...
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
-
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à:
Codice:
div.iframe {
width: 200px;
height: 200px;
overflow: auto;
background-color: #E3F6FF;
border: 0px;
}
NELL'HTML ANCHE NELLA TABELLA
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>
-
-
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:
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...
-
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