General Community > HTML/CSS

Getting a form NOT to start on a new line?

(1/3) > >>

Grudge:
Hi,

I was wondering whether/how it's possible to get a HTML form to not start a new line. Below is an example screenshot:
www.p0stwh0res.com/smftest/pages.jpg

I want the edit box to be on the same line as the numbers. Surrounding the nubmers with the form brackets is NOT an option. I'm thinking maybe having to use tables?? I *really* don't want this tho :(

HTML for it is basically
<font>Pages: 1, 2</font><form name=etc etc etc> <input type = text></form>

(simplified obviously :) )

Thanks for any help!

۞:
IMO, the easiest way would be to simply put them in 2 table cells.

--- Code: ---<tr>
<td>Pages 1<font>Pages: 1, 2</font></td>
<td><form name=etc etc etc> <input type = text></form></td>
</tr>

--- End code ---

Grudge:
Thanks for the help but I found out how to do it. Just added:
display:inline
To the style for the form and it worked a charm! Job done!

[Unknown]:
That won't work on all browsers.  I did it for glow/shadow only because it is the only way.

It'd be better for cross browser compatibilty if it used another table cell...

-[Unknown]

Aquilo:

--- Quote from: JkWhoSaysNi on August 24, 2003, 10:40:53 AM ---IMO, the easiest way would be to simply put them in 2 table cells.

--- Code: ---<tr>
<td>Pages 1<font>Pages: 1, 2</font></td>
<td><form name=etc etc etc> <input type = text></form></td>
</tr>

--- End code ---

--- End quote ---

taking the opening and closing tags out of the table structure will
stop the form  from creating a new line:


--- Code: ---<table>
<form name=etc etc etc><tr>
<td>Pages 1<font>Pages: 1, 2</font></td>
<td><input type = text></td>
</tr></form>
</table>

--- End code ---

you can view the source of this page to see what I mean! this was once one of my biggest headachs also. ;D

Navigation

[0] Message Index

[#] Next page

Go to full version