Member
From: Southwest, U.S.
Registered: 2006-10-23
Posts: 378
I've been thanked 1 times.
Offline
On the gift site in my signature, I've been trying to get the bookmark image (which is a form input) in the top of the center section to follow the text without forcing the previous text to the floor.
Anybody have an idea that might help?
Member
From: San Antonio, TX
Registered: 2006-08-07
Posts: 516
I've been thanked 27 times.
Offline
after looking at your page and seeing what it appears you are trying to do, the best I can come up with is this:
1. change the padding-bottom on the containing div (id="searchbar") to 20px
2. add style="display:inline;" to the paragraph
3. add style="margin-bottom: -20;" to the input tag
Member
From: Southwest, U.S.
Registered: 2006-10-23
Posts: 378
I've been thanked 1 times.
Offline
Thank you both for the ideas.
I tried both. Could easily have missed something, but they didn't seem to do the trick. There is a link in the sidebar three inches away for now...
Member
From: San Antonio, TX
Registered: 2006-08-07
Posts: 516
I've been thanked 27 times.
Offline
You were trying to get it to place the tag just at the end of the paragraph right?
I tested the changes myself using the firebug plugin in Firefox. I wasn't able to test like this for IE though. Oh well
Member
From: Southwest, U.S.
Registered: 2006-10-23
Posts: 378
I've been thanked 1 times.
Offline
Steven -
Yes. That was the ticket.
Again, I may not have implemented it correctly, but what your suggestion achieved was the same result as including the form element in the <p></p> tags and styling the form element with display:inline; - which was to get the placement correct but the preceeding text would drop to the baseline of the image. What I would construe an unsavory bit of digital muck inconsistent with the high standards we hold dear.
Member
From: San Antonio, TX
Registered: 2006-08-07
Posts: 516
I've been thanked 27 times.
Offline
the negative margin-bottom on the form should have allowed the bottom line to move back up into position. The idea is that the inline elements line up on the bottom, but setting a negative margin actually brings the "bottom" up a ways on the image. The padding-bottom on the div was just to offset that, otherwise the horizontal rule cuts right through the image
Member
From: Southwest, U.S.
Registered: 2006-10-23
Posts: 378
I've been thanked 1 times.
Offline
Steven -
Thanks for clearing up and taking a little time for my dilemma.
I've fiddled with negative margins before a bit. I'll give it another try a bit later. I have to play "veterinarian", which is like "doctor", with none of the perks...
Steven -- Gary just wanted someone to solve his problem ... typical of us lazy TEXANS and ARIZONIANS...LOL! 
Member
From: York, England
Registered: 2005-11-04
Posts: 608
I've been thanked 11 times.
Offline
I know Im gonna get bashed for saying this, but how about strategic use of a table?
What i tend to do for forms is have the input title in one cell, then the form field in another. i get them all lined up nice and neatly.
I do this in a seperate file, usually php (incase i want to pre fill some fields)
I then call that file as an image on the page or a php include wrapped in a div and position it with css. That way i find im only trying to position 1 element rather than each seperate element of the form.
Member
From: Southwest, U.S.
Registered: 2006-10-23
Posts: 378
I've been thanked 1 times.
Offline
griffinsbridge -
Nah, no bashing
But, the index doesn't have any tables and I'm trying to keep it that way for no good reason.
My forms are in tables though. I figure we're allowed.
The use of includes is something I started a while ago and now, pretty much anything that is duplicated is an include. They save me tons of time when changes are needed, etc.
| Never |


