MyBB Community Forums

Full Version: Cannot solve the problem
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Problem is above in the picture.

[Image: g4Pg3R.png]

index.php:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    <title>Don't Starve Türkiye</title>
    <link rel="stylesheet" href="Stylesheet.css" />
</head>
<body>
    
    <li><a href="http://dontstarveturkiye.com/forum"><img src="forum/images/yazi.png" id = "button"></a></li>

</body>
</html>

CSS:

body
{
min-height: 740px;
background-color: black;
background-image: url(forum/images/arkaplan.png);
background-repeat : no-repeat; 
background-size: cover;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

#button {
    position:relative;
    transition: .5s ease;
    top: 530px;
    left: 750px;
    right: -420px;
    bottom: -191px;
}

#button:hover { 
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
} 

Where it says #button try changing position:relative to position:absolute.
Still same Sad
I'm still having problem. No one can help?