Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Need urgent help with weebly background text area.

    I need help with my weebly website located at http://28151677.nhd.weebly.com/ The problem with it is that if the text gets too long then the background for the text which in this case is blue wont expand with it. Take a look at the home page to see the problem. The code as it stands for the website it is:

    [CODE]
    body {
    background: #0d1216 url('http://www.ulpv.com/uploads/Catholic-Church-Vatican-Wallpaper.jpg') center top fixed;
    background-color:#0d1216;
    font-family:Georgia,"times new roman",serif;
    font-size:13px;
    color:#4f7288;
    margin:0;
    padding:0;
    }
    p {
    line-height:1.5;
    padding-bottom: 12px;
    }
    h1 {
    font-family:Georgia,"times new roman",serif;
    font-size:20px;
    font-weight:normal;
    color:#fff;
    line-height:1.5;
    }
    h2 {
    font-family:Georgia,"times new roman",serif;
    font-size:18px;
    font-weight:normal;
    color:#ffffff;
    line-height:1.5;
    }
    #wrapper {
    width:960px;
    margin:0pt auto;
    }
    #sitename {
    width:960px;
    font-size:30px;
    padding: 14px 0 10px;
    }
    #sitename, #sitename a {
    color:#cccccc;
    font-weight:normal;
    }
    #content-wrapper {
    background:transparent url(content_background.jpg) repeat-x center top;
    float:left;
    width:960px;
    margin-top:9px;
    margin-right:0px;
    padding-bottom:25px;
    }
    #navigation {
    float:left;
    background-color:#0a161b;
    width:948px;
    font-size:12px;
    color:#060e11;
    padding:16px 0px 0 12px;
    }
    #navigation ul {
    float:left;
    padding:0 10px 0 0;
    margin:0;
    }
    #navigation li {
    float:left;
    display:inline;
    height:30px;
    font-size:1em;
    margin:0;
    padding:0px 20px 6px 10px;
    }
    #navigation a:link {
    color:#fff;
    text-decoration:none;
    }
    #navigation a:hover {
    color:#fff;
    text-decoration:none;
    }
    #navigation a:visited {
    color:#fff;
    text-decoration:none;
    }
    #active a:link {
    color:#63afde;
    text-decoration:none;
    }
    #active a:hover {
    color:#63afde;
    text-decoration:none;
    }
    #active a:visited {
    color:#63afde;
    text-decoration:none;
    }
    a:link, a:hover, a:visited {
    color:#63afde;
    font-weight:normal;
    text-decoration:none;
    }
    .weebly_header {
    background:transparent url(default_header.jpg) no-repeat center top;
    float:left;
    width:960px;
    height:314px;
    }
    #contents {
    width:920px;
    min-height:500px;
    height:auto !important;
    height:500px;
    padding:20px;
    }
    #footer {
    float:left;
    width:960px;
    margin:20px 0 30px 0;
    background-color:#0c1c23;
    }
    #footer-contents {
    float:left;
    font-family:Georgia,"times new roman",serif;
    padding:15px 20px 15px 20px;
    width:920px;
    }
    input {
    background-color:#394c5b;
    border:1px solid #999;
    font-size:12px;
    color:#000000;
    }
    textarea {
    background-color:#394c5b;
    border:1px solid #999;
    font-size:12px;
    color:#000000;
    }

    div#commentArea div.blogCommentOwner {
    background: #323242;
    border: 1px solid #505060;
    }


    /****************************** flyout menus ******************************/

    #weebly-menus .weebly-menu-wrap {
    z-index: 5000;
    }

    #weebly-menus .weebly-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    }

    #weebly-menus .weebly-menu li {
    float: left;
    clear: left;
    width: 170px;
    text-align: left;
    }

    #weebly-menus .weebly-menu li a {
    position: relative;
    display: block;
    width: 100%;
    background: #2a3e4e;
    border-right: 1px solid #394c5b;
    border-left: 1px solid #394c5b;
    border-bottom: 1px solid #394c5b;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    line-height:1;
    padding:5px;
    color: #fff;
    }

    #weebly-menus .weebly-menu li a:hover {
    background: #2a3e4e;
    }

    #weebly-menus span.weebly-menu-title {
    display: block;
    padding: 5px 10px;
    }

    #weebly-menus span.weebly-menu-more {
    background: transparent url(http://images.weebly.com/weebly/images/submenu_arrow.gif) no-repeat center top;
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    font-family: Courier;
    height: 28px;
    line-height: 28px;
    padding:3px 0 3px 0;
    }
    [CODE]

    Any help appreciated. Sorry if i messed up on how to put the code in... im a newbie :l

  • #2
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    Add background-size: 100%; to:

    Code:
    #content-wrapper {
    background:transparent url(content_background.jpg) repeat-x center top;
    float:left;
    width:960px;
    margin-top:9px;
    margin-right:0px;
    padding-bottom:25px;
    }

  • #3
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    srry im not a coder... how do you do that? just type it into the part of the code and paste it to the reply.

  • #4
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    Ya just add background-size:100%; to your #content-wrapper CSS code

  • #5
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Alright you got it thank you

    Also since your already helping me do know how i could make this site cooler? something not too flashy? I dont know what to put into it as far as creativity goes because i dont know what s possible. Got any ideas?

  • #6
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    Quote Originally Posted by Reval View Post
    Alright you got it thank you

    Also since your already helping me do know how i could make this site cooler? something not too flashy? I dont know what to put into it as far as creativity goes because i dont know what s possible. Got any ideas?
    There's a lot of stuff you can do to it. If you can afford a few bucks I can build you a website. Let me know if you are interested. Here's the most current site I've built. http://www.yourwowguides.com

  • #7
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This is for a high school contest so if i payed people to do it for me i would be cheating... but some stuff did catch my eye like the shifting heading pic and the icons above the subpage sections. Now that i brought that up i remembered something... the subpage titles how do you center them? and honestly how do you place the shifting pics in the header? i understand you might do this for money so ill understand if you dont want to help me...

    btw your site was sick

  • #8
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    What is this contest for? They let you use website builders for it?

    And thanks for the compliment.

  • #9
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    its for the NHD project Nation History Day so i might go to state if i pass the one for school campus... idk i might i doubt it but it would be nice to see those features on my site. As for website builders... wats that?

    and ur welcome

  • #10
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    You r using weebly that's a free site builder. But idk give me some images and I'll make the slider for u.

  • #11
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I dont want to sound like a goodie goodie... cause im not... but is it hard to do it? id rather do it by myself than get caught by people viewing the post. If its too hard nevermind but atleast tell me how to center the sub page titles.
    Last edited by Reval; 03-12-2012 at 12:32 AM.

  • #12
    New Coder
    Join Date
    Jan 2012
    Posts
    97
    Thanks
    1
    Thanked 13 Times in 13 Posts
    It's not something you'd really be able to do by yourself no offense. But to center the subpage title delete the padding: 0 10px 0 0; and change margin 0pt; to margin: auto; in the #navigation ul css

  • #13
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by sean3838 View Post
    It's not something you'd really be able to do by yourself no offense. But to center the subpage title delete the padding: 0 10px 0 0; and change margin 0pt; to margin: auto; in the #navigation ul css
    crap... its fine and no offense taken... and thanks for the navigation help

  • #14
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Charles45 View Post
    There's a lot of stuff you can do to it. If you can afford a few bucks I can build you a website. Let me know if you are interested. Here's the most current site I've built.
    no thanks srry

  • #15
    New Coder
    Join Date
    Mar 2012
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hey how do we turn the sub pages into just a category thing and not a sub page itself?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •