Author Topic: Vertical center of three fields  (Read 12835 times)

0 Members and 1 Guest are viewing this topic.

Offline bibabobu

  • Sr. Member
  • ****
  • Posts: 311
  • Technische und künstlerische Gravuren
    • View Profile
    • Technische und künstlerische Gravuren für die gesamte Metall-, Kunststoff- und Papierindustrie
Vertical center of three fields
« on: June 05, 2005, 12:14:24 AM »
Hi everybody!

i am working for hours on a problem and i am getting rid of it.

There must onlybe a small mistake in the code.

You can see on my url www.industrie-gravuren.de/galerie
the dropdown selection menus for categories, sort direction and pics per page.

I want to have the category selection form vertical centered to the other but cannot find the mistake.

Please help me. :oops:

Offline Chris

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.487
  • Did u ever stop to think and then forget to start?
    • View Profile
Re: Vertical center of three fields
« Reply #1 on: June 06, 2005, 02:36:22 PM »
I don't understand what it is you want.  The category drop down form IS already vertically aligned inside your table:
Code: [Select]
<table width="530" border="0" cellspacing="0" cellpadding="0">

Offline bibabobu

  • Sr. Member
  • ****
  • Posts: 311
  • Technische und künstlerische Gravuren
    • View Profile
    • Technische und künstlerische Gravuren für die gesamte Metall-, Kunststoff- und Papierindustrie
Re: Vertical center of three fields
« Reply #2 on: June 07, 2005, 12:52:02 PM »
Haven't you read my whole question? :?

I would like to position the 4 fields of choice under the news field in one row horizontal equalized.

I don`t know what i am doing wrong or where the mistiake is in the code? :?:

Offline Chris

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.487
  • Did u ever stop to think and then forget to start?
    • View Profile
Re: Vertical center of three fields
« Reply #3 on: June 07, 2005, 02:42:34 PM »
I read your question, I even looked at your page.  As I said, I didn't understand your question.  And as the only person here who has tried to help you I would hope you would have a little patience in trying to explain what you want.

I stand by what I stated before, your 3 fields and labels are already vertically aligned inside the table row/cell you have on your page.

What I think you are really trying to do is to make them all stay on a single horizontal line?  Right?

Then try adding the nowrap attribute to those table cells.
Code: [Select]
<table width="530" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td nowrap>{category_dropdown_form}</td>
    <td nowrap>{imgsort_dropdown_form}</td>
    <td nowrap>{setperpage_dropdown_form}</td>
  </tr>
</table>

This is just basic HTML editing.  :wink:

Offline bibabobu

  • Sr. Member
  • ****
  • Posts: 311
  • Technische und künstlerische Gravuren
    • View Profile
    • Technische und künstlerische Gravuren für die gesamte Metall-, Kunststoff- und Papierindustrie
Re: Vertical center of three fields
« Reply #4 on: June 07, 2005, 03:50:21 PM »
I know that this is basic html.

Yes you are right i want to stay them all on a horizontal line! My english  ins't the best  :roll:

I made your suggested changings and inserted nowrap to the tables but nothing changed :(

Offline Chris

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.487
  • Did u ever stop to think and then forget to start?
    • View Profile
Re: Vertical center of three fields
« Reply #5 on: June 07, 2005, 07:31:27 PM »
Well the real problem as I see it is that your table width is too small.  You simply cannot fit everything on one line with only 530 pixels to do it.  Try removing the table width and then see if everything lines up.  After that you just have to fiddle with it to get it the way you want it.

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: Vertical center of three fields
« Reply #6 on: June 08, 2005, 01:10:33 AM »
actualy the problem is your category_dropdown_form.html template
where closing </form> tag is behind closing </table>, which supposed to be before.

Code: [Select]
  </table>
</form>
should be:
Code: [Select]
  </form>
</table>
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline Chris

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.487
  • Did u ever stop to think and then forget to start?
    • View Profile
Re: Vertical center of three fields
« Reply #7 on: June 08, 2005, 08:05:14 PM »
If you look at that template now (maybe it was edited after v@no's post) the real problem is the extra opening table tag
Code: [Select]
<table border="0" cellspacing="0" cellpadding="0">
<form method="post" name="jumpbox" action="{url_categories}">
  <table>
    <tr>
      <td>{category_dropdown_selfjump}</td>
    </tr>
  </table>
</form>

Probably should be:
Code: [Select]
<form method="post" name="jumpbox" action="{url_categories}">
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>{category_dropdown_selfjump}</td>
    </tr>
</table>
</form>

But the orginal problem will still exist.  The table is just not wide enough to hold the content on one line

Offline bibabobu

  • Sr. Member
  • ****
  • Posts: 311
  • Technische und künstlerische Gravuren
    • View Profile
    • Technische und künstlerische Gravuren für die gesamte Metall-, Kunststoff- und Papierindustrie
Re: Vertical center of three fields
« Reply #8 on: June 10, 2005, 09:21:21 AM »
I think the table is not to small.
if i leave the form tags the whole content appears in one row. perfect!

But if i write in the <form> tags it is not in one row.

In dreamwaever is a read border over the whole width of the table.

Do you have a code to short this form cell??? in category_dropdown_form.