Autor Zpráva
zimmi
Profil
Zdravím,
jde nějakým jednoduchým způsobem nastylovat vyhledávání tak, aby vypadalo ve všech 3 prohlížečích stejně? Nechce se mi psát to zvlášť pro IE a Operu s FF.
Venca V
Profil
jde nějakým jednoduchým způsobem nastylovat vyhledávání tak, aby vypadalo ve všech 3 prohlížečích stejně?
Je to jednoduché- nastylovat:-) Tyto screeny jsou nenastylované formuláře, což je IMHO lepší- návštěvník hned pozná, co je formulář, na co může kliknout... Když si v CSS zadáš rozměry, rámečky, barvu, pozadí atd., bude to ve všech prohlížečích vypadat (víceméně) stejně. Otázka je ale ta, jestli je to dobře.
Str4wberry
Profil
Reakce na zimmiho:
jde nějakým jednoduchým způsobem nastylovat vyhledávání
Jde to dost obtížně. Možná bych poradil více, kdybych viděl zdrojový kód té stránky.
zimmi
Profil
Str4wberry:
<form action="http://www.zimmi.cz/result.php" id="searchbox_016302272916432815667:szhw_3_zpom">
      <input type="hidden" name="cx" value="016302272916432815667:szhw_3_zpom">
      <input type="hidden" name="cof" value="FORID:11">
      <input type="text" name="q" size="20">
      <input type="submit" name="sa" value="Hledat" id="submit">
      </form>

Klasický form dodávaný Googlem. Zaráží mě (i když tohle nedělám poprvé), že každý prohlížeč dokonce i to "size='20'" zobrazí jinak.
Plaváček
Profil
zimmi

Nejlepší rada, kterou mám, zní: nechat to na prohlížeči (respektive systému uživatele). Poměrně bezpečně můžeš nastavit alespoň šířku obou formulářových prvků. Pokud chceš stejné odesílací tlačítko, pak musíš použít obrázek, protože kupříkladu u Safari se stylováním jakéhokoliv formulářového prvku povětšinou neuspěješ.
Venca V
Profil
zimmi
Přidej si k inputům id nebo class a můžeš stylovat do haleluja - width, height, color, background-color, border atd atd:-)
zimmi
Profil
Plaváček
Zvláštní, ať nastavuju šířku u hledacího pole, jak chci, pořád si ji vykreslují po svém. Při načítání ji zobrazí správně a pak input scvrknou.
Plaváček
Profil
zimmi

Můžeš dopřát odkaz na problémovou stránku?
zimmi
Profil
Plaváček
V rámci utajení byla adresa odstraněna.
Plaváček
Profil
zimmi

Zkus styl obou inputů přesunout do CSS stylu a použij direktivu !important. Mělo by to zabrat.
Venca V
Profil
Tak neuváděj tu šířku v HTML (size="20"), ale pouze v CSS (width=tolikatolikpx), takhle to přebije ta HTML hodnota.
zimmi
Profil
Plaváček
Díky, funguje.
Toto téma je uzamčeno. Odpověď nelze zaslat.