Css Questions

Freyja's picture
I have four questions!
These are mostly for Sorrel's biography, but also in general.

1. How do you get text to scroll without showing the scrollbar? I've had this function before but there was always some text cut off.

2. With accordion CSS, can you use the invisible scrollbar ^ instead of making each section huge? I'm still having issues with this as it is. I don't mind having the boxes big, but it makes the sections with only a little text look...strange.

3. How do you make text boxes within text boxes? Or are they tables? Like...you have one that functions as a background, and however many others that are a different colour and have text + scrollbars within them? I had this answer once but I can't find the reference anymore.

4. How do you make the sidebar + top header disappear completely?
Freyja's picture

Casual bump!

Casual bump!
Sypris's picture

curious to know some of these

curious to know some of these things as well...gonna mooch on any answers you get. |: ty.
Freyja's picture

Hooray for mooching! another

Hooray for mooching!
another bump
Aivilo's picture

1. A div box within a div

1. A div box within a div box.

2. Probably so. I'll have to fiddle with mine and see.

3. Ahmmm... I just add a background image or color to the div box and/or the page. I've never had a terrible lot of success with getting any fancier than that.

4. There's a CSS script for it somewheres.

I have codes for 1, 2, and 4, but it'll take me a few minutes to dig it up.

Edit: 1. Unplugged describes hidden scroll bar code here

2. Find your "verticalaccordian" section in your CSS. Look for "height" in this area. There should be two areas where a height in px is specified and is greater than say 30 or so (a decent-sized div box is usually 100px or more tall). The first one adjusts the inner scroll bar. The second adjusts how far the accordian expands. Adjust as desired. To make the scrollbar invisible, you'll have to add a width to that first box.

4. #sidebar-left, #logo, #header-region, .breadcrumb, .picture, .grippie, .tips, .with-tabs { display: none; border: 0px; } #header { height: 20px !important; }#wrapper #container #center .right-corner .left-corner {width:110%; margin-left:0px; margin-right:auto;margin-left:0px; margin-right:auto;margin-left: 0px; margin-right: auto; -- Make sure to put it inside style tags
Sypris's picture

^-- youre an angel

^-- youre an angel
Freyja's picture

My experiments are going

My experiments are going here~ I have my current issues written up in the first box, but my biggest concern right now is how to get two images to stay either side of a text box. They'd be like having 3 text boxes side-by-side I guess, but I want images instead on the outer ones.

Details are there if anyone wants to help, but please comment here instead!

Edit:
I asked an IRL friend about my image question and she suggested "gridtables". It took a while buuut I got there, and now look! It's perfect.

My only problems now are that white line at the top, and the link colour which is still green. I'd be fine with that but it's impossible to read in comments.