4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: bibabobu on June 05, 2005, 12:14:24 AM

Title: Vertical center of three fields
Post by: bibabobu 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:

Title: Re: Vertical center of three fields
Post by: Chris 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">

Title: Re: Vertical center of three fields
Post by: bibabobu 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? :?:

Title: Re: Vertical center of three fields
Post by: Chris 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:

Title: Re: Vertical center of three fields
Post by: bibabobu 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 :(

Title: Re: Vertical center of three fields
Post by: Chris 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.

Title: Re: Vertical center of three fields
Post by: V@no 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>

Title: Re: Vertical center of three fields
Post by: Chris 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

Title: Re: Vertical center of three fields
Post by: bibabobu 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.