2016-01-09 65 views
0

正如您在圖片上看到的,我的號碼浮動到右側,我需要將它們放入我的div標籤中。我試圖將我的數組中的所有值設置爲0,但數字無法再向左移動。正如您在代碼中看到的,我已經嘗試了-1,但這也沒有幫助。是否可以減去填充

有沒有人有線索我可以做什麼?

HTML:

<div id="show"> 
<div class="numberheader"> 
    <p>Tal</p> 
</div> 
<ul class="latestnumbers" style="list-style:none;padding-top: 60px;"> 
    <?php include('response.php');?> 
</ul> 

PHP:

<?php 
//echo "kuagdjagd"; 
ini_set('display_errors', 1); 
ini_set('display_startup_errors', 1); 
error_reporting(E_ALL); 
//include('session.php'); 

// Selecting Database 
include 'dbconfic.inc.php'; 
$pad_left_values = array(0 => 19, 1 => -25, 2 => 1, 3 => -1, 4 => 38, 5 => -1, 6 => 38, 7 => -1, 8 => 38, 9 => -1, 10 => 38, 11 => 38, 12 => -1, 13 => 33, 14 => -1, 15 => 33, 16 => -1, 17 => 33, 18 => -1, 19 => -1, 20 => 33, 21 => -1, 22 => 33, 23 => -1, 24 => 33, 25 => -1, 26 => 33, 27 => -1, 28 => 33, 29 => 33, 30 => -1, 31 => 33, 32 => -1, 33 => 33, 34 => -1, 35 => 33, 36 => -1); 
$colorArr = array(0=>"#029002", 1=>"#ff2700", 2=>"#ffaf32", 3=>"#ff2700", 4=>"#ffaf32", 5=>"#ff2700", 6=>"#ffaf32", 7=>"#ff2700", 8=>"#ffaf32", 9=>"#ff2700", 10=>"#ffaf32", 11=>"#ffaf32", 12=>"#ff2700", 13=>"#ff2700", 13=>"#ffaf32", 14=>"#ff2700", 15=>"#ffaf32", 16=>"#ff2700", 17=>"#ffaf32", 18=>"#ff2700", 19=>"#ff2700", 20=>"#ffaf32", 21=>"#ff2700", 22=>"#ffaf32", 23=>"#ff2700", 24=>"#ffaf32", 25=>"#ff2700", 26=>"#ffaf32", 27=>"#ff2700", 28=>"#ffaf32", 29=>"#ffaf32", 30=>"#ff2700", 31=>"#ffaf32", 32=>"#ff2700", 33=>"#ffaf32", 34=>"#ff2700", 35=>"#ffaf32", 36=>"#ff2700"); 

    // '?' er placeholders for variabler 
    $stmt = $mysqli->prepare("SELECT * FROM numbertable ORDER BY num_id DESC LIMIT 9;"); 

    // execute prepared statement 
    $stmt->execute(); 

    // gør variabler klar:  
    $number = null;  
    $n_id = null; 

    /* bind result variabler */ 
    $stmt->bind_result($n_id, $number); 

    /* fetch values for hver row, her kun 1 row dog: */ 
    while ($stmt->fetch()) { 
     $pad = ($number >= 1 && $number <= 36? $pad_left_values[$number]: $pad_left_values[0]); 
     $col = ($number >= 1 && $number <= 36? $colorArr[$number]: $colorArr[0]); 

      echo "<li><div style='padding-left: ".$pad."px; color: ".$col."'>$number</div></li>"; 
    }  

    // luk statement       
    $stmt->close(); 

    // luk connection 
    $mysqli->close();     

?> 
+0

你'ul'具有填充已經在它上面了。使用'padding:60px 0 0 0''而不是'padding-top:60px' –

+0

'''''''''''''''''''''''''''''''''' – divy3993

+1

如果您創建了JSFiddle或CodePen來說明問題,那麼人們可以更容易地回答這個問題。創建它甚至可以幫助你自己解決它。集中精神。 –

回答

0

答案是:padding:60px 0 0 0,而不是僅僅填充頂:60像素

相關問題