Note: The Rootsweb Mailing Lists will be shut down on April 6, 2023. (More info)
RootsWeb.com Mailing Lists
Total: 2/2
    1. Re: [FreeHelp] External CSS how do you adjust the width of outermost
    2. Barry Carlson via
    3. Judy, Going back to to your original post:- http://archiver.rootsweb.ancestry.com/th/read/Freepages-Help/2016-02/1455070067 ... the page you provided may have been OK in FP and validated, but if we are going to use CSS, all the non-conforming stuff, e.g. <font></font>,<p align="center"> etc.. needs to be removed. As all that mark-up over-rides the CSS styles from the external file, or those in the head of the page. More importantly, why the fixation on the outer table? That table can be replaced with a div (or 2 divs) depending on how you want to style the borders. The content div width is made up 3 things, e.g. the declared width, plus left/right padding, and left/right border-width. Which means that if the following CSS is used:- #content { width: 690px; padding: 0 30px border: ridge 2px #aaa; } ... the overall width of the #content div is 754px, or in your terms 754/1006=75%; where the screen-width resolution is 1024px - 18px for the scrollbar. So the actual available width for your added content is 690px. I have reformatted the CSS file you sent, and that took an hour, but its now readable. You can make a start by cleaning up the page, then use the above example to get the initial page layout corrected. Don't worry about the FreeFind & Google search forms; I have a new mark-up/layout and independent CSS for them. Barry ----------------------- On 19/02/2016 08:54, JFlorian via wrote: > When I asked Barry for his help with Mobile code, I told him I mainly > wanted to get Google / Webmaster Tools off my back about being mobile > "unfriendly". Barry wrote it so it says my site isn't really > designed for > Mobile-- a nice way to say, "use a regular PC to see my site". For > now, > I'm content with that much. IF I'm still able in a few years, maybe > I'll > want to "upgrade". > > But back to my question.. I look at margins, padding, width, and > just > don't know what to change to make it thinner outside border and wider > innnermost content. I picked Table2 thinking that was the one-- but > it > doubled the innermost content width so it scrolled far right. Not > good. > > I've ripped apart the whole site already. I'm ready to copy > content-- IF I > can fix the CSS for the background image (repeat?? fixed?? how? > where?) and > the space for outermost and innermost areas. I re-used the CSS that > Barry > so generously helped me with the last time, but the layout does not > the > show up the same as the other site. I think Barry's been busy, so I > hope > the List can help me sort out these pesky layout problems. > > As an aside, I'm so ticked off that educators decided to introduce > "New > Math" in my grade school. I was fine in math before that-- but "new > math" > confused me. Educators stopped New Math the next year because > students > were getting Fs -- but by then, the damage had been done. For me, > numbers > never made sense again. I never went on to any higher math in HS - > got a > diploma without taking geometry or trig. I know it sounds stupid, > but I > truly don't understand and cannot "figure" how CSS pixels are > decided. I'm > still back at 100% means whole; 50% is half, etc. Percents make > sense.... > seeing 690px does not make any sense to me. > > Could someone help me get this sorted out? I *think* I can do most > of the > pages if I can just get the layout straightened out. > > Judy > > ------------------------------- > To unsubscribe from the list, please send an email to > [email protected] with the word 'unsubscribe' > without the quotes in the subject and the body of the message

    02/19/2016 03:22:30
    1. Re: [FreeHelp] External CSS how do you adjust the width of outermost
    2. JFlorian via
    3. Hi Barry, Do you have a link to the new CSS you're referring to? My focus isn't about the outermost border *per se*; It's about getting the content area wider (which then makes the outer border thinner). If the content area is narrow like it shows on the page below, I don't think it will work for the very wide photos and maps I need to transfer. That's my biggest concern. I'm also confused why my example page (below) had any old codes, since it only contains css-appropriate tags (ids, classes, h2... no font tags, no garbage). http://www.rootsweb.ancestry.com/~pawashin/test_with_feb-09-2016_css-new.htm This is the page I validated. Are there tags leftover that I overlooked? I've been removing all garbage, fonts, etc. from every page (so that won't be a problem), while trying to figure out how to get the content area widened in the CSS and get display problems fixed with the search boxes, includes, etc. So at this point the site existing on my PC is "trash" without the CSS fixed. I haven't started moving content yet, fearing I'd make a bigger mess of things. . If it would help you to see them, I can transfer some map-photo content to the template above and upload them, so you can see my concern about the wide photos and atlas maps with the narrow content area. Would that help? Judy

    02/18/2016 09:48:34