/    Sign up×
Community /Pin to ProfileBookmark

Annoying table problem

Copy linkTweet thisAlerts:
Apr 19.2004

I wonder if anyone can help i am trying to get a search box to center in the middle of table on a bar. i have tried everything i know to make it stay in the middle but it keep moving to the top.

I am using frontpage to do this and when i go to preview it moves back to the top have uploaded the header and its still in the wrong place.

I know this is a little hard to explain so better if i put a link to the problem.

[URL=http://www.pcmanauls.com]Web Page[/URL]

Hope somone can help before i loose the last bit of hair i have left.

Bob

to post a comment
HTML

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@GordApr 19.2004 — Hi Bob.

I'm not familiar with front page but you need to change line 75 of your code.

<p align="right">

<input type="submit" value="search" class="button"></form>

to read:

<p align="left">

<input type="submit" value="search" class="button"></form>

which seems to work: or

<p align="center">

which is still a bit right of center.

Hope this helps

Gord
Copy linkTweet thisAlerts:
@IncaWarriorApr 19.2004 — replace the <td> with <td valign="center">
Copy linkTweet thisAlerts:
@pcmanaulsauthorApr 19.2004 — Thanks for the replys, what i mean is to center it in the bar from top to bottom, it is to much in the top.

Hope i am allowed to add pictures.

[IMG]http://www.pcmanauls.com/Image1.jpg[/IMG]

i want to try and move it down to the middle.

Bob
Copy linkTweet thisAlerts:
@GordApr 19.2004 — Hi again Bob.

Sorry I thought you meant horizontal alignment.

The vertical alignment is something to do with the way the browser is interperating table and form cells.

The form cells which you are trying to centralise only fill up half the table cell for some reason (put a background colour on it to see) so it thinks it is centralised ( on the top half only)

I'm not sure if this is good code but it seems to work.

on line 72 ( 2 rows above <form action="search".......etc>):

set the <tr> tag to <tr[B] height="36"[/B] >

Change lines 76 & 77 to read:

[B]<td valign="center">[/B]<input type="text"...... etc>[B]</td>[/B]

[B]<td valign="center">[/B]<input type="submit"...... etc>[B]</td>[/B]

Hope this works

Gord
Copy linkTweet thisAlerts:
@pcmanaulsauthorApr 19.2004 — Thank you so much Gord worked perfectly.

very happy

Bob
Copy linkTweet thisAlerts:
@IncaWarriorApr 19.2004 — didn't i say that?
Copy linkTweet thisAlerts:
@pcmanaulsauthorApr 20.2004 — Yes you did IncaWarrior i missed it :p

Bob
×

Success!

Help @pcmanauls spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...