最近下載了960格子系統玩。960格，img問題

現在我們遇到的問題是在歌手歌曲作者標籤關閉後，圖像不會傳到左側。圖像之前的兩列加起來最多爲12

以下代碼應該向右上方顯示一個徽標圖像，歌手歌曲作者描述。然後在新的一行中，我應該看到灰色的圖像佔位符和一段文字來寫這個。但是它是目前混合起來

誰能告訴我，如果我需要改變任何東西，以適應圖像

繼承人的鏈接頁面http://digitalgenesis.com.au/sites/alice
和繼承人的鏈接，我如何基本上希望它流http://digitalgenesis.com.au/sites/alice/img/960img.gif

頁代碼

<html> 
<head> 
<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="css/text.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> 

     <title></title> 
</head> 

<body> 
<div class="container_12"> 
<div class="grid_5"> <img src="img/namelogo.png" alt="#" /></div> 
<div class="grid_7"> Singer/Songwriter</div> 
<div class="grid_5"> <img src="img/img.jpg" alt="#" /></div> 
<div class="grid_7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan nunc vel odio faucibus euismod. Nulla semper lorem vel risus volutpat congue. Sed eleifend velit eget mauris luctus in imperdiet eros ultricies. Ut et gravida ligula. Vestibulum placerat placerat bibendum. Vestibulum pretium mollis arcu, et pharetra est sagittis sed. Vestibulum facilisis elementum urna vel fermentum. Vestibulum id metus at magna tristique ornare in id lorem. Nulla rhoncus, neque ac scelerisque varius, felis enim convallis ipsum, sed auctor libero dolor in ligula. Vivamus rhoncus, sapien non feugiat tempus, tortor enim euismod dolor, ac placerat ante enim sed diam. </div> 
</div> 
</body> 
</html>

第二格柵5應當分開ö納新行

來源

2011-03-10 dazza_au

試試這個：

960.css之前把你的復位，然後添加後明確第一行。

click here to See example jsfiddle

這裏是我的代碼：

<div class="grid_5"> <img src="http://digitalgenesis.com.au/sites/alice/img/namelogo.png" alt="#" /></div> 
<div class="grid_7"> Singer/Songwriter</div> 
    <div class="clear"></div> 
    <div class="grid_5"> <img src="http://digitalgenesis.com.au/sites/alice/img/img.jpg" alt="#" /></div> 
<div class="grid_7"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan nunc vel odio faucibus euismod. Nulla semper lorem vel risus volutpat congue. Sed eleifend velit eget mauris luctus in imperdiet eros ultricies. Ut et gravida ligula. Vestibulum placerat placerat bibendum. Vestibulum pretium mollis arcu, et pharetra est sagittis sed. Vestibulum facilisis elementum urna vel fermentum. Vestibulum id metus at magna tristique ornare in id lorem. Nulla rhoncus, neque ac scelerisque varius, felis enim convallis ipsum, sed auctor libero dolor in ligula. Vivamus rhoncus, sapien non feugiat tempus, tortor enim euismod dolor, ac placerat ante enim sed diam. </div>

來源

2011-03-10 04:37:11 Jason

nar沒有工作，我認爲stoosh是他發佈的第一條評論是正確的。我在歌手/歌曲作者和下一個圖像標籤的開始之間嘗試了

。修理它。不過，我認爲這是要自動清除網格，如果有人可以推薦一個更好的方法讓我知道，歡呼的答覆球員 – 2011-03-10 04:40:51

點擊我的鏈接在JS小提琴傢伙。它工作正常 – Jason 2011-03-10 04:46:45

啊，歡呼爲更新。我認爲重置文件本身並沒有太大的改變，因爲它是第一個鏈接rel。但你清楚div工作。顯然960網格系統並不清除漂浮本身 – 2011-03-10 04:47:56

您正在尋找clearfix類下降下一組的div下降

<div class="container_12"> 
<div class="grid_5"> <img src="img/namelogo.png" alt="#" /></div> 
<div class="grid_7"> Singer/Songwriter</div> 
<div class="clearfix"></div> 
<div class="grid_5"> <img src="img/img.jpg" alt="#" /></div> 
<div class="grid_7"> Lorem ipsum dolor sit amet,.... </div> 
</div>

來源

2011-03-10 04:34:27 Stoosh

我也可以演唱後/給圖像作曲家額外的div類我想，在CSS通過第2類名 – 2011-03-10 04:59:09

.clear添加clearfix類已經存在於960.gs代碼 – Jason 2011-03-10 05:42:40

960格，img問題

回答

click here to See example jsfiddle

相關問題