Tumblr horizontal theme forging

Question

나는 Tumblr 테마를 만들지 않고 수평 스크롤 가능한 테마로 만들려고했다.

나는 내 게시물에 대한 열을 만들었지 만 지금부터는 세로로 배열하지 않고 가로로 배열 할 수 없다.

초보자부터 아이디어와 핫픽스를 도와주세요.

사이트 : http://geniusite.tumblr.com/ 전체 코드 : http://pastebin.com/Wdw7vp2v는

Answer 1

당신의 HTML이 구조화되는 방법이 달성하기 위해 정말 열심히 레이아웃합니다.

그룹 각 게시물과 관련된 모든 요소 (사진, 캡션 등)가 이상적입니다. 현재 코드를 기반으로,이 더 맞는 것 :

는

{block:Posts} 
<div class="post"> 
{block:Photo} 
    <div class="left"> 
     <img src="{PhotoURL-HighRes}" width="800px" height="495" alt="{PhotoAlt}"/> 
    </div> 
    <div class="right"> 
    {block:Caption} 
     {Caption} 
    {/block:Caption} 
    </div> 
{/block:Photo} 
</div> 
{/block:Posts} 

레이아웃을 달성하기위한, display:table/table-row/table-cell을 사용하여 거기 솔루션의 최적 (그것이 어떤 고정 된 폭을 필요로하지 않습니다가, 자바 스크립트 등을 것 같다). http://jsfiddle.net/mikedidthis/v4xdR/

: 테이블 솔루션을 사용하여, http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/

내가 빨리 함께 약간의 데모를 넣어 : 당신은 수평 레이아웃으로 다양한 솔루션에 대한 자세한 내용을보실 수 있습니다