Autor | Zpráva | ||
---|---|---|---|
lukysy Profil |
#1 · Zasláno: 29. 12. 2004, 01:31:24 · Upravil/a: lukysy
Tetsuji novou verzi svého webu http://lukysy.sweb.cz/MyTestPages/lukysy-wz-cz_reanimation/ a nedaří se mi několik věcí. Je to poprvé, co dělám komplet v CSS bez formátování HTML, tak prosím trochu střídmosti.
1. V IE to chodí pěkně, ale ve Firefoxu to je nějaké celé rozhozené. Čím to je? Kde je chyba? 2. Mám tam rohy a nevím jak je tam natlačit tak, aby byli po bocích toho pic. Jak na to? Předem děkuji za jakékoliv odpovědi. |
||
izsak Profil |
#2 · Zasláno: 29. 12. 2004, 09:58:42
1. V IE to chodí pěkně, ale ve Firefoxu to je nějaké celé rozhozené. Čím to je? Kde je chyba?
Stránku robíš a odľaďuješ v IE a potom si ju pozrieš v Mozille. Správny postup je presne opačný. Musíš stránku odlaďovať a robiť pre Mozillu alebo Operu a potom použiť napr. _hack na odstránenie chýb v IE. |
||
dis Profil |
#3 · Zasláno: 29. 12. 2004, 10:22:59
před laděním doporučuju do kódu přidat doctype. Rozdíly v interpretaci CSS najdeš u Yuhůa na www.jakpsatweb.cz/css, módy prohlížečů u Pixyho na http://www.wellstyled.com/html-doctype-and-browser-mode.html (česky).
|
||
lukysy Profil |
#4 · Zasláno: 29. 12. 2004, 10:36:31
Jenže já to dělám ve FP kvůli toho, že jedním klikem mám okamžitý náhled. A ten prohlížeč ve FP je vlastně IE. Můžete mi prosím vás poradit, kde mám konkrétní chyby, které to tak rozhazují?
|
||
dis Profil |
#5 · Zasláno: 29. 12. 2004, 11:58:11
ale to není o tom, v čem to děláš. Doctype dopíšeš do kódu, který můžeš ve FP také editovat. U Pixyho na té stránce jsou tuším i správné syntaxe zápisů.
Těch rozdílů je víc, nejčastější je rozdíl v interpretaci hodnot width a padding. U Yuhůa na webu právě najdeš ty rozdíly, kterými to může být. |
||
Yuhů Profil |
#6 · Zasláno: 29. 12. 2004, 12:22:27 · Upravil/a: Yuhů
Jsem možná nejskalnější zastánce programu FrontPage. Je to velmi dobrý program na psaní obsahu. Ale je úplně debi*ní na navrhování designu stránek. Fakt dost debi*ní.
Sežeň si třeba PSPad, odlaď si vzhled v kódu (bez použití FrontPage) a teprve až to bude vypadat, jak má, tak to přenes do FrontPage a začni to v něm plnit. |
||
Tomik Profil |
#7 · Zasláno: 29. 12. 2004, 12:22:55
Skus PSPad (http://www.pspad.com), je to skvělý html editor co podporuje syntaxi pro spousty jazyků (HTML, CSS, PHP, JAVASCRIPT a jiné), ten má tajké možnost okamžitého náhledu + tam jde nastavit jaký to má být editor. Jo a celé to dělá čech, takže je tam i super podpora čj a kontroly pravopisu.
|
||
Tomik Profil |
#8 · Zasláno: 29. 12. 2004, 12:23:40
Tak byl Yuhů rychlejší :o) ...
|
||
Leo Profil |
#9 · Zasláno: 29. 12. 2004, 13:02:48
Mozna bych vam doporucil - pokud nechcete jen rychlou a jednorazovou odpoved, abyste si hral s jednotlivymi CSS vlatnosti ktere se pro layout pouzivaji a zkontroloval si to hned vzdycky treba v IE a Firefoxu (idealne i v Opere, ale pro zacatek to neni nutny). Udelejte si primitivni stranku v HTML, nadpis plus dva tri odstavce, a pak si hrejte s nastavenim sirky odstavcu (width), s background-color pro vybrany odstavec, border pro nej. Pak si pro odstavce nastevte padding a margin a kouknete se co to dela treba jak se to kombinuje se sirkou. Pro tyhle experimenty je sikovny pouzivat extremni hodnoty, treba margin 100px, 50%, atd. Kouknete se jak se kombinuji marginy svisle (dva odstavce nad / za sebou.).
Pak si strcte ty odstavce nebo cely kod uvnitr body do pomocneho divu, a nastavujte vlastnosti jemu - sirky, border, padding, margin... Jakmile si ochocite sirky, margin a padding, border, muzete zkusit vyresit problem kdy mate pro ten div nebo odstavec v nem nastavenou sirku a nechcete aby byl vlevo, ale vpravo nebo na stredu. V dalsim kroku si muzete hrat s vlastnosti float v kombinaci s malou sirkou, kterou nastavite jednotlive pro stredni odstavec, a pak pro posledni odstavec. Kouknete se jak se to chova, kde konci ramecek toho divu, jak ho obteka dalsi obsah. Pak zkuste float (vzdy v kombinaci s nastavenou sirkou) u jednoho a clear u druheho odstavce. Pak float u prvnich dvou, a clear u posledniho. No a uplne nakonec bych resil explicitne cili rucne nastavene vysky elementu (treba toho divu), a vlastnost position: relative a absolute. Leo |
||
lukysy Profil |
#10 · Zasláno: 29. 12. 2004, 21:24:41
dis Nemluvil jsem o doktajpu ten vím jak tam dotlačit. Dělám přechodové html, ale tady zatím navrhuji základní layout.
Yuhů a Tomik Mám PSPad, jen jsem to chtěl udělat celý ve FP Leo Odzkouším kousek po kousku... Dost takový věcí, které mi to můžou ovlivnit chybí a už jsem na většinu přišel. Děkujio všem za rady, už se to rýsuje... :o) |
||
Leo Profil |
#11 · Zasláno: 29. 12. 2004, 22:08:32
"Nemluvil jsem o doktajpu ten vím jak tam dotlačit. Dělám přechodové html, ale tady zatím navrhuji základní layout."
Pokud clovek vi, co je a k cemu slouzi ten podivny radek !DOCTYPE, pak by mel kodovani stranek zacit tim, ze si jeden z moznych doctype zvoli - napriklad pro layout je to kriticke, protoze rada prohlizecu podle nastaveneho doctype ma ruzne chovani, specialne co se tyka sirek elementu. Je tady ale jedna zrada - pokud si uzivatel stranky ulozi na disk v IE, tak ten doctype pri ukladani zmeni - je dobre stranky ladit i tak, ze si je clovek v IE ulozi a prohlidne. Leo |
||
lukysy Profil |
#12 · Zasláno: 30. 12. 2004, 00:13:04
Leo Mě to FP vždycky přepíše svými kravinami, tak jsem to házel vždycky na konec, ale už to celé dělám v PSPadu...
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0