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

meganugget · « **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 · « **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>

Computer Hope Forum

News:

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

meganugget

Trying to display an image of a pillar down a website

meganugget

Re: Trying to display an image of a pillar down a website