Jump to content

MetaCry

Member
  • Posts

    5
  • Joined

  • Last visited

Posts posted by MetaCry

  1. 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 :/

  2. 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

  3. 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>
    

  4. 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?

×
×
  • Create New...