CSS/HTML help
- or -
Post a project like this2885
$$
- Posted:
- Proposals: 3
- Remote
- #1160155
- Awarded
Description
Experience Level: Intermediate
General information for the website: CSS/HTML help
Kind of development: Customization of existing website
Description of every page/module: Hi, I have used some full width/height divs to create the images in each corner, but now the page will not scroll. Looking to pay someone to help solve the issue and compete the page.
http://walker-arnott.com/standon/
Description of requirements/features:
Untitled Document
html, body {
height: 100%;
padding: 0px;
margin: 0px;
}
.top-left {
width: 100%;
height: 100vh;
background-image: url(TOP_LEFT/BACKGROUND_TOP_LEFT.png);
background-repeat: no-repeat;
background-position: left top;
z-index:10;
}
.top-right {
width: 100%;
height: 100vh;
background-image: url(TOP_RIGHT/BACKGROUND_TOP_RIGHT.png);
background-repeat: no-repeat;
background-position: right top;
z-index:10;
}
.bottom-left {
width: 100%;
height: 100vh;
background-image: url(BOTTOM_LEFT/BACKGROUND_BOTTOM_LEFT.png);
background-repeat: no-repeat;
background-position: left bottom;
z-index:5;
}
.bottom-right {
width: 100%;
height: 100vh;
background-image: url(BOTTOM_RIGHT/BACKGROUND_BOTTOM_RIGHT.png);
background-repeat: no-repeat;
background-position: right bottom;
z-index:5;
}
.standon-iframe {
width: 100%;
height: 100vh;
z-index:-100;
position:absolute;
}
Extra notes:
Kind of development: Customization of existing website
Description of every page/module: Hi, I have used some full width/height divs to create the images in each corner, but now the page will not scroll. Looking to pay someone to help solve the issue and compete the page.
http://walker-arnott.com/standon/
Description of requirements/features:
Untitled Document
html, body {
height: 100%;
padding: 0px;
margin: 0px;
}
.top-left {
width: 100%;
height: 100vh;
background-image: url(TOP_LEFT/BACKGROUND_TOP_LEFT.png);
background-repeat: no-repeat;
background-position: left top;
z-index:10;
}
.top-right {
width: 100%;
height: 100vh;
background-image: url(TOP_RIGHT/BACKGROUND_TOP_RIGHT.png);
background-repeat: no-repeat;
background-position: right top;
z-index:10;
}
.bottom-left {
width: 100%;
height: 100vh;
background-image: url(BOTTOM_LEFT/BACKGROUND_BOTTOM_LEFT.png);
background-repeat: no-repeat;
background-position: left bottom;
z-index:5;
}
.bottom-right {
width: 100%;
height: 100vh;
background-image: url(BOTTOM_RIGHT/BACKGROUND_BOTTOM_RIGHT.png);
background-repeat: no-repeat;
background-position: right bottom;
z-index:5;
}
.standon-iframe {
width: 100%;
height: 100vh;
z-index:-100;
position:absolute;
}
Extra notes:
Roger W.
100% (12)Projects Completed
9
Freelancers worked with
8
Projects awarded
27%
Last project
24 Apr 2024
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies