Bondwriter Posted January 24, 2007 Posted January 24, 2007 I'm trying to do the lay-out of my Fairy Tales retold story. It's a fairly simple layout: I have a colored strip on the left, and the text on the right. I used Dreamweaver's frameset feature, and everything went smoothly until I was told there was a scroll bar on the bottom of the right frame (text). It's still perfectly legible, but it just doesn't look good. The sroll bar doesn't appear with Firefox. Here is the code of the very first page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Hannibal Lector</title></head><frameset rows="*" cols="121,639" framespacing="0" frameborder="no" border="0"> <frame src="HannibalLector_fichiers/Border.htm" name="leftFrame" noresize="noresize" scrolling="no"> <frame src="HannibalLector_fichiers/HannibalLector1.htm" name="mainFrame" scrolling="auto" marginwidth="20" marginheight="0"> </frameset> <noframes><body> </body></noframes> </html> Border.htm is the colored frame on the left, HannibalLector1.htm the text frame. (Hannibal Lector is a fake name, but adequate with what CJames said would happen if I spilled the beans about my story...) I should add that when I open HannibalLector1.htm in IE, it opens without the bottom scroll bar. And the fact that there are margins within the text frame avoids the text to be hidden. But there's a scroll bar nonetheless... The question is: where should I change something so the bottom scroll bar (with almost no possibility of movement, and not disappearing when resizing the window) would go away? I cannot find any info in the online help, so I figured someone would be able to tell me. Of course, I can provide any further info if this is not sufficient. Thanks in advance.
Jack Scribe Posted January 24, 2007 Posted January 24, 2007 I cannot find any info in the online help, so I figured someone would be able to tell me. Of course, I can provide any further info if this is not sufficient. Thanks in advance. Hi Bondwriter, There are a few whizkids who might be be able to help you - my computer knowledge only makes me dangerous...to myself. However, you might just consider sending the story as Word (doc.) text and let committee troops do the rest. Here are the original guidelines: Please, if possible, submit your story as far in advance as possible, to allow for adequate time for layout and presentation work. Maximum words: 12,000 Minimum: 1000 All stories must be edited prior to submission. Format: text files or Word (.doc) files Submission procedure: Please send your submission as an attachment by email to cjames@gayauthors.org Page Design: We will prepare a unique page layout for each story. If you would like to submit a graphic to be used on your story page, feel free to do so. You may also create your own HTML page design, but please be aware that all designs may be subject to change. Please let us know in advance so that any technical issues can be addressed ahead of time. I decided to send my submission as a Word (.doc) file and trust CJ. Jack
Bondwriter Posted January 24, 2007 Author Posted January 24, 2007 Yes, I can do that. Actually CJ is the person who noticed the scroll bar. I just saw that as an opportunity of learning. I'd like to be able to do this for other purposes. But thanks a lot for taking the time to reply, it's very much appreciated.
Site Administrator Graeme Posted January 24, 2007 Site Administrator Posted January 24, 2007 Just curious. Do you have any images or embedded objects in the HTML page inside the frame? My understand is that the scrollbar appears if the document inside the frame doesn't fit the specified size. Since normal text will wrap, and you've specified a margin to handle the way different browsers handle window sizes, that implies there is something in the document that is wider than the window. If you haven't noticed it in IE or Firefox, but CJ has, then that implies his window size is different to you. I've seen that before -- someone did a page that assumed a full-screen 1024x768 resolution screen. My work laptop resolution is different, and some of the text ended up against a background image that made it hard to read. As I understand it, that is a common mistake when first designing web pages -- handling different window sizings, since it is the USER who decides how big they will be, not the page designer.
Bondwriter Posted January 24, 2007 Author Posted January 24, 2007 No, that's why I was a bit puzzled, I just have black text over a black background in the text frame. I understood how to set margins inside the frame so the text is not just against the edge. Whether I have or don't have margins, the scroll bar is there nevertheless. I had not paid attention to the scroll bar until CJ told me there was one, and it works just fine other wise, and of course the user will resize the window as he pleases. I do. The idea was to have the story displayed with a big font and a strip because I like how it looks and also has a maximum of fifteen words per line if you're in full screen mode (at my resolution) Thanks again, Jack and Graeme, for helping out. I'll find the answer whatever happens!
JSmith Posted January 24, 2007 Posted January 24, 2007 If you send me the file (Joe@Gayauthors.org), I can take a look at it. My advice: never use frames. Frames are obsolete and a pain to work with. The easiest way to go about how you want it to look is to use a table the has 1 row and 2 columns. The first column is the size (I would use a % of the screen instead of an actual pixel number - ex: 10%) you want the strip on the left to be, and then the right column is your text. Here's an example: https://www.gayauthors.org/temp/table.php Let me know if you need any help. Joe
ACFan Posted January 25, 2007 Posted January 25, 2007 The fix I found for that issue is to set CSS to make the text body 90% of the width of the area it is in. That usually 'fools' MS into getting rid of the bottom bar (You have to use percents though) this is my body CSS code: body { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #66FFCC; background-color: #000000; text-align: justify; margin: 5%; }
Bondwriter Posted January 25, 2007 Author Posted January 25, 2007 Thanks a lot for all the advice. I went with tables, and the problem was solved in about 30 seconds. I guess next time, for such a basic thing, I'll go back to HTML for Dummies instead of trying the templates and solutions Dreamweaver offers. to Joe.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now