文本的CSS放置

任何人都知道我可以如何在新聞鏈接的標題下獲得「由AUTHOR發表於2010年4月3日，0條評論」，而不是它與A CLASS的區別？我希望它看起來，閱讀和功能，如：文本的CSS放置

[IMAGE] HEADLINE 
     Posted by AUTHOR on April 3rd, 2010 | 0 Comments

所有在最初的尋找字段，然後用戶可以單擊它進一步擴大。如果我把它放在A CLASS標籤中，我顯然可以使用它，但這是問題所在。我不能在那裏。

編輯：忘了告訴你們，我目前正試圖用這個創造什麼; http://www.notedls.com/demo

來源

2010-04-04 Josh

你能爲此發佈你的標記片段嗎？ – cletus 2010-04-04 02:37:10

我很好奇;爲什麼你不能添加一個類到一個新的div或那裏的東西？ – 2010-04-04 02:38:38

對不起，這裏是我正在創建的一個演示： http://www.notedls.com/demo – Josh 2010-04-04 03:00:00

很難說沒有看到標記，但是這個css2 selector pattern matching spec可能會幫助你。你可以使用兄弟，孩子，後代選擇器。

此外，您可以嘗試DL/DD/DT HTML元素：

<DL> 
    <DT>Headline</DT> 
    <DD>Posted by AUTHOR on April 3rd, 2010 | 0 Comments</DD> 
    <DT>Headline</DT> 
    <DD>Posted by AUTHOR on April 3rd, 2010 | 0 Comments</DD> 
</DL>

我沒有使用這些元素的任何經驗，但我的理解是，他們提供類似您發佈的例子。

檢查出來的DL，DD，DT並在w3網站

來源

2010-04-04 02:50:39 Jeremy

你不能使用DT和DD標籤做的一件事是將它們關聯起來。所以，通過您的標記，您無法在相關標題/副標題旁放置一個框。 – daotoad 2010-04-04 02:58:43

我添加了標記，sry。 – Josh 2010-04-04 03:11:40

我看你已經有一個規則的目標包含附加文本股利：公司ul#acc1 > li > div並具有65px填充，這是目前與您使用的圖像大小相同。但是你可以輕鬆地增加它以獲得更多的縮進。

此外，您可能希望從內部的<ul>和<li>元素中刪除「寬度」規範 - 這些都是塊級元素，默認情況下會擴展爲獲取可用的全寬度。通過爲這些指定精確的寬度，您可以凍結它們的大小，並防止由於不同的字體大小，屏幕等因素導致顯示更改時它們正常流動。另外，如果您更改了某些東西的寬度或填充（如上面我推薦的那樣），您將擁有無論如何重新計算所有的寬度。使用width: auto的默認值，您不必擔心這些事情。

來源

2010-04-04 02:51:38 Guss

對不起，我忘了發佈我正在使用的實際示例，這應該清除一些事情：http://www.notedls.com/demo – Josh 2010-04-04 03:01:00

嗯，我已經更新了示例。感謝寬度提示，但也許我只是沒有得到它。我不確定填充/縮進將如何幫助解決這個問題。目前（新的例子）在那裏有張貼信息，但是在錯誤的地方。我需要它在HEADLINE下面，但不在A CLASS中。而且我無法刪除A CLASS，也沒有打破手風琴。這裏的最終目標是讓它看起來像它有一個
，但也有作者和評論的鏈接。雖然我不能在A CLASS內部建立鏈接，但您無法點擊這些鏈接。 – Josh 2010-04-04 03:51:08

我看到它對你很好。無論是我還是不明白你試圖達到的目標： - / – Guss 2010-04-13 18:24:58

文本的CSS放置

回答

相關問題