Textpattern CMS

#1 2007-09-03 14:08:12

exaltuma

New Member

Registered: 2007-09-03

Posts: 2

How do I make a navigation list (to sections) with images/buttons?

Hi,

I’m sure the answer to this is obvious, but I can’t seem to find it anywhere. If you know of a related post, please feel free to redirect me…

What I want is pretty simple, but I’m very much a noob-

I want buttons to link to each of my sections. I know how to make section links with the appropriate <txp:section name=“x” link=“x” /> and I know how to display images with the <txp:img /> tag. I tried wrapping the image tag in a section container tag, as well as a regular link tag (although that didn’t seem to make sense). Do I need to create a new form for this task, or am I overlooking the obvious?

Any and all help is much appreciated.

Thanks

#2 2007-09-03 14:36:04

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: How do I make a navigation list (to sections) with images/buttons?

You should use CSS instead of direct <img />-tags. Img-tags are used only for the images of content, not for navigation links and design. Like:

a#blog-link {
background: url(../images/01.png) no-repeat 0 0;
width: 100px;
height: 25px;
text-indent: -9000px;
float: left;
margin: 0;
padding: 0;
}

But if you want to do that, why not doing link by hand, like:

<a href="<txp:site_url />blog"><img src="/images/01.png" alt="" /></a>

Cheers!

---

Rah | GitHub

#3 2007-09-03 14:49:18

exaltuma

New Member

Registered: 2007-09-03

Posts: 2

Re: How do I make a navigation list (to sections) with images/buttons?

Thanks a million! Both of those solutions worked; but I think I’ll go for the second one.