Jump to content

Together4Business

Members
 View Profile  See their activity

  • Posts

    15

  • Joined

  • Last visited

Together4Business's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Together4Business
    I'm sorry i don't understand your explanation. Could you te'll me where in the code do i have to change something?
  2. Together4Business
    These are the main settings: /* General Styling and Structure --------------------------------------------------------------------------------*/ body { font-family: Arial, sans-serif; font-size: 18px; line-height: 1.5; color: #797570; font-weight: normal; background-image: url("body-bg.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; height: 100%; box-sizing: border-box; } /* list all page type classes so that it shows up in the editor */ .tall-header-page:before, .short-header-page:before, .title-page:before, .landing-page:before, .splash-page:before, .no-header-page:before { content: ''; position: absolute; top: 43px; left:; width: 100%; height: 66px; z-index: 1px; background: #fff; } html { height: 100%; } .container { min-height: 100%; margin: 0 auto; width: 970px; } } #header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap { width:100%; } a { color: #3b8cdd; } a:hover { color: #86bcf3; } h2 { font-size: 30px; padding: .5em 0 80px 0; line-height: 1.25; color: #494442; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; } #banner-wrap h2, #footer-wrap h2, #splash-wrap h2 { color: #fff; border-bottom-color: rgba(0,0,0,0.2); } p { font-size: 18px; line-height: 1.5; padding: .5em 0; } blockquote { background: #fff; font-family: 'Arvo', serif; font-size: 18px; line-height: 1.5; color: #494442; padding: 1em; margin: 2em 0; border: 2px solid #c8c6c4; border-left: 2px solid #c8c6c4 !important; font-style: normal !important; } #splash-wrap blockquote { background: transparent; color: #fff; border-width: 2px 0 !important; border-color: rgba(0,0,0,0.2); font-size: 24px; line-height: 1.2; } div#content {min-height:400px;} .wsite-image-border-thin img { border:2px solid rgba (0,0,0,0.1) !important; } .styled-hr { background-color: #eeecea; box-shadow: none; height: 2px; } #banner-wrap .styled-hr, #footer-wrap .styled-hr, #splash-wrap .styled-hr { background-color: rgba(0,0,0,0.2); box-shadow: none; height: 2px; Could you te'll me what do i have to change? And this is the page lay-out: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body class='no-header-page wsite-background wsite-theme-light'> <div id="top-wrap"> <div id="header-wrap"> <div class="container"> <table id="header"> <tr> <td class="phone-number">{phone:text}</td> <td id="header-right"> <table> <tr> <td class="social">{social}</td> <td class="search">{search}</td> </tr> </table> </td> </tr> </table> </div><!-- end container --> </div><!-- end header-wrap --> <div id="nav-wrap"> <div class="container"> <table> <tr> <td id="logo">{logo}</td> <td id="nav">{menu}</td> </tr> </table> </div><!-- end container --> </div><!-- end nav-wrap --> <div id="banner-wrap"> <div class="container"> <div id="banner"> <div class="wsite-header"></div> <div style="clear:both;"></div> </div><!-- end banner --> </div><!-- end container --> </div><!-- end banner-wrap --> </div> <div id="main-wrap"> <div id="container-top"></div> <div class="container"> {content} </div><!-- end container --> <div id="container-bottom"></div> </div><!-- end main-wrap --> <div id="footer-wrap"> <div class="container"> <div id="inner-footer"> {footer} </div><!-- end container --> </div><!-- end footer-wrap --> </body> </html> Could you te'll how it's suposed to be to get a sticky footer. Kind regards
  3. Together4Business
    Yes the best solution is still the sticky footer. Could you help me to created it.?
  4. Together4Business
    At some pages is not much content so i want it on every page on the bottom. So i guess a Permanently fixed footer is the best solution.
  5. Together4Business
    Hello, I've created a footer with the following code: /* Footer --------------------------------------------------------------------------------*/ #footer-wrap { text-align:right; margin-top: 30px; padding-bottom: 34px; } #footer-wrap .container { background: rgba(125,67,0,0.6); width: 100%; padding: 10px 0 10px 0; color: rgba(255,255,255,0.6); } #footer-wrap .container h2 { color: #fff; font-size: 18px; padding: 0 0 1em 0; border-bottom: 2px solid #746e68; margin-bottom: 15px; } #footer-wrap .container p { color: rgba(255,255,255,0.6); font-size: 18px; padding: 0 0 15px 0; } #footer-wrap .container blockquote { background: none; color: rgba(255,255,255,0.6); border: 0 !important; font-family: 'Arvo', sans-serif; } #footer-wrap .wsite-search-element-input { height: 42px; padding-left: 58px; background-color: rgba(0,0,0,0.2) !important; border-color: rgba(255,255,255,0.2); } #footer-wrap .wsite-search-element-input::-webkit-input-placeholder, #footer-wrap .wsite-search-element-input:-moz-placeholder, #footer-wrap .wsite-search-element-input::-moz-placeholder, #footer-wrap .wsite-search-element-input:-ms-input-placeholder { color: rgba(255,255,255,0.2); font-style: italic; } #footer-wrap .wsite-search-element-submit { right: auto; left: 2px; background: rgba(255,255,255,0.2) url("search-footer.png") center center no-repeat; width: 38px; height: 38px; margin-top: -19px; } Now the footer is not fixed on the bottom of the page, could someone give me a adbice to fixed it on each page on the bottom? You can see the website online if you browse to beta.together4business.nl Kind regards. Luuk
  6. Together4Business
    Thanks for your support! It works.. Kind regards
  7. Together4Business

    footer

    Together4Business posted a topic in CSS

    Hello, I've created a footer with the following code: /* Footer --------------------------------------------------------------------------------*/ #footer-wrap { text-align:right; margin-top: 30px; padding-bottom: 34px; } #footer-wrap .container { background: rgba(125,67,0,0.6); width: 100%; padding: 10px 0 10px 0; color: rgba(255,255,255,0.6); } #footer-wrap .container h2 { color: #fff; font-size: 18px; padding: 0 0 1em 0; border-bottom: 2px solid #746e68; margin-bottom: 15px; } #footer-wrap .container p { color: rgba(255,255,255,0.6); font-size: 18px; padding: 0 0 15px 0; } #footer-wrap .container blockquote { background: none; color: rgba(255,255,255,0.6); border: 0 !important; font-family: 'Arvo', sans-serif; } #footer-wrap .wsite-search-element-input { height: 42px; padding-left: 58px; background-color: rgba(0,0,0,0.2) !important; border-color: rgba(255,255,255,0.2); } #footer-wrap .wsite-search-element-input::-webkit-input-placeholder, #footer-wrap .wsite-search-element-input:-moz-placeholder, #footer-wrap .wsite-search-element-input::-moz-placeholder, #footer-wrap .wsite-search-element-input:-ms-input-placeholder { color: rgba(255,255,255,0.2); font-style: italic; } #footer-wrap .wsite-search-element-submit { right: auto; left: 2px; background: rgba(255,255,255,0.2) url("search-footer.png") center center no-repeat; width: 38px; height: 38px; margin-top: -19px; } As you can see the footer is wrapt over the whole page : 100%. But i want the context in a "inner-footer" with a width of 650px, so the context is align to the main-content. Could someone please give me a advice? Kind Regards
  8. Together4Business
    I allready fixed it thanks for your support Kind regards.
  9. Together4Business
    Where do I have to put it in the main-style.css or the page lay-out html?
  10. Together4Business
    PS the "framework" is good i only want that it is invisible. If i change the background color i can make it "invisible"
  11. Together4Business
    I think it is not a real framework it's more like a background. Could you maybe check the publisht link to see what i mean..? Thanks for your response
  12. Together4Business
    Hi, Hello I am building a website.I publish it under: beta.together4business.nl Now creates the code below a framework behind the text. But I do not want this on the homepage, but only on the rest of the pages. How do I change this ? /* Main Content --------------------------------------------------------------------------------*/ #main-wrap .container { min-height:400px; background: rgba(255, 255, 255, 0.7); padding: 40px 70px 70px 70px; width: 830px; } #main-wrap .paragraph ul, #main-wrap .paragraph ol { margin: 0 !important; } #main-wrap .paragraph li { list-style: none; background: url(bullets.png) no-repeat left 8px; padding-left: 15px !important; } The next code creates the page lay-out: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body class='no-header-page wsite-background wsite-theme-light'> <div id="top-wrap"> <div id="header-wrap"> <div class="container"> <table id="header"> <tr> <td class="phone-number">{phone:text}</td> <td id="header-right"> <table> <tr> <td class="social">{social}</td> <td class="search">{search}</td> </tr> </table> </td> </tr> </table> </div><!-- end container --> </div><!-- end header-wrap --> <div id="nav-wrap"> <div class="container"> <table> <tr> <td id="logo">{logo}</td> <td id="nav">{menu}</td> </tr> </table> </div><!-- end container --> </div><!-- end nav-wrap --> <div id="banner-wrap"> <div class="container"> <div id="banner"> <div class="wsite-header"></div> <div style="clear:both;"></div> </div><!-- end banner --> </div><!-- end container --> </div><!-- end banner-wrap --> </div> <div id="main-wrap"> <div id="container-top"></div> <div class="container"> {content} </div><!-- end container --> <div id="container-bottom"></div> </div><!-- end main-wrap --> <div id="footer-wrap"> <div class="container"> {footer} </div><!-- end container --> </div><!-- end footer-wrap --> </body> </html> Could someone please help me? Kind regards.
  13. Together4Business
    Hi Ingolme, How do i created a i frame for the rss feed and will it be automaticly updated whenn i update a post?
  14. Together4Business
    Excuse me i forgot to name it: here is the link to the feed:http://beta.together4business.nl/1/feed
  15. Together4Business
    I'm a site to build now I have an RSS feed sit in that site that I would like in a box. This is the code for the framework: <! DOCTYPE html> <html> <head> <style> p { background: rgba (255, 255, 255, 0.7); border: 5px # FFD300 outset; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 475px; height: 225px; } </ style> </ head> <body> <p> RSSFeed </ p> </ body> </ html> Where RSSFeed would a html code to come from the following link: eventually it has then to look like in the picture only with the RSS feed it out. Hope someone can help me.
×
×
  • Create New...