MetaCry
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by MetaCry
-
-
You need a closing ";" on the background-image line. Also, your "padding-left" has a strange character in it, but that could be a forum related issue that isn't actually present in your site.
Thanks Ben, the closing tag did it <3
And the "ä" was added by misstake when I was making this thread :/
-
Hello dear fellow members of killersites.com
I have encountered a small problem that I need your help solving
Here is what I have done so far:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Rejuvenation</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="topheader"> <img src="images/p_topheader.jpg" width="1200" height="220" alt="image" /> <p id="topheadertext"> Taking developing to the next level </p> </div> <div id="header"> <img src="images/p_header.jpg" width="785" height="285" alt="image" /> </div> <div id="navbar"> <div id="navtext"> <a href="#">Home</a> <a href="#">Register</a> <a href="#">Forum</a> <a href="#">Guides</a> <a href="#">Vote</a> <a href="#">Donate</a> </div> </div> <div id="blackspace"> </div> </div> </div> </body> </html>
@charset "utf-8"; /* CSS Document */ #wrapper { background-repeat:no-repeat; width: 1200px; height: 1980px; background-image:url(../images/p_bgimage.jpg) } #topheader { position: absolute; } #header { padding-top: 220px; padding-left: 205px; } #navbar { padding-top: 40px; padding-left: 205px; position: absolute; } #wrapper #topheader #topheadertext { font-family: Andalus, Verdana, Geneva, sans-serif; font-size: 30pt; color: #FFF; position: absolute; padding-left: 340px; top: 120px; } #wrapper #navbar a { font-family: Nyala, Verdana, Geneva, sans-serif; font-size: 30pt; color: #b4c087; list-style: none; padding: 15px; text-decoration: none; } #blackspace { width: 480px; height: 45px; background-image:url(../images/p_blackspace.jpg) }
My problem is that when I try to apply padding to #blackspace, the image dissapears :/
Example:
#blackspace { width: 480px; height: 45px; background-image:url(../images/p_blackspace.jpg) paddingä-left: 50px; }
picture without padding:
http://gyazo.com/3e92bb491cc316272d51cc50a31b2816.png
with:
http://gyazo.com/0a90c7f8b5f04b857aca3dca12ade1d5.png
Why does it dissapear?
How do I fix it?
Regards, Alex
-
Problem has been solved.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript"> function getaGameTextbox() { if(window.event.keyCode == 13) { getaGame(); return false; } } function get_random() { var ranNum= Math.floor(Math.random()*10); return ranNum; } function getaGame() { var whichGame=get_random(); var game=new Array(10) game[0]= "answers/1.html"; game[1]= "answers/2.html"; game[2]= "answers/3.html"; game[3]= "answers/4.html"; game[4]= "answers/5.html"; game[5]= "answers/6.html"; game[6]= "answers/7.html"; game[7]= "answers/8.html"; game[8]= "answers/9.html"; game[9]= "answers/10.html"; location.href = game[whichGame]; } </script> <link rel="stylesheet" type="text/css" href="css/main.css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Found out who stole your crap!</title> </head> <body> <div id="wrapper"> <div id="border"> </div> <div id="header"> <img src="images/header.jpg" width="1000" height="200" alt="image" /> </div> <p id="text"> WHAT CRAP WAS STOLEN? </p> <div id="form"> <form name="link" onsubmit="getaGame()"> <form method="link" > <input type="text" size="45" onKeyPress="return getaGameTextbox()"/> <input type="button" name="submit" value="submit" onClick="getaGame()" /> </form> </div> </div> </div> </body> </html>
-
Hey guys,
So... I have this textfield with a button next to it.
If you click the button you trigger a function named "getaGame()".
But, I want to be able to trigger the function with just hitting Enter while being in the textfield.
Here is what I have done:
<script language="javascript">
function getaGameTextbox() {
if(window.event.keyCode == 13)
getaGame();
}
</script>
Here is the textfield and button:
<div id="form">
<form name="link" onsubmit="getaGame()">
<form method="link" >
<input type="text" size="45" onKeyUp="getaGameTextbox()" />
<input type="button" name="submit" value="submit" onClick="getaGame()" />
</form>
</div>
But I can't get it to execute the function when Enter is pressed
Any suggestions?
Code won't work
in Beginners Web Design
Posted
Make *{ margin:0px; padding: 0px; } to * { margin:0px; padding: 0px; }