css
  • properties
  • 2011-07-31 48 views 1 likes 
    1

    我稱之爲「盒子」,一個div,但我不能使用CSS樣式從文件的style.cssCSS - 不能得到滿意的服務

    <div id="right"> 
    
    
         <?php 
          $cc = 1; 
         for($i=1; $i<=71; $i++) 
          { 
           $query = mysql_query("SELECT * FROM photos WHERE product_id='".$i."'"); 
           $row = mysql_fetch_array($query); 
           $t="img/"; 
           $file = $t .$row[1]; 
           if($cc % 5 == 1) echo "<ul>"; 
           echo '<li><div id="box"><a href="#"><img src =thumb.php?file=' . $file . '&size=120></a></div></li>'; 
           if($cc % 5 ==0) echo "</ul>"; 
           $cC++; 
           } ?> 
    
    
        </div> 
    

    如果我把CSS樣式聲明內嵌它的工作

    #right { 
    /*margin-left: 12em;*/ 
    padding-left: 50px; 
    border-left: 1px solid #CCC; 
    } 
    #right img { 
    border: 1px solid #CCC; 
    } 
    #right li { display: inline-block; } 
    
    
    #box {width: 150px; height: 150px; background-color: white; text-align: center;padding-top:20px;} 
    

    什麼問題?第一條語句的

    +1

    CSS運行/工作***客戶端***,你可以請張貼呈現的HTML,在瀏覽器( '查看源文件')見過? –

    +1

    你可以在style.css中發佈相關行嗎? – Matt

    +0

    我解決了這個問題,我刷新了css頁面:) –

    回答

    0

    重寫:

    echo '<li><div id="box"><a href="#"><img src="thumb.php?file=' . $file . '&size=120"></a></div></li>'; 
    

    第二條語句的小改寫:

    echo '<li><div style="width: 150px; height: 150px; background-color: white; text-align: center; padding-top:20px;">'; 
    

    試出來,讓我知道,如果它好一點(你的HTML的某些部分有點畸形,所以我調整了它們)。

    另外,如果您附上相關的<link rel="stylesheet" href="link_to_stylesheet.css" />以及div#box的實際css,它也不會受到影響。

    1

    發佈您的style.css(以確保它是正確的)和整頁html源代碼(以確保正確包含style.css)。

    CSS應該是這樣的:

    #box { 
    width: 150px; 
    height: 150px; 
    background-color: white; 
    text-align: center; 
    padding-top:20px; 
    } 
    
    +0

    #box {width:150px; height:150px;背景顏色:白色; text-align:center; padding-top:20px;} –

    相關問題