At 01:41 AM 12/22/2009, you wrote: >Firefox addon - Web Developer Tool Bar >https://addons.mozilla.org/en-US/firefox/addon/60 >http://chrispederick.com/work/web-developer/ =========== For me, this is the one of the most useful tools I have. It allows me to resize the browser window to see what my viewers will see at the various resolutions as well as validate both my html and css on my computer before the upload. Download install and investigate what it can do. pat
On Mon, 21 Dec 2009, George Waller <George@waller.org> wrote: > > At home I changed my monitor to 800x600 and saw right > same problem right here without leaving home. You can leave your monitor at a larger setting, and create a bookmark in Firefox (I have mine near the top of the bookmark list): Name: Resize to 800 x 600 Location: javascript:top.resizeTo(808,608) (The extra 8 pixels account for the 4-pixel wide partial-screen window border that is not present in full-screen mode.) Then pull down your bookmark and click on that to get the needed size. Here's another handy bookmark for validating the page currently displayed: Name: Validate This Page In New Window Location: javascript:w=window.open(null,'Validator');setTimeout('w.focus()',0);void(w.location='http://validator.w3.org/check?uri='+escape(window.location));void%200 (Location is all one line). This works with Firefox on Windows XP - can't vouch for anything else. And I didn't create it (:D) - I got it off some other mailing list years ago. John
Firefox addon - Web Developer Tool Bar https://addons.mozilla.org/en-US/firefox/addon/60 http://chrispederick.com/work/web-developer/ John Van Essen wrote: > On Mon, 21 Dec 2009, George Waller <George@waller.org> wrote: > >> At home I changed my monitor to 800x600 and saw right >> same problem right here without leaving home. >> > > You can leave your monitor at a larger setting, and create a bookmark > in Firefox (I have mine near the top of the bookmark list): > > Name: Resize to 800 x 600 > Location: javascript:top.resizeTo(808,608) > > (The extra 8 pixels account for the 4-pixel wide partial-screen window > border that is not present in full-screen mode.) > > Then pull down your bookmark and click on that to get the needed size. > > Here's another handy bookmark for validating the page currently displayed: > > Name: Validate This Page In New Window > Location: javascript:w=window.open(null,'Validator');setTimeout('w.focus()',0);void(w.location='http://validator.w3.org/check?uri='+escape(window.location));void%200 > > (Location is all one line). > > This works with Firefox on Windows XP - can't vouch for anything else. And > I didn't create it (:D) - I got it off some other mailing list years ago. > > John > > > ------------------------------- > To unsubscribe from the list, please send an email to ROOTSWEB-HELP-request@rootsweb.com with the word 'unsubscribe' without the quotes in the subject and the body of the message >
Thanks Jim, Our local library has all their monitors set to 800x600 resolution. The librarian said something about their menu but I didn't listen. It may be for the disabled. BTW, a general thanks to all who contribute here. I don't want to clutter the list with a reply of just "Thanks" ... especially given the slowness of the list recently. I code with Notepad++ and am learning everything the hard way :-) George On 21 Dec 2009 at 17:57, Jim Rickenbacker(3) wrote: > George, > > Yes, add somrthing like: width: 760px; or width: 980px; in your #mybody > style definition. You want the width a little less than the screen width to > allow for the scroll bar. The RootsWeb home page is set up for an 800px > width monitor. Most news sites are now set up for a 1024px width monitor. I > haven't seen an 800x600 monitor in a long time. The final choice is yours. > > You might want to check out the PCMagazine Utility, WinSize, > http://www.pcmag.com/article2/0,2817,57764,00.asp. All it does is add a > little box showing the window size to the cursor as you resize a window. > It's a lot easier than changing your monitor resolution to see how your page > is going to look > > Jim Rickenbacker > > ----- Original Message ----- > From: "George Waller" <George@waller.org> > To: <Rootsweb-help@rootsweb.com> > Sent: Monday, December 21, 2009 1:16 PM > Subject: [ROOTSWEB-HELP] Designing web pages for 800x600 > > > > Hi all, > > Could someone give me a pointer to information on how > > to make a web page that fits on a monitor with lower > > resolution. A visit to our local library revealed that my > > carefully crafted web page is too wide for the screen and > > requires scrolling and the text, etc. is huge. On the other > > hand, the main RootsWeb page came up just fine. > > > > At home I changed my monitor to 800x600 and saw right > > same problem right here without leaving home. > > > > Is it something easy like setting width? > > > > I googled with no luck. > > > > Help! > > Thanks, George > > > ------------------------------- > To unsubscribe from the list, please send an email to > ROOTSWEB-HELP-request@rootsweb.com with the word 'unsubscribe' without the > quotes in the subject and the body of the message
At 06:57 PM 12/21/2009, you wrote: >Yes, add somrthing like: width: 760px; or width: 980px; in your #mybody >style definition. You want the width a little less than the screen width to >allow for the scroll bar. The RootsWeb home page is set up for an 800px >width monitor. Most news sites are now set up for a 1024px width monitor. I >haven't seen an 800x600 monitor in a long time. The final choice is yours. BUT remember, how many people surf the web at full screen mode? So while they may have a huge monitor with lots of screen space, how many different things do they have going at at one time with windows open on that screen space. pat ---------- Pat Geary, Microsoft MVP - Expression Web We discuss FrontPage and Expression Web http://freepages.genealogy.rootsweb.com/~gearyfamily/frontpage/ http://freepages.genealogy.rootsweb.com/~gearyfamily/expression-web/ http://www.expression-web-tutorials.com/ Migrating from FrontPage to Expression Web EBook Revised to include EW 3.0 http://frontpage-to-expression.com/
One typical item that causes the problem is an absolute width of a table. Make it 100% or no value instead of pixels. You can make columns a percentage or some a specific width and the rest with not designation (they will expand to fit the space). Susan George Waller wrote: > Hi all, > Could someone give me a pointer to information on how > to make a web page that fits on a monitor with lower > resolution. A visit to our local library revealed that my > carefully crafted web page is too wide for the screen and > requires scrolling and the text, etc. is huge. On the other > hand, the main RootsWeb page came up just fine. > > At home I changed my monitor to 800x600 and saw right > same problem right here without leaving home. > > Is it something easy like setting width? > > I googled with no luck. > > Help! > Thanks, George
George, Yes, add somrthing like: width: 760px; or width: 980px; in your #mybody style definition. You want the width a little less than the screen width to allow for the scroll bar. The RootsWeb home page is set up for an 800px width monitor. Most news sites are now set up for a 1024px width monitor. I haven't seen an 800x600 monitor in a long time. The final choice is yours. You might want to check out the PCMagazine Utility, WinSize, http://www.pcmag.com/article2/0,2817,57764,00.asp. All it does is add a little box showing the window size to the cursor as you resize a window. It's a lot easier than changing your monitor resolution to see how your page is going to look Jim Rickenbacker ----- Original Message ----- From: "George Waller" <George@waller.org> To: <Rootsweb-help@rootsweb.com> Sent: Monday, December 21, 2009 1:16 PM Subject: [ROOTSWEB-HELP] Designing web pages for 800x600 > Hi all, > Could someone give me a pointer to information on how > to make a web page that fits on a monitor with lower > resolution. A visit to our local library revealed that my > carefully crafted web page is too wide for the screen and > requires scrolling and the text, etc. is huge. On the other > hand, the main RootsWeb page came up just fine. > > At home I changed my monitor to 800x600 and saw right > same problem right here without leaving home. > > Is it something easy like setting width? > > I googled with no luck. > > Help! > Thanks, George
Hi all, Could someone give me a pointer to information on how to make a web page that fits on a monitor with lower resolution. A visit to our local library revealed that my carefully crafted web page is too wide for the screen and requires scrolling and the text, etc. is huge. On the other hand, the main RootsWeb page came up just fine. At home I changed my monitor to 800x600 and saw right same problem right here without leaving home. Is it something easy like setting width? I googled with no luck. Help! Thanks, George
Jim, Yes I was surprised not to get *any* answers to my first CSS problem. Now I see the responses in the archives. Oh, and I now understand why some are putting dots in front of code... I have a non-graphical email client and don't think about what works best for others. Sorry! George On 21 Dec 2009 at 11:36, Jim Rickenbacker(3) wrote: > Usually a message like that quoted below would generate at least a couple of > responses so I guess I'm not the only one missing messages. The message is > in the archives but never came back to me. It appears the server is only > sending out about half the list messages. posted since noon yesterday. I'm > curious to see if this one will come back. > > Jim Rickenbacker > > ----- Original Message ----- > From: "Jim Rickenbacker(3)" <j3mr2@borisbrooks.com> > To: <rootsweb-help@rootsweb.com> > Sent: Monday, December 21, 2009 8:13 AM > Subject: Missing Messages? > > > > Anyone else noticed missing messages? I've only received 3 of the last 7 > > messages posted to the archives. I had no problems with missing messages > > before yesterday. > > > > Jim Rickenbacker > > > ------------------------------- > To unsubscribe from the list, please send an email to > ROOTSWEB-HELP-request@rootsweb.com with the word 'unsubscribe' without the > quotes in the subject and the body of the message
At 12:36 PM 12/21/2009, you wrote: >Usually a message like that quoted below would generate at least a couple of >responses so I guess I'm not the only one missing messages. The message is >in the archives but never came back to me. It appears the server is only >sending out about half the list messages. posted since noon yesterday. I'm >curious to see if this one will come back. Jim, If it appears in the archives, RootsWeb sent it out. But because of the huge volume of mail, it is often sent in batches. If your or my ISP refuses to accept a particular batch, it is queued by RW until the ISP will accept it. Mail can also be queued on the ISP's servers for one reason or another. What usually happens is that it shows up a day or two later, out of sequence. Pat Asher
Usually a message like that quoted below would generate at least a couple of responses so I guess I'm not the only one missing messages. The message is in the archives but never came back to me. It appears the server is only sending out about half the list messages. posted since noon yesterday. I'm curious to see if this one will come back. Jim Rickenbacker ----- Original Message ----- From: "Jim Rickenbacker(3)" <j3mr2@borisbrooks.com> To: <rootsweb-help@rootsweb.com> Sent: Monday, December 21, 2009 8:13 AM Subject: Missing Messages? > Anyone else noticed missing messages? I've only received 3 of the last 7 > messages posted to the archives. I had no problems with missing messages > before yesterday. > > Jim Rickenbacker
Cool, George and Pat Thanks! Gloria On Dec 21, 2009, at 9:13 AM, George Waller wrote: > Hi, > > When you write your first CSS and browse the file on your > hard drive it works fine. But after loading it to RootsWeb > it fails. > > The answer is that the RootsWeb masthead uses its own > CSS which over-rides your CSS in some cases. Do this: > create a #whatever in your style, then use > <div id="whatever"> in the body of your code. > > Like this: > > <html> > <head> > <style type="text/css"> > #mybody > { margin-left:40px; } > </style> > </head> > <body> > <div id="mybody"> > <p>Now the body of your page will indent 40px.</p> > </div> <!-- close the mybody div --> > </body> > </html> > > Thanks to: Pat Geary > http://www.genealogy-web-creations.com/ > > George > > > > > ------------------------------- > To unsubscribe from the list, please send an email to ROOTSWEB-HELP-request@rootsweb.com > with the word 'unsubscribe' without the quotes in the subject and > the body of the message
Hi, When you write your first CSS and browse the file on your hard drive it works fine. But after loading it to RootsWeb it fails. The answer is that the RootsWeb masthead uses its own CSS which over-rides your CSS in some cases. Do this: create a #whatever in your style, then use <div id="whatever"> in the body of your code. Like this: <html> <head> <style type="text/css"> #mybody { margin-left:40px; } </style> </head> <body> <div id="mybody"> <p>Now the body of your page will indent 40px.</p> </div> <!-- close the mybody div --> </body> </html> Thanks to: Pat Geary http://www.genealogy-web-creations.com/ George
Thanks John, I spent most of yesterday researching this and finally saw the light late last night. This morning I fixed the code and it worked. Next email will describe it in baby terms for future puzzled CSS neophytes. George On 21 Dec 2009 at 0:02, John Van Essen wrote: > Yes - the code inserted by the rootsweb server is the culprit. > > Did you view the source of the page after it was served from rootsweb > to see what was different? Your answer lies there. > > Be sure to view any stylesheet file linked by the inserted code. > > John > > > On Sun, 20 Dec 2009, George Waller <George@waller.org> wrote: > > Hi again, > > > > I've been trying to get my first CSS to work. > > > > I used the following script: > > > > <style type="text/css"> > > body {margin-left:60px} > > </style> > > > > When I view the html file on my hard drive with FireFox, it > > works. But when uploaded to RootsWeb it doesn't work: > > > > http://www.rootsweb.ancestry.com/~ctmanshs/00_templat > > es/bare.htm > > Tried FF, IE8, and Chrome. > > Could the RW banner the culprit? > > Solutions? > > Thanks, George > > > ------------------------------- > To unsubscribe from the list, please send an email to > ROOTSWEB-HELP-request@rootsweb.com with the word 'unsubscribe' without the > quotes in the subject and the body of the message
At 04:26 PM 12/20/2009, you wrote: >Hi again, > >I've been trying to get my first CSS to work. > >I used the following script: > ><style type="text/css"> >body {margin-left:60px} ></style> > >When I view the html file on my hard drive with FireFox, it >works. But when uploaded to RootsWeb it doesn't work: Hi George, As John said, the problem relates to the stylesheet that RootsWeb uses for the advertising banners. The stylesheet for those establishes the margins for BODY as 0px, then creates the standard 8px margins using a DIVISION. "userContentFP" style="padding: 8px;" To change the margin width from the default created by RW, create your own DIVISION for YOUR content. You can call it anything you wish, e.g. #wrapper, #mycontent, etc. -- anything that will remind you of what it means and contains. Insert that DIV right after your opening BODY tag in your HTML, and close it just before your closing BODY tag: <.BODY> <.div id="myContent"> Your page content. <./div> <./body> Remove the leading dots used here to prevent the code from executing. Now, in your HEAD section change BODY to your new DIVISION name: <.style type="text/css"> #myContent {margin-left:60px;} <./style> Pat
Anyone else noticed missing messages? I've only received 3 of the last 7 messages posted to the archives. I had no problems with missing messages before yesterday. Jim Rickenbacker
Yes - the code inserted by the rootsweb server is the culprit. Did you view the source of the page after it was served from rootsweb to see what was different? Your answer lies there. Be sure to view any stylesheet file linked by the inserted code. John On Sun, 20 Dec 2009, George Waller <George@waller.org> wrote: > Hi again, > > I've been trying to get my first CSS to work. > > I used the following script: > > <style type="text/css"> > body {margin-left:60px} > </style> > > When I view the html file on my hard drive with FireFox, it > works. But when uploaded to RootsWeb it doesn't work: > > http://www.rootsweb.ancestry.com/~ctmanshs/00_templat > es/bare.htm > Tried FF, IE8, and Chrome. > Could the RW banner the culprit? > Solutions? > Thanks, George
Hi again, I've been trying to get my first CSS to work. I used the following script: <style type="text/css"> body {margin-left:60px} </style> When I view the html file on my hard drive with FireFox, it works. But when uploaded to RootsWeb it doesn't work: http://www.rootsweb.ancestry.com/~ctmanshs/00_templat es/bare.htm Tried FF, IE8, and Chrome. Could the RW banner the culprit? Solutions? Thanks, George
George, There are sevedral things but the main one is the RootsWeb external style sheet. The RootsWeb style sheet is called after your page style and obviously has a body style that is over-rding your margin (they want their banner to go all the way across the page). Since RootsWeb puts their stuff in automatically at the body tag I don't know any way to get your body style definition in after theirs. Instead of styling the body, I'd suggest styling a div placed immediately after the body tag. Use the same margin-left style. Also, you should close out every style in a definition with a semi-colon. It's not required for the last style but a good habit to get into anyhow. Leaving the last semi-colon off is a bad habit that will bite you eventually. Also, it's also a good idea to enclose your style definitions in HTML quotes so older, non-style browsers will ignore them rather than displaying them. So try this: <style type="text/css"> <!-- div.main {margin-left: 60px;} --> </style> : : <body> <div class="main"> : : </div> </body> Jim Rickenbacker ----- Original Message ----- From: "George Waller" <George@waller.org> To: <Rootsweb-help@rootsweb.com> Sent: Sunday, December 20, 2009 3:26 PM Subject: [ROOTSWEB-HELP] Bummer on my first CSS :-( > Hi again, > > I've been trying to get my first CSS to work. > > I used the following script: > > <style type="text/css"> > body {margin-left:60px} > </style> > > When I view the html file on my hard drive with FireFox, it > works. But when uploaded to RootsWeb it doesn't work: > > http://www.rootsweb.ancestry.com/~ctmanshs/00_templat > es/bare.htm > Tried FF, IE8, and Chrome. > Could the RW banner the culprit? > Solutions? > Thanks, George > > > > > > ------------------------------- > To unsubscribe from the list, please send an email to > ROOTSWEB-HELP-request@rootsweb.com with the word 'unsubscribe' without the > quotes in the subject and the body of the message
This is the solution that I chose. Again, thanks to all who replied. Looks good in FF355 and IE8 George On 18 Dec 2009 at 11:57, Robert Sullivan wrote: > > Here is another question about tables. Is there a way to > > specify the column widths globally? As you can see, I > > repeatedly specify the width in each <TD. > > The <col> tag will do what you want. > > <http://www.w3schools.com/TAGS/tag_col.asp> > > N.B. although this is part of the HTML standard, not all browsers > support all its attributes. The page above notes that Firefox only > supports "width" which means any alignment commands will be ignored. > I believe this is also the case with IE8 and Chrome. Your mileage may > vary about whether this would prevent you from using it.