Vote count:
0
I have a really simple layout for an introduction to web design for a club I'm visiting, and, ironically, I can't get it to work. I've been trying and trying and I get the feeling I'm missing something obvious. Here's the code:
<head>
<title>Scooby-Doo on Zombie Island
</title>
<style>
body {
background-image: url('http://ift.tt/Vahfk6');
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}
p {
color: #fff;
}
#scooby-title {
margin-left: 325px;
margin-top: -10px;
max-width: 400px;
height: auto;
-webkit-transform: rotate(2.5deg);
-moz-transform: rotate(2.5deg);
-o-transform: rotate(2.5deg);
-ms-transform: rotate(2.5deg);
transform: rotate(2.5deg);
}
#real {
top: 20px;
right: 30px;
}
</style>
</head>
<body>
<img src="http://ift.tt/1kcamV3" id="scooby-title" />
<div id="real">
<p>"This time, the monsters are real"</p>
</div>
</body>
For whatever reason, the div "real" will not budge. Help?
asked 54 secs ago
Aucun commentaire:
Enregistrer un commentaire