Scribd
Upload
14 views

Text

This document contains CSS styling for positioning various images and buttons on a webpage with a dark purple background. Styles are defined for a house image, tree image, gift image, additional image, and four transparent buttons linked to other pages. The buttons are positioned at different locations on the page. A JavaScript function is also included to show an alert message.

Uploaded by

Andrea Bu.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
14 views

Text

This document contains CSS styling for positioning various images and buttons on a webpage with a dark purple background. Styles are defined for a house image, tree image, gift image, additional image, and four transparent buttons linked to other pages. The buttons are positioned at different locations on the page. A JavaScript function is also included to show an alert message.

Uploaded by

Andrea Bu.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<head>

<title>h</title>
<link rel="css" href = "hi.css">
<canvas width = 700 height = 750></canvas>

<style> body {
background-color: rgb(22, 9, 59);
;
}

.gift {
position: absolute;
size: 70px;
top: 590px;
left: 1070px;
}

.tree {
position:absolute;
top : 100px;
left : 1100px;
}

.house{
position: absolute;
top:100px;
left : 420px
}
.h{
position: absolute;
size: 10px;
max-width: 50%;
max-height: 50%;
top: 670px;
left: 1180px;

}
.transparent-button {
position: absolute;
top: 130px;
left: 500px;
width: 300px;
height: 140px;
background: transparent; /*transparent */
border: none;
cursor: pointer;
}
.transparent-button1 {
position: absolute;
top: 190px;
left: 870px;
width:38px;
height: 50px;
background: transparent;
border: none;
cursor: pointer;
}
.transparent-button2 {
position: absolute;
top: 130px;
left: 1190px;
width:70px;
height: 70px;
background: transparent;
border: none;
cursor: pointer;
}

.transparent-button3 {
position: absolute;
top: 140px;
left: 920px;
width:50px;
height: 50px;
background: transparent;
border: none;
cursor: pointer;
}
</style>

</head>

<img class = 'house' src="-.png" alt="8989"|>


<img class="tree" src = 'pixil-frame-0.png' alt = "tree" >

<a href="cheese/uh.html">
<img class = 'gift' src="1.png" alt="A tree">
</a>

<a href = "images.html">


<img class = "h" height="110px" width="110px" src = 'pixil-frame-0 (2).png' alt
= "hh">
</a>

<button class="transparent-button"
onclick="window.location.href='h.html'"></button>
<button class="transparent-button1"
onclick="window.location.href='IMG_20231222_172053.png'"></button>

<button class="transparent-button2"
onclick="window.location.href='3d/index.html'"></button>
<button class="transparent-button3"
onclick="window.location.href='Untitled85_20231030110510.png'"></button>

<script>function showAlert() {
alert("Ima give you a hint. this is the last piece. And its the easiest of em
all. 6.");
}</script>

</body>

You might also like