Search: is positioned at the right side of the search box

  • Resolved RalfS2

    (@ralfs2)


    10 years, 4 months ago

    Hello Tobias,
    I have problem with positioning the “Search” string. The positon differs, depending on which Internet browser you use. In Firefos
    the positioning is done as expected, in other browsers not ??

    In Firefox the activated filtering looks correct like this:

    Suchen:
    —————-
    | Search Box |
    —————-

    In Internet Explorer and Safari it looks wrong like this:

    —————- Suchen:
    | Search Box |
    —————-

    I want the “Suchen:” string to placed always on top of the search box. I can’t work around that problem with any of the code snippets you posted concerning other positioning topics in the forum. Hope you can help me out?

    Here is my current custom CSS code so that you have the same settings that I have:

    .tablepress thead th,
.tablepress tfoot th {
	background-color: #a5c447;
	font-size: 14px;
	text-transform: none;
}

.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
	background-color: #999999;
}

.dataTables_paginate,
.dataTables_filter {
	float: none;
	text-align: left;
	margin-left: -10px;
	margin-right: auto;
}

.dataTables_filter label {
	font-weight: 700;
}

.dataTables_paginate a {
	float: none;
}

.tablepress tbody td {
	font-size: 13px;
}

    https://www.ads-software.com/plugins/tablepress/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter RalfS2

    (@ralfs2)

    Just a small further comment for clarification:

    In Firefox the Search string is located above the search box, other browsers are putting both, the search box and the label in one line, wheras the Serach label is located at the right side of the box.

    Thanks a lot in advance
    Ralf

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter RalfS2

    (@ralfs2)

    Hello Tobias,

    of cause, but it is a shop page, the shop is in construction and hidden, you will need passwords. Can I send you a private Mail with the links?
    Where can I send them?

    Thanks a lot for the answer on saturday !
    Best regards
    Ralf

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi Ralf,

    yes, please send them to me via email then. My email is in the main plugin file “tablepress.php”.

    Regards,
    Tobias

    Thread Starter RalfS2

    (@ralfs2)

    The link and some additional informations is on the road ;))
    The mail is written in german ??

    lg
    Ralf

    Thread Starter RalfS2

    (@ralfs2)

    Thanks to Tobias for the quick solution! :))))) My theme was setting some strange values for the float property of <input>s.

    Here is his advice for everyone who may have the same problem in the future:

    With this snippet added to CSS the problem was corrected and the Search string appears in all browsers on top of the search field:
    .dataTables_wrapper label input {
    float: none;
    display: block;
    }

    If you want the Search string to be displayed at the left of the search box leave the “display: block” away.

    Thanks again to Tobias
    Ralf

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Search: is positioned at the right side of the search box’ is closed to new replies.