InsaneJournal

Tweak says, "those days...?"

hodor (ex_hodor422) wrote in rp_tutorials,
@ 2012-06-11 19:44:00

So, I'm making a new bio page and I wanted the whole table to be similar to this, where all of it fits on the page without needing to scroll but I can't figure out what I need to add. So, how do you control the height of the table? I've checked in google but every answer I found didn't help.

(Post a new comment)

	tessisamess 2012-06-12 01:15 am UTC (link)
	Can I see your code? :) (Reply to this) (Thread)

	tessisamess 2012-06-12 01:22 am UTC (link)
	Anyway, just without seeing your code, if you want different areas to scroll, you need to define either a `TD STYLE` or a `DIV STYLE`. An example would be: `td style="width:200px;height:250px;overflow-y:auto;"` which will make it a set size and then any excess info that doesn't fit in the 200x250 will scroll. (Reply to this) (Parent) (Thread)

	ex_hodor422 2012-06-12 01:33 am UTC (link)
	http://ripleysm.webs.com/ Would I need to put that on each of the different TD sections? (Reply to this) (Parent) (Thread)

	tessisamess 2012-06-12 01:37 am UTC (link)
	Oh, cuuute. Lemme take a look at the page source and I'll get back to you in a sec. You want each section (FILMOGRAPHY/DISCOGRAPHY/BASIC INFO/ETC.) to scroll its own section, right? (Reply to this) (Parent) (Thread)

	ex_hodor422 2012-06-12 01:39 am UTC (link)
	Well like the one I linked in the post where the whole table fits without having to scroll down the page. Does that make sense? (Reply to this) (Parent) (Thread)

tessisamess
2012-06-12 01:53 am UTC (link)

It does! If you want a very fluid table, you could always base the entire table on percentages. So instead of, say, TABLE WIDTH="1000" HEIGHT="500" it would be something like TABLE WIDTH="99%" HEIGHT="50%" and then you'd stick in scrolling on the sections and give them specific percentage wxh to keep the same aspect ratio no matter the resizing. Except the image area. You'd want that to stay a static size or it would jank.

But if you only want the sections to scroll and want to leave the full info portion of the table at 1000x600, try doing this:

Change your Basic Info style to

style="height:250px; overflow-y:auto; background-color: #EEEEEE; width: 320px; border-bottom: 0px dotted black; background-image: url(); border-bottom: px dotted #000000;"

Add to your FILMOGRAPHY/DISCOGRAPHY/TV & PRINT ADS/MISC

Outside of the div tags you already have on those.

(Reply to this) (Parent)