Modifying the default template in v4.

[jj30]

Thanks for your time.

I' ve checked the logo size, its 400 x 75 pixels.

The height in CSS under logo height is 75p.

Do I have to extra lines within LOGO div to form a larger block so it moves the rest of the lay out down?

Something like this ?

<p id="top_info">

<span class="webdeveloper-display-block-size" style="left: 24px; position: absolute; top: 10px;" title="div #logo 960x164">div #logo 960x164</span>

Do you have an outer block around the logo, sorry new to this.

Many Thanks

[Mike-N-Tosh]

Originally Posted by jj30

<p id="top_info">

<span class="webdeveloper-display-block-size" style="left: 24px; position: absolute; top: 10px;" title="div #logo 960x164">div #logo 960x164</span>

This code doesn't make any sense. I'm also assuming that it is not the complete snippet.

Why are you using a <p> (paragraph) for your logo image? Why are you calling a class (webdeveloper-display-block-size) in the stylesheet, but then you define your style within your html? Do you have a class defined in your stylesheet by this name? Your absolute position statement is between your left and top declarations for your position. Defining an absolute position is ABSOLUTE, so if it is overlapping any other CSS element, then it is because your absolute position placement parameters are wrong.

I would strongly suggest that you keep your content in your layout files and your look (colors, images, placement) in your stylesheet. Mixing and matching will only serve to drive you batty.

-Mike

[jj30]

Hi

Yes its a snippet.

This something I have copied off the code from Firebug, when I hover over the table, in which the logo is in. I have not inserted anything, except the code you have put on your PDF. Which I am very thankful of.

I can not find this code anywhere in the layout file.

I just think I have got to reposition the logo in that box some how.

Thats how its seems to me.

It transportertransitions.com.

[Mike-N-Tosh]

Try this:

<p id="top_info">
	Welcome Guest <br /><a href="http://www.transportertransitions.com/login.php">Login</a>, <a href="userjoin.html">Register</a>
</p>
			
<div id="logo">
	<a href="index.php" title="Transporter Transitions">
                <img src="http://www.transportertransitions.com/templates/default/images/TtLogo.gif"width="400" height="75" />
         </a>
</div>
</div>

Copy this code and replace everything AFTER <div id="header"> to BEFORE <div id="tabs'>

I copied your code from your site directly and changed it.

Hope that helps,
-Mike

[jj30]

Hi

Will that change the position of the logo, by changing the beginning of the line,

What does {$smarty.const.URL}/ mean.

Could you spare a minute more please, to explain where that previous code I copied came from, it's slightly confused me.

Because when I inspect tables/borders in firebug, I can not seem to find them in the layout file.

Thank you for your time.

I am learning slowly and hopefully the piece'swill fit one day.

Just need more time to read up on things, not enough hours in the day.

Cheers

[Lhotch]

Anytime you see something in curly braces when looking at the template file itself that is a place holder if you will for daya that cones from the scripts. You wont see that when you look at the page source via a web browser, because the scripts have put real data in the place holder and presented it to the web browser.

[Mike-N-Tosh]

Originally Posted by jj30

Will that change the position of the logo, by changing the beginning of the line,

I'm not following you here, but the code that I posted should correct the issue that you posted.

Originally Posted by jj30

What does {$smarty.const.URL}/ mean.

It's a smarty function which means your site's root url (yoursite.com)

Originally Posted by jj30

Could you spare a minute more please, to explain where that previous code I copied came from, it's slightly confused me.

Welcome to the club. I have no idea where the code that you copied came from.

-Mike

[skettle79]

Any help would be much appreciated. I am very new to this software and I am having no luck at adding a logo to my site.
I am running version 4.0.4 HOSTED.

I have followed the advice in the forums and done what I think I need to do to add the logo but it is just displaying a small square rather than the image.

Web address is. www.trailer-mart.co.uk.

Thanks

[skettle79]

Panic over. I have managed to sort the problem now. Not really sure what the problem was but persisted for another half an hour and now it is working so going to leave it be!

[junkbox]

Originally Posted by skettle79

Any help would be much appreciated. I am very new to this software and I am having no luck at adding a logo to my site.
I am running version 4.0.4 HOSTED.

I have followed the advice in the forums and done what I think I need to do to add the logo but it is just displaying a small square rather than the image.

Web address is. www.trailer-mart.co.uk.

Thanks

Noticed this as well.
This is due to XHTML version being set to strict.
If you copied and pasted directly from the guide, the quotes are wrong.
This took me an hour or so of heartache. I found it by validating the page.

I would keep the page as strict and fix the offending quotes, or you can alternatively switch to XHTML transitional.