Textpattern CMS

#1 2007-04-08 12:08:33

hughlilly

New Member

Registered: 2007-04-08

Posts: 3

CSS form question

Hi all,

Sorry for the newbie question; I’m trying to put a search box on a website that I’m working on and it’s not coming out quite the way I’d like it to. What I’m trying to do is get the search box to be on the same line as the >> arrows, and line up neatly in the right-hand side navigation bar.

Here’s the CSS file, and this is the relevant HTML code:

<li><img src="http://greensoncampus.org/images/15.gif" width="16" height="16" />&nbsp;&raquo;
<form action="http://greensoncampus.org/" method="get" />
<input onfocus="this.value=''" type="text" name="q" value="Search..." size="15" />
<input type="hidden" name="submit" value="Search" /></form><div class="clear"></li>

Any help you could offer will be greatly appreciated.

Thanks!

Last edited by hughlilly (2007-04-08 12:13:29)

#2 2007-04-08 16:49:49

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,090

Website GitHub Mastodon Twitter

Re: CSS form question

For the right did you need img {float:left}
and for the <txp:search_input /> try <txp:search_input size="10" /> or less default is 15
Also remove the <div class="clear"> . It is invalid html as the div is not closed.

Last edited by colak (2007-04-08 16:51:36)

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#3 2007-04-09 02:43:47

hughlilly

New Member

Registered: 2007-04-08

Posts: 3

Re: CSS form question

colak wrote:

For the right did you need img {float:left}

I don’t understand what you mean here…?

and for the <txp:search_input /> try <txp:search_input size="10" /> or less default is 15
Also remove the <div class="clear"> . It is invalid html as the div is not closed.

OK, I’ve done this. Thanks for your help so far…

#4 2007-04-09 06:30:56

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,090

Website GitHub Mastodon Twitter

Re: CSS form question

Hi hughlilly

Sorry… typos:)

Find corrected below

For the right div you need img {float:left}

Last edited by colak (2007-04-09 06:31:23)

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#5 2007-04-09 10:15:51

hughlilly

New Member

Registered: 2007-04-08

Posts: 3

Re: CSS form question

OK I’ve pretty much got it right, any chance you could tell me why it’s not lining up quite how I want it? Basically I want it to be in line with the other text in the menu choices. Again, thanks for your help :-)

The links again: Greens On Campus, CSS file. It’s the search box at the top of the navigation menu that I want to line up. :)