Autor | Zpráva | ||
---|---|---|---|
Lukas_h Profil |
#1 · Zasláno: 15. 7. 2010, 20:48:15
Zdravím,
pracuji na liště ve které by byly vlaječky na změnu jazyka, možnost zvětšení textu a vyhledávač. Jde o to že potřebuji mít všechny tyto věci v jednom řádku a aby měli pevnou pozici při jakémkoliv rozlišení na jakémkoliv monitoru. Jak by to mělo vypadat http://lukastest.ic.cz/, css je zde http://lukastest.ic.cz/style_index.css Díky za rady |
||
Leopik 2x Profil |
#2 · Zasláno: 15. 7. 2010, 20:51:06
Asi hľadáš position: absolute;
http://www.jakpsatweb.cz/css/position.html |
||
Lukas_h Profil |
#3 · Zasláno: 15. 7. 2010, 20:54:45
Absolute už je v tom CSS zahrutý
#vlajky {position: absolute; top: 30px; left: 10px; margin: 0; padding: 0 auto; width: 330px;} #pismo {position: absolute; top: 30px; left: 20%; margin: 0; padding: 0 auto; width: 330px;} #vyhledavac {position: absolute; top: 30px; left: 75%; margin: 0; padding: 0 auto; width: 330px;} Ale když si to web zobrazím na menším rozlišením tak se mi to začne posouvat a to já nechci. |
||
Leopik 2x Profil |
#4 · Zasláno: 15. 7. 2010, 21:02:48
Teda chceš, aby ta lišta bola vždy napríklad 10px od ľavého roha obrazovky (monitora, nie okna prehliadača)?
|
||
Lukas_h Profil |
#5 · Zasláno: 15. 7. 2010, 21:03:59
Přesně tak
|
||
Leopik 2x Profil |
#6 · Zasláno: 15. 7. 2010, 21:10:19
Ale pri rozlíšení 1024x768 a okne prehliadača 800x600 to bude dost nepraktické ak to okno prehliadača bude v pravo.
|
||
Lukas_h Profil |
#7 · Zasláno: 15. 7. 2010, 21:12:16
Mělo by to bejt schovaný, kdy bych to nechal jak to je tak se ikony vlaječek přikryjou tim vyhledávačem
|
||
Leopik 2x Profil |
#8 · Zasláno: 15. 7. 2010, 21:38:30
Tak to všetko hoď (vlajky, vyhľadávanie) do divu a ten napozicuj.
|
||
Lukas_h Profil |
#9 · Zasláno: 15. 7. 2010, 21:43:43
A jak? :-)
|
||
Leopik 2x Profil |
#10 · Zasláno: 15. 7. 2010, 21:54:47 · Upravil/a: Leopik 2x
Uf, vidím, že som sa pustil do celkom veľkého problému :).
Takto by to mohlo fungovať: <div style="width: 100%; height: 0px; position: relative;"> <div style="width: 100%; _width: expression(document.body.clientWidth < 500? "500px" : "100%" ); min-width: 500px; margin: 0 auto;"> <div style="width: 33%; float: left;">txt</div> <div style="width: 33%; float: left;">txt2</div> <div style="width: 33%; float: left;">txt3</div> </div> </div> Skús to aj v IE (hlavne v 6) či to bude fungovať. Malo by to pracovať tak, že ak je obrazovka väčšia ako 500px; tak sa to bude normalne rozťahovať ale ak bude menšia (teda keď už sa to začína prekrývať) tak bude mať šírku 500px; Ale podľa mňa je to dosť škaredé riešenie a určite sa to dá spraviť aj lepšie ale fungovať by to malo. EDIT: tak teda ani toto nie je 100% EDIT2: tu je ešte jeden príklad http://www.jakpsatweb.cz/css/priklady/min-width.html |
||
panther Profil |
#11 · Zasláno: 15. 7. 2010, 21:55:26
Lukas_h:
ono celkově pozicovat něco vůči celému oknu prohlížeče je kravina. Na nižším rozlišení to poleze do sebe, na vysokém to bude kilometr od sebe a nikdo to po krajích nebude hledat. Nikdy nedělej nic pro svoje rozlišení a mysli i na druhé. Pokud ti to nevadí, nevím, proč tam máš #vlajky a #pismo, stačí jen jedno z toho, co bude obsahovat všechny ikonky. |
||
Lukas_h Profil |
#12 · Zasláno: 15. 7. 2010, 22:00:22
panther:
„Nikdy nedělej nic pro svoje rozlišení a mysli i na druhé.“ O To mi jde... pokud bude mít můj návštěvník stránek malé rozlišení tak ten vyhledávač začne překrývat ty vlaječky. Leopik 2x: Dík, zkusím |
||
Lukas_h Profil |
#13 · Zasláno: 15. 7. 2010, 22:23:41
Leopik 2x: Spíš jsem si myslel že by to zůstavalo na stejnym místě a ne aby se to posouvalo.
|
||
Časová prodleva: 14 let
|
0