Atribut Size se v FF prikazuje drugače kot v CH
5 naročnikov
5 naročnikov
Pozdravljeni!
Zanima me zakaj se mi pri HTML atributu Size (input box) vnosno polje v Firefoxu prikaže v pravi velikosti, v Chromu pa je le to večje?
Koda izgleda takole:
<div class="adsmanager_search_box">
<div class="adsmanager_inner_box">
<form method="post" action="/localhost/index.php?option=com_adsmanager&view=list&catid=1&Itemid=171">
<div align="center">
<input id="tsearch" class="inputbox" type="text" onfocus="if(this.value=='') this.value='';" onblur="if(this.value=='') this.value='';" value="" size="50" alt="search" maxlength="35" name="tsearch">
</div>
<div align="center">
<a href="/localhost/index.php?option=com_adsmanager&view=search&catid=1&Itemid=171">Napredno iskanje</a>
</div>
</form>
13 odgovorov
Za natančnejše določanje širine input fielda rajši uporabi CSS. To je tako ali tako mnogo boljša in pravilnejša praksa.
Vini: vem, da je CSS boljša, se kot začetnik tudi bolje znajdem tam... Bom poskusil, upam, da mi uspe. Kljub temu pa, če obstaja kakšna rešitev je bom vesel, da "začasno" rešim težavo, dokler ne pogruntam CSS-ja :D
Atribut "size" ti pove, koliko znakov je širok input field. Očitno si različni browserji različno predstavljajo širine znakov. :) Močno dvomim, da boš našel drugo rešitev kot CSS.
Gizmo:
Pisava in velikost pisave morata biti določeni in enaki, če se ne motim.
Pisava kje, v browserju? Ker na strani je enaka.
Vini:
Atribut "size" ti pove, koliko znakov je širok input field. Očitno si različni browserji različno predstavljajo širine znakov. :) Močno dvomim, da boš našel drugo rešitev kot CSS.
Hvala! Bom poskusil s CSS-jem, upam, da mi uspe! :)
Font-family in font-size v css-ju, če pa tega nimaš potem moraš imeti isti default font v obeh brskalnikih. Vsekakor pa reši s css-jem, kot je vini predlagal.
Še enkrat se javljam v tejle temi... Prosil bi mojstre, če bi si lahko stran Elektro-Vozila ogledali v FF in Chromu ter bili pozorni na prvi strani na search box... Tole sem danes spackal skupaj, ampak zopet se v Chromu prikazuje "podrto" oziroma je cca. 2px zamaknjen gumb gor...
Probaj dati acesearchinputmodule margin-top 10px in search boxu float:left. Nisem probal, samo ugibam :)