>Any thoughts on how I can achieve this?
If you could provide some pages of your previous attempts, that would make life easier for some of us, so we can see what you've tried so far, and what is not a desired outcome.
here's a basic one i did in invalid html, built over Listamatic's rollover horizontal nav bar (http://css.maxdesign.com.au/listamatic/horizontal03.htm)
-------------------------------------------------------------------------
<html>
<head>
<style>
#navcontainer { background-color:#CD4130; color:White; float:left; width:100%; font-family:arial, helvetica, sans-serif;}
#navcontainer ul { float:left;}
#navcontainer form, #navcontainer ul {margin:0;padding:0}
#navcontainer ul li { display:inline; }
#navcontainer ul li a { padding:0.2em 1em;color:White;float:left;border:1px solid #fff; margin:-1px 0;}
#navcontainer ul li a:hover {background-color:#D65945;}
#navcontainer form { display:inline;float:right;}
#navcontainer input {margin:0.2em;border:1px solid black}
</style>
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="" id="current">Home</a></li>
<li><a href=""> <li><a href="" Us</a></li>
<li><a href="" Books</a></li>
<li><a href="" Feeds</a></li>
</ul>
<form><input type="text"><input type="submit"></form>
</div>
</body>
</html>
-------------------------------------------------------------------------
How close is this to what you want to achieve? Which behaviours aren't suitable?
--adam--
On 10/7/05, Ian Fenn <[EMAIL PROTECTED]> wrote:
Hi,
OK. I've been scratching my head all day. I need help.
I'm trying to implement a new site design.
The navigation - which I've uploaded a grab of at
http://www.chopstixmedia.com/new-nav.jpg - consists of html links separated
by a 1 pixel right-hand border... followed on the far right by a text input
box followed by a submit button.
I've been scratching my head because I've been trying to organise the source
so:
1) The navigation links are scalable if the font is increased.
2) The text input box and submit button are centred vertically at all times.
So far the main issues have been:
1) Text wraps if the font size is increased beyond the navigation's
horizontal width. That's not a problem in itself apart from the fact that
the 1 pixel border doesn't extend to the full height of the bar.
2) The text input box and submit button won't centre vertically.
Any thoughts on how I can achieve this?
Thanks in advance for any help.
All the best,
--
Ian Fenn
Chopstix Media
http://www.chopstixmedia.com/
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
