Help - Search - Members - Calendar
Full Version: scrollbar help
HTMLHelp Forums > Web Authoring > General Web Design
awtj
Greetings and Hello!

I have a web site that I need help with. I am not a wiz at html but I try to do my best...

This was my first attempt at xhtml and css. I used a template and "adapted" it and added other template parts to get to the point I am at now with it.

To see what I'm working with -

website page: www.rcfca.com/news.html
click on the "2003" button in the "Other stories..." section
A calendar pops up
Select "March 16" to see the normal-looking pop-up
then click the "Back to Calendar" button
Now Select "March 17"

No scrollbar... and the buttons are now off the pop-up page.

Can I get a scrollbar with what I have now?

I have a 2nd minor problem when the site is viewed with Firefox and IE 5 (Win 98 SE). These browsers show an extra partial "link" of the link at the bottom right side of the pages.

Currently the web pages & css validate as xhtml transitional.

If anyone happens to know how to fix either of these issues I'd appreciate the help.

Thanks.
Darin McGrew
QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
This was my first attempt at xhtml and css.
Is there a particular reason why you're using XHTML, rather than using regular HTML? Both can be used with CSS.

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
website page: www.rcfca.com/news.html
click on the "2003" button in the "Other stories..." section
A calendar pops up
Except when JavaScript is disabled/unsupported...

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
Select "March 16" to see the normal-looking pop-up
then click the "Back to Calendar" button
Now Select "March 17"
Or just go to http://www.rcfca.com/story/2003/03/17.html

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
No scrollbar... and the buttons are now off the pop-up page.

Can I get a scrollbar with what I have now?
FWIW, both pages required scrolling for me when viewed in your little pop-up window. Font sizes in px (or pt) are almost always inappropriate for media="display", and your px font sizes are smaller than the minimum font size enforced by my browser.

You can use the scrollbars parameter when you call window.open(), but why try to limit the page to a small window in the first place?

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
I have a 2nd minor problem when the site is viewed with Firefox and IE 5 (Win 98 SE). These browsers show an extra partial "link" of the link at the bottom right side of the pages.
The markup errors can't help.

I'm not sure what "partial 'link'" you're referring to though. The main thing I notice about your news.html page in Firefox is that it looks like you've floated content, but haven't cleared it.
awtj
QUOTE(Darin McGrew @ Jan 21 2008, 01:48 AM) *

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
This was my first attempt at xhtml and css.
Is there a particular reason why you're using XHTML, rather than using regular HTML? Both can be used with CSS.

Hello, Darin. I was told (read) that the web is going to xhtml and therefore I should start to "write" in xhtml... so I did.

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
website page: www.rcfca.com/news.html
click on the "2003" button in the "Other stories..." section
A calendar pops up
Except when JavaScript is disabled/unsupported...

yes...

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
Select "March 16" to see the normal-looking pop-up
then click the "Back to Calendar" button
Now Select "March 17"
Or just go to http://www.rcfca.com/story/2003/03/17.html

Just wanted folks to see "how" to get there.

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
No scrollbar... and the buttons are now off the pop-up page.

Can I get a scrollbar with what I have now?


FWIW, both pages required scrolling for me when viewed in your little pop-up window. Font sizes in px (or pt) are almost always inappropriate for media="display", and your px font sizes are smaller than the minimum font size enforced by my browser.

You can use the scrollbars parameter when you call window.open(), but why try to limit the page to a small window in the first place?

I tried that but it didn't do anything... did you get scrollbars???? If you did, I am totally confused.

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
I have a 2nd minor problem when the site is viewed with Firefox and IE 5 (Win 98 SE). These browsers show an extra partial "link" of the link at the bottom right side of the pages.
The markup errors can't help.

I had tried to validate these pop-up pages and couldn't get the info shown on the link you posted........

I'm not sure what "partial 'link'" you're referring to though. The main thing I notice about your news.html page in Firefox is that it looks like you've floated content, but haven't cleared it.


.... and I have no idea what "floated content" is, but the name sounds like what is happening.

I am sure that most of my trouble is:

1st time trying xhtml
1st time trying css
1st serious attempt trying javascript
using templates supplied by others
adding parts from different sources

The pop-up window idea started as an idea to use a calendar as the way to select the page that has the links for that date. Seemed simple enough...... Made the decision to have the actual link page open in the same window as the calendar. That seemed better than opening multiple pop-up pages.
Darin McGrew
QUOTE(awtj @ Jan 20 2008, 11:41 PM) *
I was told (read) that the web is going to xhtml and therefore I should start to "write" in xhtml... so I did.
See also:
Beware of XHTML
No to XHTML
Sending XHTML as text/html Considered Harmful

QUOTE(awtj @ Jan 20 2008, 10:18 PM) *
No scrollbar... and the buttons are now off the pop-up page.

Can I get a scrollbar with what I have now?
QUOTE(Darin McGrew @ Jan 21 2008, 01:48 AM) *
FWIW, both pages required scrolling for me when viewed in your little pop-up window. Font sizes in px (or pt) are almost always inappropriate for media="display", and your px font sizes are smaller than the minimum font size enforced by my browser.

You can use the scrollbars parameter when you call window.open(), but why try to limit the page to a small window in the first place?
QUOTE(awtj @ Jan 20 2008, 11:41 PM) *
I tried that but it didn't do anything... did you get scrollbars???? If you did, I am totally confused.
No, I didn't get scrollbars. Your pop-up windows needed them, but didn't have them. When I opened my own windows, they were large enough not to need them.

Can you post the URL (address) of a document that uses the scrollbars parameter to window.open()?

QUOTE(awtj @ Jan 20 2008, 11:41 PM) *
.... and I have no idea what "floated content" is, but the name sounds like what is happening.
Your CSS uses "float : left" and "float : right".

awtj
OK.... so I went down a path that I shouldn't have, THINKING that I was doing things "right".

Not the 1st time for me on that path!

So I guess that I should attempt to put things back to HTML 4.01 (that I at least understand much better) and THEN "fix" my issue(s) from that point? I get the feeling that most of my issues was in trying to get things to work in XHTML that didn't really want to work in that environment, and the more I tried (forced) the bigger this problem became.

Oh, and I never have understood how to "do" css. I understand what it is suppossed to do, etc. I just don't understand HOW to make it work, so I was forced to used templates to get what I have now and just stumbled upon "fixes" as needed to do what I wanted / needed. I have css as a seperate file as well as in my web pages (which I'm sure is part of my scrollbar issue on the pop-ups...). Is there somewhere a place to go that explains how to do css so that I can understand it??? (I've been to, seen and read many web sites that was suppossed to help me learn css but only served to confuse me more than I was already...)

Will "Tidy" be able to "fix" things back to HTML 4.01 to get me started on this without having to do it all by "hand" coding (Yes, I do know I will have to go through it all afterwards anyway to get things back the way I want the pages to look.... I'm very much OK with that...) OR is there some other program (web-based or otherwise) that works better?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.