Computer Hope
Internet & Networking => Web design => Topic started by: 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.
-
<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>