Search By Time - onödigt radbyte

[Holger]

Hejsan,

jag har precis installerat modden Search By Time
http://www.phpbbhacks.com/download/9278
Den funkar perfekt, MEN dropdownmenyn hamnar på en ny rad och jag tror inte att det ska vara så.
Jag har i min overall_header.html detta:

Kod: Markera allt

		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a><!-- INCLUDE mods/search_by_time.html --></span>

och search_by_time.html ser ut så här:

Kod: Markera allt

<!-- IF S_USER_LOGGED_IN and S_DISPLAY_SEARCH -->
 | 
<form id="search_by_time" action="{U_SEARCH}" method="post">
	<select name="st" onchange="search_by_time_submit();" class="gensmall">
		<option value="1" selected="selected">{L_SELECT_TIME}</option>
		<option value="15">{L_15_MINUTES}</option>
		<option value="30">{L_30_MINUTES}</option>
		<option value="45">{L_45_MINUTES}</option>
		<option value="60">{L_1_HOUR}</option>
		<option value="120">{L_2_HOURS}</option>
		<option value="360">{L_6_HOURS}</option>
		<option value="720">{L_12_HOURS}</option>
		<option value="1440">{L_1_DAY}</option>
		<option value="2880">{L_2_DAYS}</option>
		<option value="4320">{L_3_DAYS}</option>
		<option value="10080">{L_7_DAYS}</option>
		<option value="20160">{L_2_WEEKS}</option>
		<option value="43200">{L_1_MONTH}</option>
		<option value="129600">{L_3_MONTHS}</option>
		<option value="259200">{L_6_MONTHS}</option>
		<option value="524160">{L_1_YEAR}</option>
	</select>
	<input type="hidden" name="search_id" value="time" />
	<input type="hidden" name="sr" value="topics" />
</form>
<!-- ENDIF -->

Varifrån kommer radbrytningen?

Hälsningar
Holger

[Sinom]

Hej Holger!

Det skall inte vara någon radbrytning, som du antog



Vilken sida har du MODen på?

Hugs

[Holger]

Här: http://www.classicmachinery.net
Har märkt att det är browsern som spökar. IE och Crome funkar finfint. FF 3.0.5 funkar det inte i.

[Holger]

Kan man fixa koden så att det fungerar i fler webbläsare?

[Sinom]

Gå till \styles\subsilver2\theme och öppna stylesheet.css

Hitta längst ner:

Kod: Markera allt

/*----------------------------------------------------------------------
// Search by Time - Begin Code Alteration
*/
#search_by_time
{
	display: inline;
}
/*
// Search by Time - End Code Alteration
----------------------------------------------------------------------*/

Ersätt med:

Kod: Markera allt

/*----------------------------------------------------------------------
// Search by Time - Begin Code Alteration
*/
#search_by_time
{
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: -5px;
	display: block;
	float: left;
}
#search_by_time_IE
{
	margin-bottom: 10px;
	margin-top: -5px;
	display: inline;
}
/*
// Search by Time - End Code Alteration
----------------------------------------------------------------------*/

Gå sedan till \styles\subsilver2\template\mods och öppna search_by_time.html

Ersätt hela innehållet med:

Kod: Markera allt

	 |
<!--[if IE ]>
<form id="search_by_time_IE" action="{U_SEARCH}" method="post">
<![endif]-->
<!--[if !IE]>-->
<form id="search_by_time" action="{U_SEARCH}" method="post">
<!--<![endif]-->
	<select name="st" onchange="search_by_time_submit();" class="gensmall">
		<option value="1" selected="selected">{L_SELECT_TIME}</option>
		<option value="15">{L_15_MINUTES}</option>
		<option value="30">{L_30_MINUTES}</option>
		<option value="45">{L_45_MINUTES}</option>
		<option value="60">{L_1_HOUR}</option>
		<option value="120">{L_2_HOURS}</option>
		<option value="360">{L_6_HOURS}</option>
		<option value="720">{L_12_HOURS}</option>
		<option value="1440">{L_1_DAY}</option>
		<option value="2880">{L_2_DAYS}</option>
		<option value="4320">{L_3_DAYS}</option>
		<option value="10080">{L_7_DAYS}</option>
		<option value="20160">{L_2_WEEKS}</option>
		<option value="43200">{L_1_MONTH}</option>
		<option value="129600">{L_3_MONTHS}</option>
		<option value="259200">{L_6_MONTHS}</option>
		<option value="524160">{L_1_YEAR}</option>
	</select>
	<input type="hidden" name="search_id" value="time" />
	<input type="hidden" name="sr" value="topics" />
</form>

Testa och se hur detta ter sej.

Lycka till!

Hugs

[Holger]

I IE ser det bra ut.

I FF blev det värre:

[Marcus]

Var just inne på sidan med FF4, och det såg bra ut...

/marcus

[Holger]

Jag kör FF 3.0.5

[Holger]

Fler idéer?

[Peetra]

Uppdatera din webbläsare? Anses inte 3.0.5 förresten som en osäker version?

Nää, det är ju inte nån slutgiltig lösning, sökrutan är under och lite för nära raden ovanför i FF5 också.

Hur blir det med följande utbyte för #search_by_time i olika browsrar, med min FF och min skärm skulle det vara perfekt iallafall.

Kod: Markera allt

#search_by_time {
    display: block;
    float: left;
    margin-bottom: 2px;
    margin-left: 222px;
    margin-top: -18px;
}

[Holger]

Uppdatera din webbläsare? Anses inte 3.0.5 förresten som en osäker version?

Det har jag inget inflytande över ... IT policy.

Nää, det är ju inte nån slutgiltig lösning, sökrutan är under och lite för nära raden ovanför i FF5 också.

Hur blir det med följande utbyte för #search_by_time i olika browsrar, med min FF och min skärm skulle det vara perfekt iallafall.

Kod: Markera allt

#search_by_time {
    display: block;
    float: left;
    margin-bottom: 2px;
    margin-left: 222px;
    margin-top: -18px;
}

Ska prova!
Tack!

[Holger]

Det blev nästan bättre

[Peetra]

Just så, för att få den bättre i din webbläsare, så är det ju bara å lägga till mera pixlar i margin-left: 222px; men nu ligger den illa i Chrome istället.

[Kjell]

Om crome är ett problem, så prova att lägga det här under den andra och lägg in ett JS.

Kod: Markera allt

.chrome #search_by_time {
    margin-left: 220px;
}

Lägg till <script src="css_browser_selector.js" type="text/javascript"></script> mellan <head> och </head
http://konsult-poolen.se/assets/files/c ... elector.js

[Holger]

Tack, provar!