2014-01-18 8 views
0

У меня есть 2 файла с .php, которые я использовал в моей базе данных. Я пытался добавить фон на страницу «РЕЗУЛЬТАТ РАБОТЫ» в Джекпоте. Но у меня была проблема с пустым (белым) пространством внизу.Jackpot Website Пустое пространство

вот мой код result.php:

<html> 
<head> 
<title>RESULT</title> 
    <style type="text/css"> 
     body { 
      text-align: center; 
      background-image:url(../images/background/background5.jpg); 
      background-repeat:no-repeat; 
      background-position:50% 50%; 
      color: white; 
     } 
     #true {color:green; font-style:underline} 
     #close {color:blue;} 
     #false {color:red;} 
     a {font-size:35; color: yellow;} 
</style> 
</head> 
<body> 
<?php 
$date = new DateTime(); 
define('DB_NAME', 'test'); 
define('DB_USER', 'root'); 
define('DB_PASSWORD', ''); 
define('DB_HOST', 'localhost'); 
$link = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD); 
if (!$link) 
{ 
    die('Could not connect: '. mysql_error()); 
} 
$db_selected = mysql_select_db(DB_NAME, $link); 
if (!$db_selected) 
{ 
    die('Can\'t use '.DB_NAME.': '.mysql_error()); 
} 
$data = mysql_query("SELECT * FROM config") or die(mysql_error()); 
$a = mysql_real_escape_string($_POST['number1']); 
$b = mysql_real_escape_string($_POST['number2']); 
$c = mysql_real_escape_string($_POST['number3']); 
$username = mysql_real_escape_string($_POST['user_name']); 
$d = "$a$b$c"; 
echo 'Guessed code:'.$d.'<br>'; 
while($info = mysql_fetch_array($data)) 
{ 
    if($info['jackpot_code'] == $d) 
    { 
     mysql_query("UPDATE `config` SET `jackpot_code`= ".rand(000,999)." WHERE `id`=1"); 
     echo '<a href="././jackpot.php"><img src="../images/img/jackpot1.gif" height="100px" width="200"/><br><div id="true">CORRECT!</div></a>'; 
    } 
    else if($d + 30 > $info['jackpot_code'] && $info['jackpot_code'] > $d - 30){ 
     echo '<a href="././jackpot.php">Try again!</a><br>'; 
     die('<div id="close">The code u guessed is at the range of +/- 30 to jackpot.</div>'); 
    } else 
    { 
     echo '<a href="././jackpot.php">Try again!</a><br>'; 
     die('<div id="false">CODE FALSE!</div>'); 
    } 
} 
$sql = "INSERT INTO jackpot_log (username, code, time) VALUES ('".$username."','".$d."','".$date->getTimestamp()."')"; 

if (!mysql_query($sql)) 
{ 
    die('Error: '. mysqli_error($con)); 
} 
?> 
</body> 

И картинка страницы result.php: RESULT PAGE IMAGE

В СЛУЧАЕ ВАМ: jackpotpage.php

<html> 
<head> 
<title>RESULT</title> 
<style type="text/css"> 
body { 
text-align: center; 
background-image:url(../images/background/background5.jpg); 
background-repeat:no-repeat; 
background-position:50% 50%; 
color: white; 
} 
img { 
margin-top:25px; 
} 
</style> 
</head> 
<body> 
<form action="result.php" method="POST"/> 
<img src="../images/img/jackpot2.jpg" height="150px" width="300"/><br></br> 
<h1>Name:</h1> 
<input type="text"  name="user_name"> 
<br><br> 
<table cellpadding="5px"cellspacing="5px"> 
    <tr> 
     <select name="number1"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
     <option value="6">6</option> 
     <option value="7">7</option> 
     <option value="8">8</option> 
     <option value="9">9</option> 
     </select> 
    </tr> 
    <tr> 
     <select name="number2"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
     <option value="6">6</option> 
     <option value="7">7</option> 
     <option value="8">8</option> 
     <option value="9">9</option> 
     </select> 
    </tr> 
     <tr> 
     <select name="number3"> 
     <option value="0">0</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
     <option value="6">6</option> 
     <option value="7">7</option> 
     <option value="8">8</option> 
     <option value="9">9</option> 
     </select> 
    </tr> 
</table><br> 
<input type="submit" value="TRY!"> 
</form> 
</body> 

BACKGROUND IMAGE

JACKPOT PAGE IMAGE

+0

Там являются лучше чтобы сделать снимок экрана, чем использовать камеру. – HerrSerker

+0

Вы правы. : D Спасибо. –

ответ

0

попробовать это

html { 
background: url(cm3v.jpg) no-repeat center center fixed; //replace cm3v.jpg with your image path 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

Работает в:

Safari 3+ Chrome Безотносительно + IE 9+ Opera 10+ (Opera 9.5 поддерживается фон-размер, но не ключевые слова) Firefox 3.6 + (Firefox 4 поддерживает не-поставщика приставкой версия)

Источник: http://css-tricks.com/perfect-full-page-background-image/

0

В вашем result.php попытаться изменить это:

background-repeat:no-repeat; 

к:

background-repeat:repeat-y; 
+0

Что вы подразумеваете под каким-то темным цветом? Кроме того, вы можете отправить ссылку на страницу. Это будет легче отлаживать с помощью инструментов проверки браузера. –

+0

http://imageshack.com/a/img59/2227/yz7x.png Я не могу отправить ссылку на страницу, над которой я работаю на XAMPP. Это локальный документ. –

Смежные вопросы