Note: The Rootsweb Mailing Lists will be shut down on April 6, 2023. (More info)
RootsWeb.com Mailing Lists
Total: 1/1
    1. Re: [FreeHelp] External CSS how do you adjust the width of outermost border?
    2. Valerie lirakis via
    3. Judy, It would look better if you had your pictures on the left and right side of the screen, rather than as a complete background - that way they would not repeat. The html for this is contained in the head section and the css as follows: body { font-family: "Times New Roman", Times, serif; font-style:italic; margin: 0; padding: 0; color: #ffffff; background-image: url('sy_john_westfieldb.jpg'), url('sy_john_westfieldb.jpg'); background-position: calc((100vw - 860px) / 2 - (150px + 8px)) 0px, calc((100vw - 860px) / 2 + (860px - 8px)) 0px; background-repeat: repeat-y; background-color: #8b99b4; } see http://freepages.genealogy.rootsweb.ancestry.com/~sussexgenealogy.html Valerie On 16 February 2016 at 01:15, JFlorian via <[email protected]> wrote: > Here is the css (looks messy online, sorry) > http://www.rootsweb.ancestry.com/~pawashin/test_with_feb-09-2016.css > > Here is the page: > > http://www.rootsweb.ancestry.com/~pawashin/test_with_feb-09-2016_css-new.htm > > > > First, W3 does not like these 2 together in the CSS (see below). > background-repeat: repeat; > background-position: fixed; > > Am I supposed to have both? > > > Second, I've been searching for the # pixels or percents to use for page > layouts with double or triple borders. I'm not having much luck and don't > know what are acceptable widths. Could someone tell me what I need to > change to make the centermost "content" area wider and the outermost > thinner? Based on the differences between these 2 pages--- > I could use a bit more outermost than what is showing on this OLD page - > Maybe show double the width than what it shows now? > http://www.rootsweb.ancestry.com/~pawashin/ > > But half the width of this outermost border, so the border is not SO > wide--- > > http://www.rootsweb.ancestry.com/~pawashin/test_with_feb-09-2016_css-new.htm > > > And, could you switch all of the width and padding statements to percents > rather than pixels because it's easier for me to understand. > > The online version of the CSS looks messy so I'll give the sections here > <!-- > /* =========================================== > OUTERMOST TRIPLE BORDER and BODY STYLES /*downtown-washington-pa*/ > ============================================== */ > body { > background-image: url('graphics/site/a_uptown_eosbokchito_68.8kb.gif'); > background-repeat: repeat; > background-position: fixed; > font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; > font-size: 0.9em; > color:#000; > text-align:center; > } > /* ====================== > > And... > > /* ============================================ > MIDDLEMOST TRIPLE BORDER COLOR: http://www.color-hex.com/color/ecdac2 > =============================================== */ > #table1 { > width:98%; > background-image: #f9f0e9; url:('bk_main_eos_68.8kb.gif'); > } > /* ============================================ > INNERMOST TRIPLE BORDER - COLOR: http://www.color-hex.com/color/faf4e4 > NOTE: The image jpg is commented out. > > =============================================== */ > #table2 { > width:100%; > border:ridge 3px #aaa; > background: #f5f4ef ; > } > #table3, #table4 { > width: 20%; > font-size: 80%; > font-weight: bold; > text-align: center; > } > #table4 { > width: 90%; > } > > //--> > > Hope the CSS items goes through the list okay. > > I also need to know if the content area will automatically expand to the > right to accommodate Atlas Maps? (Or should I use a different layout for > those pages?) > > > And, is the new page ( > > http://www.rootsweb.ancestry.com/~pawashin/test_with_feb-09-2016_css-new.htm > ) still > technically a triple border with the middlemost one just super thin? (It's > the way I want it between outermost and innermost, but is it still a triple > border layout or a double border layout? scratching head...) > > 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/16/2016 03:03:58