2012-01-17 137 views
0

這使我瘋狂 - 我只想在html中顯示一個哈希符號(#),但它不會顯示它。我試過#但沒有任何顯示。在html中顯示「#」符號?

我希望把它在我的標題標籤,像這樣開頭:

<img src="<?php echo $fields->image; ?>" alt="<?php echo $fields->dish_name; ?>" height="160" width="314" title="# <?php echo $fields->dish_number; ?> <?php echo $fields->dish_name; ?>" /> 

更新: http://www.orientalcatering.co.uk/v1/ 這是我工作的頁面,這是朝右下方第二個滑塊我試圖獲得評論的頁面(您使用標題標籤來做到這一點)。

+0

這樣嗎? http://jsfiddle.net/P8Fsf/1/(將鼠標懸停在文本) –

+0

無法重現,下面的工作完全正常:''。當鼠標懸停在破碎的圖像上時,哈希在IE和FF中正確顯示。也許你可以提供一個簡短(無PHP)的例子來重現你的問題? – Heinzi

回答

3

&#35;#符號的HTML實體。

您也可以簡化:

<?php echo $fields->dish_number; ?> <?php echo $fields->dish_name; ?> 

只是:

<?php echo $fields->dish_number, $fields->dish_name; ?> 

閱讀您的回覆我的回答後,很顯然你問錯了問題,你是不是有搭配的煩惱title屬性說,但你試圖設置你的Nivo滑塊時,你用它不正確。

要將標題添加到Nivo滑塊中的滑塊,請爲其提供一個引用div的標題的標題(請注意div必須具有類nivo-html-caption,並且位於img標記之外)。

<img src="blah.com/blah.png" class="nivoSlider" title="#description1" /> 
<div id="description1" class="nivo-html-caption">This is your caption</div> 

title的屬性主要用於關於元素的內容,或者目的的補充信息。在大多數現代瀏覽器中,鼠標懸停在圖片上會顯示它的標題屬性。這通常是Javascript中的優勢,因爲您已經看到這是一種傳遞更多數據的方式,但每個腳本都會有自己的實現方法。

+0

對不起意思是35! – Rob

+0

@Rob你能發佈你的doctype代碼嗎?我有一種感覺,你有一個不正確的字符集。 –

+0

提供的鏈接有問題。 – Rob

0

受過教育的猜測:在UTF-8 編碼頁面中有ISO-8859-1編碼的英鎊符號。

請確保您的數據是正確的編碼,一切都會正常工作 罰款。

From a Related Question

0

我相信它應該是&#35爲十六進制符號。

+0

對不起,我的意思是35! – Rob

0

無論是在某處使用php都必須存在錯誤,或者在其他地方出現某種字符衛生。

我這麼說是因爲在標題有#是沒有問題的:http://jsfiddle.net/T5GyL/

嘗試只是在做一個非PHP代碼段先來看看它是否真的是一個問題

1

沒有什麼特別之處「#」字符作爲HTML中的數據,不僅僅是字母「A」(如果有的話,「#」不會有多大幫助,因爲它包含「#」字符。)

的問題是相當具有用來改變圖像的機制。這看起來有點複雜,但它會隱藏img元素並改爲使用背景圖片。當使用display: none隱藏img元素時,其屬性不起作用。因此,你需要一個不同的機制來改變圖像(我想知道爲什麼一個簡單的JavaScript驅動的圖像轉換器,直接修改元素的屬性,還沒有被使用),或者可能是一個類似工具提示的機制以JavaScript和CSS實現,而不是簡單的title屬性。