Scribd Logo
Upload

Welcome to Scribd!

  • 7 views

    Text

    Uploaded by

    Andrea Bu.
    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.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Text

    Uploaded by

    Andrea Bu.
    7 views2 pages
    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.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    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.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    7 views2 pages

    Text

    Uploaded by

    Andrea Bu.
    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.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 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