Textpattern CMS

#1 2006-02-17 03:02:15

FlyingDonkey

Member

Registered: 2006-02-16

Posts: 10

Simple image on default template

I want to include a simple image on the top part of my default page template.

Here is what my site looks like now:

http://valleyledger.com/tp/textpattern-4.0.3/

Maybe I need to really get into CSS, but I can’t figure out why this overlapping of the image and content is happening. Again, I used to be fluent with HTML, but I just look at the basic code for the template, and don’t get how this happens.

Also notice how there’s a border around my image. I’m using

<txp:link_to_home><txp:image id=“3” /></txp:link_to_home>

for the top image and link. I don’t know how to integrate the border=0 option into the link/image.

Thanks

#2 2006-02-17 04:05:26

Mary

Sock Enthusiast

Registered: 2004-06-27

Posts: 6,236

Re: Simple image on default template

You have two h1 elements on the page. You have to comment the other one out with html comments:
<!-- <h1><a href="http://valleyledger.com/tp/textpattern-4.0.3/">Valley Ledger</a></h1> -->,
not
#<h1><a href="http://valleyledger.com/tp/textpattern-4.0.3/">Valley Ledger</a></h1>

:)

#3 2006-02-17 04:58:34

FlyingDonkey

Member

Registered: 2006-02-16

Posts: 10

Re: Simple image on default template

heh… can you tell I’m a Unix admin? Got that fixed.

The image overlaps with the article title, however, in Firefox. Hopefully this is something that’s not a “well, don’t use Firefox” problem…

#4 2006-02-17 06:00:53

Mary

Sock Enthusiast

Registered: 2004-06-27

Posts: 6,236

Re: Simple image on default template

That’s a CSS problem. If you go to the style tab, look for the following:

<pre><code>#head
{ text-align: center; height: 100px;
}</code></pre>

You’ll want to remove the height attribute:

<pre><code>#head
{ text-align: center;
}</code></pre>