by T2007
8 replies
  • WEB DESIGN
  • |
Hi All,

So far, I've built my websites from scratch using NVU and free pics.

This year I have decided to re-vamp one of my landing pages. I've got a header, a footer and the background image/color, all professionally made. My problem is that I do not know how to assemble the template using NVU. I can upload the header and footer, but have no idea where (in the html) to enter the code for the background image/color.

Can somebody help, please?
Thanks much!
Tammy
#html #landing page #template
  • Profile picture of the author F-GD
    You can use the background code in cascading style sheet (CSS) file.

    Hope this is what you asked.
    {{ DiscussionBoard.errors[1601562].message }}
    • Profile picture of the author chennai2020
      Either you can use the tag in html for body bgcolor or you can use css to insert a background image. its best you use css
      {{ DiscussionBoard.errors[1602346].message }}
      • Profile picture of the author T2007
        Thanks for both of your replies... not familiar with CSS. I have heard of it but not sure what it is or how it works. Would prefer to enter an html code -if possible- as I'm more familiar with this... please let me know how to do that, where to enter the code in the source of the document.

        This is what I get in a new NVU doc... where do I enter the tag and how is it formatted?

        <html>
        <head>
        <meta
        content="text/html; charset=ISO-8859-1"
        http-equiv="content-type">
        <title></title>
        </head>
        <body>
        <br>
        </body>
        </html>


        Again, thanks for your help :-)
        Tammy
        {{ DiscussionBoard.errors[1603228].message }}
        • Profile picture of the author Karen Blundell
          hi Tammy...

          Personally, I build all my sites using CSS and XHTML (HTML sometimes), or WordPress themes
          but if you just want to focus on HTML, no problem and you will find all your answers here:

          W3Schools Online Web Tutorials
          Signature
          ---------------
          {{ DiscussionBoard.errors[1603845].message }}
          • Profile picture of the author T2007
            Thank you, Karen.

            It is not that I want to stick to html, but that is the only thing I'm familiar with. From your experience, is CSS complicated to learn for a total newbie? I want to learn but don't have a lot of time to do that at this point in time, so I'm wondering if I should outsource it this time...

            I'll appreciate your opinion!
            Tammy


            Originally Posted by Karen Blundell View Post

            hi Tammy...

            Personally, I build all my sites using CSS and XHTML (HTML sometimes), or WordPress themes
            but if you just want to focus on HTML, no problem and you will find all your answers here:

            W3Schools Online Web Tutorials
            {{ DiscussionBoard.errors[1604983].message }}
  • Profile picture of the author mattalways
    Hi there!
    If you want to outsource, I'm your guy! If you want to try to get into CSS, it's a bit different than HTML and can take some time getting used to. A thing to point out is that you can have the style right on the item, or referenced to the stylesheet with id="" or class="".

    Then in the CSS stylesheet you would have:
    #idname {
    //code here
    }
    .classname {
    //code here
    }

    The stylesheet can be called onto the page using this:
    <linkrel="stylesheet" type="text/css" href="URL_HERE" />


    or it can be right on the page using something like:
    <style> stylecodeshere </style>

    If you want to add the style right to an item on the page, you can just add:
    style="Codes here"

    So for example an image that we want to move up the page a bit, we could use this:
    <img src="URL_TO_IMG" style="margin-top: -20px;">

    I hope this gives you a bit of a better idea how to work with it. I know I was a little confused when I first started moving into CSS. It's much better though and you can do much more with it than HTML. If you have any questions, let me know! Good Luck!!
    Signature

    Quit wasting your money! If you need a website, get me to do it right! I'll probably even do it for less! Design/Development/Software, I'm your guy! matt@snidge.com
    {{ DiscussionBoard.errors[1605113].message }}
    • Profile picture of the author T2007
      Thank you much, Matt.

      Yes, I was reviewing some sites yesterday and with your info I get the general idea of how CSS works; however, I'm over my head with work, so I have no time to learn this at this time. Could you please PM me your email address so we can talk about outsourcing this? I still cannot PM you because I haven't posted enough here.

      Thanks,
      Tammy


      Originally Posted by mattalways View Post

      Hi there!
      If you want to outsource, I'm your guy! If you want to try to get into CSS, it's a bit different than HTML and can take some time getting used to. A thing to point out is that you can have the style right on the item, or referenced to the stylesheet with id="" or class="".

      Then in the CSS stylesheet you would have:
      #idname {
      //code here
      }
      .classname {
      //code here
      }

      The stylesheet can be called onto the page using this:
      <linkrel="stylesheet" type="text/css" href="URL_HERE" />


      or it can be right on the page using something like:
      <style> stylecodeshere </style>

      If you want to add the style right to an item on the page, you can just add:
      style="Codes here"

      So for example an image that we want to move up the page a bit, we could use this:
      <img src="URL_TO_IMG" style="margin-top: -20px;">

      I hope this gives you a bit of a better idea how to work with it. I know I was a little confused when I first started moving into CSS. It's much better though and you can do much more with it than HTML. If you have any questions, let me know! Good Luck!!
      {{ DiscussionBoard.errors[1606764].message }}
  • Profile picture of the author Technista
    Originally Posted by T2007 View Post

    Hi All,

    So far, I've built my websites from scratch using NVU and free pics.

    This year I have decided to re-vamp one of my landing pages. I've got a header, a footer and the background image/color, all professionally made. My problem is that I do not know how to assemble the template using NVU. I can upload the header and footer, but have no idea where (in the html) to enter the code for the background image/color.

    Can somebody help, please?
    Thanks much!
    Tammy
    Hi Tammy,

    CSS might be the way to go, but you asked a very simple question that has an easy, straightforward answer. You indicated that you are familiar with HTML and that you are in a hurry to get your background color and image up. Here is the code you need to do it in HTML:

    Replace your <body> tag with:
    <body background="images/your_background.jpg" bgcolor="#ffffff"> (substitute the path to your background image and the hex code for your background color).

    Now you can learn CSS at your leisure. Good luck!

    Technista
    {{ DiscussionBoard.errors[1608383].message }}

Trending Topics