DIV Just Disappearing On?

Asked

Viewed 353 times

-1

I was setting up a website for a Minecraft server. But I came across something very strange. I use Brackets to create HTML pages, and so I use the live preview tool. By placing a button in the HTML and modifying it in the CSS, everything was ok in the live preview. But when you press F5 the button simply disappears from the page and the site’s own HTML. I’ll send the HTML file and CSS.

index.html

<html lang="pt-br">

    <head>

        <!-- Definindo charset -->
        <meta charset="utf-8">

        <!-- Linkando CSS -->
        <link rel="stylesheet" type="text/css" href="CSS/style.css">
        <link rel="stylesheet" type="text/css" href="CSS/index.css">

        <!-- Titulo da pagina -->
        <title>Bem Vindo - CraftDraw</title>

    </head>

    <body>

        <!-- Imagem -->
        <div id="imagem">

        <img src="img/minecraft.png" />

        </div>

        <!-- Menu -->
        <div id="menu">

            <iframe src="template/menu.html" width="100%" height="12%" frameborder="0" />

        </div>

        <!-- Botão VIP -->
        <div id="vip">

            <p>

                <a href="vip.html">
                    Compre Seu VIP
                </a>

            </p>

        </div>

</body>

index css.

/* Imagem */
#imagem img {
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* Menu */
#menu iframe {
    opacity: 0.5;
}

/* Botão VIP */
#vip p a {
    position: absolute;
    top: 80%;
    left: 5%;
    z-index: 3;
    list-style-type: none;
    display: inline-block;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 15px;
    border-style: double;
    border-color: bisque;
    font-family: "Trebucher MS", Arial, Helvetica, sans-serif;
    font-size: 32px;
    text-decoration: none;
    color: white;
}
#vip p a:hover {
    background-color: #474646;
    border-style: dashed;
    border-color: aquamarine;
    color: aqua;
}

css style.

/* Body padrão */
body {
    background-color: black;
    margin: 0;
}

/* Menu */
#menu iframe {
    position: absolute;
    top: 0;
    z-index: 100;
}

The result and this: Imagem 1

Imagem 2

html css div

1 answer

0


  • Face vlw was really that. However I am with another doubt of a look there :). http://answall.com/questions/122782/body-vazia-no-final-da-p%C3%A1gina

Browser other questions tagged html css div

You are not signed in. Login or sign up in order to post.