Permalink
Browse files

display song card as inline-block

  • Loading branch information...
jittuu committed Mar 2, 2012
1 parent 456f3f3 commit 33b556a2cc7474a08caab52e41fd2f6d675070e5
View
@@ -109,6 +109,8 @@ div.song
-moz-background-clip: padding;
background-clip: padding-box;
padding: 12px;
+ display: inline-block;
+ width: 350px; /* span4 */
}
div.song h2
@@ -4,179 +4,60 @@
<h2>
Recent Uploaded Songs</h2>
<hr />
-<div class="row">
- <div class="span4">
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
+<div>
+ <div class="song">
+ <h2>
+ <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
+ </h2>
+ <ul class="artists">
+ <li><i class="icon-user"></i><a href="/Artists/1">ေလးျဖဴ </a></li>
+ </ul>
+ <ul class="albums">
+ <li><i class="icon-book"></i><a href="/Albums/1">ခဏေလးမ်ား </a></li>
+ </ul>
</div>
- <div class="span4">
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
- <div class="song">
- <h2>
- <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
- </h2>
- <ul class="artists">
- <li>
- <i class="icon-user"></i>
- <a href="/Artists/1">ေလးျဖဴ </a>
- </li>
- </ul>
- <ul class="albums">
- <li>
- <i class="icon-book"></i>
- <a href="/Albums/1">ခဏေလးမ်ား </a>
- </li>
- </ul>
- </div>
+ <div class="song">
+ <h2>
+ <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
+ </h2>
+ <ul class="artists">
+ <li><i class="icon-user"></i><a href="/Artists/1">ေလးျဖဴ </a></li>
+ </ul>
+ <ul class="albums">
+ <li><i class="icon-book"></i><a href="/Albums/1">ခဏေလးမ်ား </a></li>
+ </ul>
+ </div>
+ <div class="song">
+ <h2>
+ <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
+ </h2>
+ <ul class="artists">
+ <li><i class="icon-user"></i><a href="/Artists/1">ေလးျဖဴ </a></li>
+ </ul>
+ <ul class="albums">
+ <li><i class="icon-book"></i><a href="/Albums/1">ခဏေလးမ်ား </a></li>
+ </ul>
+ </div>
+ <div class="song">
+ <h2>
+ <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
+ </h2>
+ <ul class="artists">
+ <li><i class="icon-user"></i><a href="/Artists/1">ေလးျဖဴ </a></li>
+ </ul>
+ <ul class="albums">
+ <li><i class="icon-book"></i><a href="/Albums/1">ခဏေလးမ်ား </a></li>
+ </ul>
+ </div>
+ <div class="song">
+ <h2>
+ <i class="icon-music"></i><a href="/Songs/1">ခရီးမ်ားအဆုံးထိ </a>
+ </h2>
+ <ul class="artists">
+ <li><i class="icon-user"></i><a href="/Artists/1">ေလးျဖဴ </a></li>
+ </ul>
+ <ul class="albums">
+ <li><i class="icon-book"></i><a href="/Albums/1">ခဏေလးမ်ား </a></li>
+ </ul>
</div>
</div>
@@ -16,7 +16,7 @@
@foreach (var album in Model.Albums) {
<li>
<i class="icon-book"></i>
- @Html.ActionLink(album.MyanmarName, "Details", new { controller = "Albums", id = album.Id });
+ @Html.ActionLink(album.MyanmarName, "Details", new { controller = "Albums", id = album.Id })
</li>
}
</ul>
@@ -7,4 +7,4 @@
<h2>Songs</h2>
<hr />
-@Html.DisplayFor(model => this.Model);
+@Html.DisplayFor(model => this.Model)

0 comments on commit 33b556a

Please sign in to comment.