Problem z CSS (960 grid system) - dostosowanie do DLE


(Łukasz14) #1

Witam serdecznie! Mam pewien problem, a mianowicie tworzę szablon do skryptu, szablon w html już jest cały zakodowany, lecz mam problem żeby przenieść go do CMS'a (DataLife Engine). Teraz newsy wyglądają tak:

56559397360071723192_thumb.jpg(jeden pod drugim), a chciał bym żeby wyglądały tak:

41584528586444785097_thumb.jpg(obok siebie).

Poprawny kod w html który wyświetla mi wszystko obok siebie:

  • [page1-img1.jpg
    list2-link.gif_Real auditions_
  • a[page1-img2.jpg
    list2-link.gif_Real auditions_
  • [page1-img3.jpg
    list2-link.gif_Real auditions_
  • [page1-img4.jpg
    list2-link.gif_Real auditions_
  • [page1-img5.jpg
    list2-link.gif_Real auditions_
  • page1-img6.jpg
    list2-link.gif_Real auditions_

    [/code] CSS:
    [code] .container_24 .grid_19 { width:750px; } .list2 { width:100%; overflow:hidden; padding-bottom:30px; } .list2 li { background:url(../images/list2-bg.gif) left top repeat-x #d83449; float:center; margin:6px 6px 0 0; width:202px; height:189px; border-left:1px solid #d52146; border-top:1px solid #d82248; padding:5px 6px 0 5px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(js/PIE.htc); position: relative; } .list2 li a { background:#000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(js/PIE.htc); } .list2 li em { display:inline-block; font-size:1em; line-height:1.25em; font-style:normal; color:#fff; margin:5px 0 0 10px; } .list2-link { display:inline-block; float:right; margin:10px 7px 0 0 } .list2 .last { margin-right:0; } .lightbox-image { position:relative; overflow:hidden; display:block; } .lightbox-image img { position:relative; z-index:2; } .lightbox-image span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/magnify.png) no-repeat 50% 50% ; z-index:1; }
    I to wszystko ma być zapisane w pliku: shortstory.tpl . Jak na razie wykodziłem takie coś:

Lecz tak jak już wspominałem daje mi to news pod newsem, a ja chce żeby było obok siebie. Chce także, aby rozmiar zmiennej "{short-story} był stałej wielkości, bo tam będzie tylko obrazek.

](http://player.flv "demo")
](http://player.flv "demo")
](http://player.flv "demo")
](http://player.flv "demo")
](http://player.flv "demo")