2012-11-17 154 views
0

下面是我試圖做的:CSS/HTML填充問題

我從MYSQL加載我的標籤,並使用css,使它們看起來不錯。但是,當一個標籤字段爲空時,它仍然會將邊框和填充...作爲一個空白框,內部沒有文本。如何使標籤字段爲空時不顯示邊框和填充?

HTML代碼:

<a href="#<?php echo $tag1;?>.php" class="tag" style="position: relative; top: 0px"><?php echo $tag1;?></a> 

CSS代碼:

.tag { 
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; 
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; 
box-shadow:inset 0px 1px 0px 0px #ffffff; 
background-color:#ededed; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px; 
border:1px solid #dcdcdc; 
display:inline-block; 
color:#777777; 
font-family:arial; 
font-size:10px; 
font-weight:bold; 
padding:2px 5px 2px 5px; 
text-align:left; 
text-decoration:none; 
text-shadow:1px 1px 0px #ffffff; 
float:left; 
margin:5px 0px 0px 5px; 
}.tag:hover { 
background-color:#dfdfdf; 
}.tag:active { 
position:relative; 
top:1px; 
} 
+0

有什麼我失蹤了嗎?爲什麼不只是不提供空標籤? – Corbin

回答

3

爲什麼不僅使有效的標籤?

<?php if(strlen($tag1) > 0) { ?> 

<a href="#<?php echo $tag1;?>.php" class="tag" style="position: relative; top: 0px"><?php echo $tag1;?></a> 

<?php } ?> 
+0

謝謝,它工作正常。我不知道:<?php if(strlen($ tag1)> 0){?>再次感謝您 –

+0

不用客氣,請記住,儘可能地做好服務器端的工作,這很容易! –

0

我建議生成服務器端(PHP)完整的錨標記,並返回沒有任何反應,如果標籤是空的。