- Joined
- Feb 15, 2011
- Messages
- 2,850
- Trophies
- 1
- Location
- Home
- Website
- www.youtube.com
- XP
- 1,203
- Country
A friend found this absolutely beautiful website layout and I just HAVE to use it on Tumblr! Now, we've figured out how exactly to make it work and we've got most of the recoding finished... There's just one thing that presents a problem for us.
The layout preview shows everything exactly as it should be. However, when the layout is on the actual page there are spaces in between the header images. This layout is made with tables, so I assumed it was a cell spacing thing. However, when I went to lower the cell spacing number, it was already at 0.
Here is the test tumblr. I've tried it in multiple browsers and all show the strange spaces, so it's not a problem only I can see.
In addition, the spaces seem to be different heights. If you edit the cell spacing, the spaces get bigger instead of conforming to the pixel size you set the spacing to.
Edit) As of now, the cells are made to be the exact sizes of the images, but it still does not fix it!
Edit2) My friend has checked the cell size via the 'border' option and it shows that the spaces are actually inside each cell, as if the bottom of an image cannot collide with the bottom of a cell.
The layout preview shows everything exactly as it should be. However, when the layout is on the actual page there are spaces in between the header images. This layout is made with tables, so I assumed it was a cell spacing thing. However, when I went to lower the cell spacing number, it was already at 0.
Here is the test tumblr. I've tried it in multiple browsers and all show the strange spaces, so it's not a problem only I can see.
In addition, the spaces seem to be different heights. If you edit the cell spacing, the spaces get bigger instead of conforming to the pixel size you set the spacing to.
Edit) As of now, the cells are made to be the exact sizes of the images, but it still does not fix it!
Edit2) My friend has checked the cell size via the 'border' option and it shows that the spaces are actually inside each cell, as if the bottom of an image cannot collide with the bottom of a cell.
Here's the source code, in case you want to take a look at it or edit it yourself.
And yes, the code for the ask box is under the layout. I had to have it like that or the ask box was too small and would be unable to show the 'ask as anyonymous' option.
And yes, the code for the ask box is under the layout. I had to have it like that or the ask box was too small and would be unable to show the 'ask as anyonymous' option.
Code:
{Title}
{block:Posts}
{block:Text}
{block:RebloggedFrom} {block:Title}
[url={Permalink}]{Title}[/url]
{/block:Title}
{Body}
{/block:RebloggedFrom}
{block:NotReblog}{block:Title}
[url={Permalink}]{Title}[/url]
{/block:Title}
{Body}
{/block:NotReblog}
{/block:Text}
{block:Photo}
{LinkOpenTag}
[center][img]{PhotoURL-250}[/img][/center]
{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}
{block:Photoset}
{LinkOpenTag}
[center][img]{Photoset-250}[/img][/center]
{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Quote}
"{Quote}"
{block:Source}-[i]{Source}[/i]{/block:Source}
{/block:Quote}
{block:Link}
[u][url={URL}]{Name}[/url][/u]
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}{Title}{/block:Title}
{block:Lines}
{block:Label}{Label}{/block:Label} {Line}
{/block:Lines}
{/block:Chat}
{block:Audio}
[center]{AudioPlayerWhite}[/center]
{block:Caption}{caption} {/block:Caption}
{/block:Audio}
{block:Video}
[center]{Video-250}[/center]
{block:Caption}{caption} {/block:Caption}
{/block:Video}
{block:Answer}
{Asker} asked: {Question}
{Answer}
{/block:Answer}
{block:Date}[url={TimeAgo}]{TimeAgo}[/url]{/block:Date}
{block:PermalinkPagination}
{block:PreviousPost}
[url={PreviousPost}]Previous Post[/url]
{/block:PreviousPost} {block:NextPost}
[url={NextPost}]Next Post[/url]
{/block:NextPost}
{/block:PermalinkPagination}
{block:PostNotes}{NoteCountWithLabel}
{PostNotes}{/block:PostNotes}
{/block:Posts}
{block:Pagination}
{block:PreviousPage}
[url={PreviousPage}]Previous Page[/url]
{/block:PreviousPage}{block:NextPage}
[url={NextPage}]Next Page[/url]
{/block:NextPage}
{/block:Pagination}
Layout © [url=http://www.kaiyosei.net]Kaiyosei's World[/url]
Images © to their respected owners
Website © Test Test 123
[center][/center]