Advertisement
Guest User

Untitled

a guest
Sep 7th, 2012
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.50 KB | None | 0 0
  1. <html><head>
  2. <style type="text/css">
  3. .item {
  4. width: 100%;
  5. }
  6.  
  7. .thumb_wrapper_left {
  8. position: relative;
  9. float: left;
  10. width: 280px;
  11. margin-right: 10px;
  12. }
  13.  
  14.  
  15. .thumb_left, .thumb_top_left, .thumb_bottom_left {
  16. margin-left: 40px;
  17. }
  18.  
  19. .thumb {
  20. border: 0px solid #555555;
  21. width: 200px;
  22. height: 100px;
  23. overflow: hidden;
  24. position: relative;
  25. -webkit-box-shadow: #CCCCCC 0px 0px 0px;
  26. -khtml-box-shadow: #CCCCCC 0px 0px 0px;
  27. -moz-box-shadow: #CCCCCC 0px 0px 0px;
  28. box-shadow: #CCCCCC 0px 0px 0px;
  29. }
  30.  
  31. .thumb ul {
  32. list-style: none;
  33. width: 600px;
  34. height: 100px;
  35. }
  36.  
  37. .images_wrapper {
  38. margin: 0;
  39. padding: 0;
  40. list-style-type: none;
  41. }
  42.  
  43. .thumb ul li {
  44. float: left;
  45. }
  46.  
  47. .thumb ul li a img {
  48. border: 0px solid #00FF51;
  49. display: block;
  50. margin: 0;
  51. padding: 0;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56.  
  57. <div class="item">
  58. <div class="thumb_wrapper thumb_wrapper_left">
  59. <div class="thumb thumb_left">
  60. <ul style="width: 400px; margin: 0px;" class="images_wrapper">
  61. <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  62. </li>
  63. <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  64. </li>
  65. </ul>
  66. </div><a href="#" class="prev"></a><a href="#" class="next"></a>
  67. </div>
  68. <div class="description" style="float: left;">
  69. <p>Description goes here.</p>
  70. </div>
  71.  
  72. </div>
  73. <div style="clear:both;">
  74. <div style="border:red;" class="item">
  75. <div class="thumb_wrapper thumb_wrapper_left">
  76. <div class="thumb thumb_left">
  77. <ul style="width: 400px; " class="images_wrapper">
  78. <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  79. </li>
  80. <li><a href="http://www.google.com"><img width="200" height="100" src="http://www.fundraising123.org/files/u16/bigstock-Test-word-on-white-keyboard-27134336.jpg"></a>
  81. </li>
  82. </ul>
  83. </div><a href="#" class="prev"></a><a href="#" class="next"></a>
  84. </div>
  85. <div class="description">
  86. <p>Description goes here.</p>
  87. </div>
  88. <div style="clear:both"></div>
  89. </div>
  90.  
  91.  
  92.  
  93. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement