HTML - Tumblr Template Positioning Problem

Hi: We are having a problem with an eBay Custom Storefront template. HTML is not one of my strengths, so if we could get a little help it would be greatly appreciated.

At the top of our template it shows our feedback number as well as several icons such as "top rated seller", about me, store icon, etc. This feedback number should change when we get a new feedback, it does not. Everywhere else in eBay the number changes fine and the code looks the same to me. I think the section of code below is the relevant section. The store address is www.connectibles.net if you need to see more code. Or just post a note and I will copy more code. Much thanks, Bill


<TABLE id=frameheader cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/left_up.gif"></TD>
<TD id=logo><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/logo.gif">
<TD id=r_head width="100%"><B>connectibles is maintained by:</B> <a href="http://myworld.ebay.com/connectibles">connectibles</a><img src="http://pics.ebaystatic.com/aw/pics/s.gif" width="4" border="0">( <a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback&amp;userid=connectibles">6712</a><img src="http://pics.ebaystatic.com/aw/pics/icon/iconGreenStar_25x25.gif" height="25" width="25" class="mbg-star" title="Feedback score is 5,000 to 9,999">) </span> <span class="mbg-l"><b><img src="http://pics.ebaystatic.com/aw/pics/icons/iconTrsMini.gif" height="19" width="56" title="Get fast shipping and excellent service from Top-rated sellers."></b> <a href="http://pages.ebay.com/services/buyandsell/powersellers.html"><img src="http://pics.ebaystatic.com/aw/pics/icon/psIcon_50x25.gif" height="25" width="50" alt="Member is a PowerSeller" title="Member is a PowerSeller" border="0"></a> <a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&amp;userid=connectibles"><img src="http://pics.ebaystatic.com/aw/pics/aboutme-small.gif" height="8" width="23" title="About connectibles" border="0"></a> <a href="http://stores.ebay.com/connectibles"><img src="http://pics.ebaystatic.com/aw/pics/icon/iconStoresNW_20x20.gif" height="20" width="20" border="0" title="eBay Store"></a> </span></div></div></div><P><!--*************description*********-->

I'm not sure this is the correct place to post this question. Please redirect me if it is not.

I am trying to use a template for all the pages on my site. I am using Dreamweaver. When I apply the template to a new page, it appends the path of the template directory to all my links, and won't let me edit them. I'm not sure in general how templates are supposed to work. Can I do this without Dreamweaver? Is there a good FAQ on templates somewhere that I can read?

Thanks.

I'm about to rip my hair out on this one. I'm using Dreamweaver 8. I have navigation that is using image rollovers to swap. My images that are needed for the rollover to work are in my "assets" folder in the "root" directory. However, when I create the actual html page off the template it is looking for the image in "templates/assets" and therefore does not find the image to swap. I have a number of different navigation buttons and I inserted them all the exact same way. This is the only one that is having this issue, the rest work properly.

This is the code that resides on the templates page.
Code:

<p class="navimage">
 <a href="../logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log &amp; Grate Set','','..assets/menu/log_over.jpg'',1)"><img src="../assets/menu/log_default.jpg" alt="Log &amp; Grate Set" name="Log &amp; Grate Set" width="158" height="34" border="0" id="Log &amp; Grate Set" /></a></p>

Notice the Set','','..assets/menu/log_over.jpg.

This is the code that is produced when you create an html page from the template.
Code:

              
<a href="logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log &amp; Grate Set',Templates/'','..assets/menu/log_over.jpg'',1

For some reason it is adding the directory templates, and therefore does not find the image. Does anyone know how I can fix this?

Thanks,

braves07

Hi guys,

I created a email template for company usage using html, i put company`s logo in it, it works perfect with outlook and windows live mail, but when i open that email template in browsers, i see .jpg file at the end of the mail message. Is there any way to get rid of this? Thanks.

here is a screenshot of my problem:
http://img26.imageshack.us/img26/5672/16715830.jpg

hey im using tumblr to design my website

here is the link to my site

http://sheridanvegas.tumblr.com/

ive been trying to teach myself html in order to change the theme

what i want to do is centre the image at the top of the page and remove the dotted line where my menu bar is.

I attached the html.

thankyou!

Hey there. I'm new at doing this tumblr theme thing.
Take a look at it: http://Ihaznoidea.tumblr.com

So the thing is that, i would like to get that line which says who you follow.
If you have checked the link, i'd like it to be at the top from the middle and to the right side. (if that is possible)

Or else if it is possible i would like to get a sidebar, i've tried to get it to work, but simply can't make it stay in one position, nor get it to be at the right side.

and is it possible to make the description to be under the headline.

thanks thank thanks

Hi there, I have a tumblr theme that doesn't allow for permalinks for video entries. I really want to add a small link for the permalink page underneath each post, maybe have it fade in whenever you hover over the post.

My tumblr page is blackmilklove.tumblr.com and this is the html.

Really hoping someone here can help me! Ok so, I am using the theme he
http://www.tumblr.com/theme/10375

Basically, I was trying to change the width of the entire theme to my liking. So in the coding I changed every "900px" to "600px"

The code:
http://www.heypasteit.com/clip/08PT

However in doing that, the "sidebar" of the theme moved down to the footer and I've been looking through the code, trying to change some different things and I just can't figure out what to do to bring it back to the right side. Please help? Thank you kindly

I have a header on top of my profile
http://stevespeeps.tumblr.com/

However is there any way I can have it on top like that with like
a facebook twitter & myspace icon with a navigation bar like message pics etc

The way I have it set up is just an image as a header & it seems thats the only way I can figure out how to put it up there. I tried a div code & did the slice tool thing but
nothing was aligned & did not work

Any help will be greatly appreciated =)

Hey I am creating my own website using tumblr

I have been editing a theme and want to remove the text and the aqua block of colour around my logo. I also want to centre the image.

I am trying to learn html and have been trying to figure this out for myself.

It would be good if you could help and explain this to me!

http://sheridanvegas.tumblr.com/

Hello!

I've recently been setting up a tumblr for my online portfolio, and have encountered an issue that I haven't managed to resolve.

I have two categories - design and photography. To add pieces of work to my portfolio, I upload an image to sum up that project.

If it's just a photograph, it's fine that when it is clicked it just goes to that post through {Permalink}. But if someone clicks an image for design work, I want it to take them to a separate page with a bit more information. I've managed to get this to work with {LinkURL}.

My problem is that I can only get them to work one at a time. I can either have the images redirecting to a specified page, or going to the actual post - not both, depending on the content type.

Here's some code that will hopefully help you see my problem:

Code:

{block:Photo}
                    <div class="post photo">
                     {block:IndexPage}<div class="box">
                     
                        <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
                        <a href="{Permalink}" class="box-caption">
                     <p>{PhotoAlt} </p></a>
                     </div>
                         {/block:IndexPage}
                         
                         
                         
						{block:PermalinkPage}
						<div class="middle">
						
						<div class="middle-content">
						<a href="{PhotoURL-HighRes}">
						<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0"/>
						</a>
						</div>
						
						
						</div>
						
						<div class="caption">
                        {block:Caption}
                        {Caption}
                        {/block:Caption}
                        
                        {block:HasTags}
                        <div class="tags">Tags: 
                        {block:Tags}<a href="{TagURL}">{Tag}</a> 
                        {/block:Tags}
                        </div>
                        {/block:HasTags}
                        {block:PermalinkPagination} 
                       <div class="permpaginate">
                      
                       {block:NextPost}
                        <a href="{NextPost}">Previous Project</a>
                       {/block:NextPost}
                        {block:PreviousPost}
                       <a href="{PreviousPost}">Next Project</a>
                       {/block:PreviousPost}
                        </div>
                       {/block:PermalinkPagination}
                        
                        </div>
                        
                    	{/block:PermalinkPage}
                    	
	                    </div>
                		{/block:Photo}

I have enabled "click-through" on my design posts but this doesn't work with the above code. I have to change <a href="{Permalink}" class="box-caption"> to <a href="{LinkURL}" class="box-caption"> which obviously means that now the Permalink doesn't work.

Hopefully that's a clear enough explanation! I'd be very grateful if anyone can help me resolve this

Thanks!

html help? heres the link to my blog:
http://annnnabeee.tumblr.com/

see how i have infinite scroll activated? does anyone know why the first page is missing two photos and is centered a bit off? this happened when i put the html infinite scroll code in.. help please?!?

I edited the HTML code for my theme to allow me to have a link to my ask box but the box has gone weird. Here's a link: http://wir3donacid.tumblr.com/ask
Basically, it won't let you see what you're typing in the box, you can still ask something but you can't see what you've typed. Is there a way I can edit this, or fix it? Here's a link to my Tumblr, the HTML code should be available from the http://wir3donacid.tumblr.com/
If you can edit the code yourself that would help, or just advice on how to fix this, cheers ):
Plus, aspects of my theme aren't working; I think the endless scrolling is mucked up. I'm not great with HTML codes so, if anyone wants to try and fix any problems with it and send me the HTML code or something, I think it just needs tweaking. THANK YOU

Hiya. I have been searching for a long time now and haven't come up with an answer. I am looking for a way to improve the look of youtube/vimeo etc. videos on my tumblr site.

I was hoping for something similar to the way it is presented he http://www.itsnicethat.com/articles/judex

Is this possible?
Thanks.

Basically, I have created this theme http://rmlewisuk.tumblr.com which works fine on a blog with many posts, but when I install the theme on a blog with no posts, only the header shows. The sidebar and footer do not.

Here is the code:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<link rel="stylesheet" href="http://manordesign.co.uk/therobb/resources/blog/style.css" type="text/css" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
		<link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
        <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        <meta name="text:TwitterUsername" content=""/>
        <meta name="text:Tagline" content="Put your own tagline here"/>
       	<meta name="color:Background" content="#ffffff"/>
		<meta name="color:Font" content="#555555"/>
		<meta name="color:Link" content="#ff0000"/>
		<meta name="color:Link Hover" content="#a8a8a8"/>
		<meta name="color:Title" content="#000000">
		<meta name="color:Post Title" content="#000000">
		
		<title>{block:PostTitle}{PostTitle}{/block:PostTitle} | {Title}</title>
		
		        <style type="text/css">

body 	{ 
		background: {color:Background};
		color: {color:Font};
		}
		
a:link	{
		color: {color:Link};
		}

a:hover	{	
		color: {color:Link Hover};
		}
		
h1		{
		color: {color:Title};
		}
		
h2		{
		color: {color:Post Title};
		}


            		{CustomCSS}
        		</style>
	
	</head>

	<body>
<div id="wrapper">
	<div id="header">
		<a href="/"><h1>{Title}</h1></a>
		<p>{text:Tagline}</p>
	</div>

	<div id="content">
			{block:Posts}

					{block:Text}
					<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
					<div>
						{block:Title}
						<h2><a href="{Permalink}">{Title}</a></h2>
						{/block:Title}
						<div>
						{Body}
						</div>
					</div>
					<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
					<hr/>
				{/block:Text}
				
				    {block:Photo}
                    <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
					<li class="post">
                        <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
					<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
					<hr/>
                {/block:Photo}
				
				{block:Photoset}
                    <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
					<li class="post">
                        {Photoset-400}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
					<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
					<hr/>
                {/block:Photoset}

				{block:Quote}
                    <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
					<li class="post">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </li>
					<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
					<hr/>
                {/block:Quote}
				
				
				 {block:Link}
                    <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
					<li class="post">
                        <h2><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h2>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
					<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
					<hr/>
                {/block:Link}
      
                {block:Chat}
                <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
                    <li class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <strong><span class="label">{Label}</span></strong>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
                    <p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
                    <hr/>
                {/block:Chat}
                
                {block:Audio}
                <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
                    <li class="post audio">
                        {AudioPlayerGrey}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                    <p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
                    <hr/>
                {/block:Audio}

				
				{block:Video}
                    <h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
					<li class="post">
                        {Video-400}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
					<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
					<hr/>
                {/block:Video}
                
                {Block:Answer}
                	<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
                	<li class="post">
						<a href="{Permalink}">{Question}</a>
                		<p>{Answer}</p>
                	</li>
                	<p><a href="{ShortURL}">Permalink</a></p>
                	<hr/>
                {/Block:Answer}
				
				{/block:Posts}
				
				{block:Pagination}
					{block:PreviousPage}<a href="{PreviousPage}">Newer Posts&nbsp;&nbsp;</a>{/block:PreviousPage}
					{block:NextPage}<a href="{NextPage}">Older Posts</a>{/block:PreviousPage}
				{/block:Pagination}
	</div>
	
	<div id="sidebar">
		<p class="image"><img src="{PortraitURL-128}"></p>
		<h3>About</h3>
		{Block:Description}
		<p>{Description}</p>
		{/Block:Description}
		
		
		{Block:HasPages}
<hr/>
<h3>Links</h3>
		{block:Pages}<a href="{URL}">{Label}</a><br/>{/block:Pages}
		-<br/>
		{/Block:HasPages}
		{Block:AskEnabled}<a href="/ask">{AskLabel}</a><br/>{/Block:AskEnabled}
		
		<br/>
		<hr>

		
		{Block:IfTwitterUsername}
		<h3>Twitter</h3>
		<ul id="twitter_update_list"></ul>
		<p><a href="http://twitter.com/{text:TwitterUsername}">Follow me</a> on Twitter</p>
		<hr>
		{/Block:IfTwitterUsername}

		<p class="image"><a href="http://panic.com/coda/"><img src="http://manordesign.co.uk/therobb/resources/blog/coda.png"></a></p>
		<hr>
		<p class="image"><a href="http://manordesign.co.uk"><img width="70%"src="http://manordesign.co.uk/therobb/resources/blog/logo.png"></a></p>

		
	</div>

	
	<div id="footer">
	Manor Sans Theme by <a href="http://manordesign.co.uk">Manor Design</a> | <a href="/archive">Archive</a>&nbsp;|&nbsp;
		<a href="{RSS}">RSS</a>	</div>
</div>

		<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
		<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:TwitterUsername}.json?callback=twitterCallback2&count=5"></script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-13281881-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

	</body>
</html>

Does anyone know the reason for this and how I might go about fixing it?

Thanks in advance.