Welcome guest. Before posting on our computer help forum, you must register. Click here it's easy and free.

Author Topic: Trying to display an image of a pillar down a website  (Read 823 times)

0 Members and 1 Guest are viewing this topic.

meganugget

    Topic Starter


    Newbie

    • Experience: Beginner
    • OS: Unknown
    Trying to display an image of a pillar down a website
    « on: February 11, 2019, 08:48:12 PM »
    I have only very basic knowledge of CSS and I'm trying to put together a site for fun. I'm trying to make it so there are two images of columns going down the sides of the page. I have pictures made of the bottom and top, as well as the middle section.

    I'd like it to function with the top and bottom images remaining static at each end of the page, while the middle image repeats vertically to accommodate with scaling.

    I have provided a crudely drawn MS Paint representation.

    meganugget

      Topic Starter


      Newbie

      • Experience: Beginner
      • OS: Unknown
      Re: Trying to display an image of a pillar down a website
      « Reply #1 on: February 11, 2019, 08:51:10 PM »
      Code: [Select]
      <style>
      img {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }

      #pillar (
      display: block;
      image: url(./pix/capcolumn.png)

      }

      body {
      background-image: url(./pix/background.jpg)

      }


      </style>
      <body>
      <img src="./pix/egg.gif" style="width:25%;">
      <img src="./pix/egg2.gif" alt="egg egg" style="width:35%;">
      </body>

      <body id="pillar">

      </body>