| Autor | Zpráva | ||
|---|---|---|---|
| hameluk Profil |
#1 · Zasláno: 5. 5. 2008, 14:52:38
|
||
| orava Profil |
#2 · Zasláno: 5. 5. 2008, 15:00:51
urcite viac padne ta modra verzia
CSS daj to externeho suboru!!! a na moj vkus je tam dost vela DIVov |
||
| machu Profil |
#3 · Zasláno: 5. 5. 2008, 16:01:40
no je to tak jednoduché až je to pěkně určitě to žádnou extravagancí nepřekypuje ale podle mě to na servis stačí pěkné stránky co se týká grafiky
|
||
| Adam Zábranský Profil |
#4 · Zasláno: 5. 5. 2008, 17:22:22
hameluk
No jestli to jsou opravdu 1. stránky, tak gratuluji, myslím že málokterého prví stránka vypadala takto :) Podle mě je to docela pěkné, ale možná až moc stínů (vše v hlavičce + šipky). Proč jsou odkazy v prvním bloku (Vítejte na našich..) tučné, ale jinde jsou normální? (Líbí se mi normální varianta.) Neuškodil by nějaký ten hover efekt u odkazů. Rozklikal bych hlavičku. (Všiml jsem si, že je klikatelná jen na zcela nepochopitelném místě - od půlky klíče doleva (FF 2).) Klíč v hlavičce by se spíš (podle mě) hodil na zámečnictví. |
||
| panther Profil |
#5 · Zasláno: 5. 5. 2008, 18:48:10
hameluk
opravdu na první výtvor to není zlé, jen bych přeci jen něco málo na kódu opravil: - <menu class="menu"> - stačilo by ostylovat tag menu v CSS, třída je zbytečná - <div class="box_side_foot"> bych asi nahradil spanem - místo tagů <b> bych užíval spíše <strong> z hlediska sémantického - <div class="box_main_head"><h2>Vítejte na našich internetových stránkách</h2></div> - i zde by bylo lépe stylovat přímo nadpis, nadpisům různých šířek přiřazovat pouze třídy s různě širokými pozadími - <div class="cleaner"> </div> - i tady bych použil jiný tag, konkrétně <hr> neber to jako kritiku, jen jako rady do kodérského života co by se dalo zlepšit.. :o) |
||
| panther Profil |
#6 · Zasláno: 5. 5. 2008, 18:54:27
orava
CSS daj to externeho suboru!!! - jednak by se to mohlo obejít bez zbytečných vykřičníků - do CSS se lépe nahlíží, pokud jsou styly vloženy interně, než abych si je musel pouštět stranou. Nemluvím však o inline zápisech stylů, ale ty jsi určitě na mysli neměl.. a na moj vkus je tam dost vela DIVov - to, že je tam "na tvoj vkus je tam dost vela DIVov" není pro hameluka žádnou radou, zejména pokud se jedná o jeho první web. Spíše, než takovéto "rady", by jsi mu mohl poradit, který z těch DIVů je tam zbytečný |
||
| hameluk Profil |
#7 · Zasláno: 5. 5. 2008, 20:21:36
Díky za tipy, je to opravdu můj první web, ale těch hodin, co trávím na jakpsatweb.cz je nepočítaně... Rád bych, abych se za svůj výtvor nemusel stydět :-)
orava CSS daj to externeho suboru!!! Určitě dám, neboj, takhle je to jen kvůli lepší přehlednosti vás, kritiků (myšleno samozřejmě v dobrém slova smyslu). Toto doporučení je i tady v topicu označené jako důležité. Adam Zábranský možná až moc stínů (vše v hlavičce + šipky) Jsou tam schválně, připadá mi to hezčí :-) Uvidíme názory ostatních... Proč jsou odkazy v prvním bloku (Vítejte na našich..) tučné Nevím, přijde mi to důležité, je to první odstavec úvodu, jakoby představení, ale není problém to zmenšit. Neuškodil by nějaký ten hover efekt u odkazů. Souhlas, je tam. hlavička je klikatelná jen na zcela nepochopitelném místě - od půlky klíče doleva Ano, teď na to koukám! Je to nejspíš tím, že jsem to ladil na rozlišení 1024x768 a je to pozicované absolutně - při větším rozlišení je ta oblast posunuta směrem doleva. Přiznávám se ale, že tady jsem zatím v koncích :-( Nevíte někdo co s tím? Klíč v hlavičce by se spíš (podle mě) hodil na zámečnictví. Souhlas, ale takové je bohužel logo firmy, nedá se s ním moc dělat - už ten "odznáčkový" efekt je navíc. panther <menu class="menu"> - stačilo by ostylovat tag menu Děkuju, opraveno. <div class="box_side_foot"> bych asi nahradil spanem To nějak nefunguje - viz. boxík pod levým menu. Ten obrázek pozadí se mi při SPANu kreslí jenom pod textem (v tomhle případě pod jednou tvrdou mezerou). místo tagů <b> bych užíval spíše <strong> Opraveno. nadpisům různých šířek přiřazovat pouze třídy s různě širokými pozadími Tomu nerozumím - není to zbytečně složité? Ještě jednou všem děkuju a jen dál do mě! :-) |
||
| panther Profil |
#8 · Zasláno: 5. 5. 2008, 21:22:48
hameluk
nadpisům různých šířek přiřazovat pouze třídy s různě širokými pozadími Tomu nerozumím - není to zbytečně složité? myslel jsem to tak, že by jsi měl třeba <h2 class="left">Nadpisy v levém sloupci s pozadím širokým jako levý sloupec</h2>, <h2 class="right">Nadpisy v pravém sloupci s pozadím širokým jako pravý sloupec</h2> atd.. Moc složité mi to nepřijde, ba možná naopak přehlednější ;o) - na 191. řádku ti chybí středník: |
||
| Bubák Profil |
#9 · Zasláno: 5. 5. 2008, 23:14:13 · Upravil/a: Bubák
- na 191. řádku ti chybí středník:
V tomto případě tam být nemusí, ale i tak bych ho tam dal. hameluk Namísto CSS hacků bych ti doporučil používat CSS a podmíněné komentáře. http://www1.mraveniste.org/weblog/2006/03/16-msie-komentare.html |
||
| hameluk Profil |
#10 · Zasláno: 6. 5. 2008, 11:00:18
Děkuju za podněty a názory!
panther <div class="cleaner"> </div> - i tady bych použil jiný tag, konkrétně <hr> Upraveno <h2 class="left">Nadpisy v levém sloupci s pozadím širokým jako levý sloupec</h2>, Jo jooo, už to chápu - výsledkem je o jeden DIV u každého nadpisu míň a tím i jednodušší kód! Opraveno :-) Bubák Namísto CSS hacků bych ti doporučil používat CSS a podmíněné komentáře. Jejda, to by se mi líbilo - akorát to nějak nemůžu rozchodit :-( Co dělám špatně?? (Podmíněný komentář je vložený v zápisu CSS u tříd #hlavni1 a #hlavni2 - zobrazení ve FF ok, ale IE to ignoruje taky a celá hlavní část je vsunuta do hlavičky.) |
||
| Bubák Profil |
#11 · Zasláno: 6. 5. 2008, 12:06:08
Podmíněné komentáře nedávej do CSS, ale do HTML, zatím takto (příklad):
<style> /* tady das cely CSS bez hacku */ body {color: blue;} p {color: green;} </style> <!--[if IE]> <style> /* tady das jen to, co chces v IE jinak, ale uz bez hacku */ p {color: red;} </style> <![endif]--> Až budeš mít externí CSS, tak místo tagů STYLE použiješ LINK. |
||
| hameluk Profil |
#12 · Zasláno: 6. 5. 2008, 14:45:37
Aleš Zábranský
hlavička je klikatelná jen na zcela nepochopitelném místě - od půlky klíče doleva Opraveno - i na rozlišeních větších než 1024x768 je logo správně klikatelné. Bubák Díky, takhle to funguje :-) Ale... Až budeš mít externí CSS, tak místo tagů STYLE použiješ LINK. Myslíš ty <style> v HTML kódu? Tomu nerozumím - jak prohlížeč pozná, kam do souboru s CSS má šáhnout? Měl bych tedy (v mém konkrétním příkladě) mít ID #hlavicka1 pro FF a například #hlavicka1_IE pro IE? A v kódu pak mít toto? <div id="hlavicka1"> <!--[if IE]> <div id="hlavicka1_IE"> <![endif]--> Anebo mít zvláštní CSS soubor jen pro opravy IE? To by vlastně asi bylo jedno - hlavičce bych nalinkoval oba. Možná by to ale bylo přehlednější? |
||
| panther Profil |
#13 · Zasláno: 6. 5. 2008, 15:14:30 · Upravil/a: panther
hameluk
budeš mít: <link rel="stylesheet" href="styles.css" type="text/css"> <link rel="stylesheet" href="styles-ie.css" type="text/css"> v souboru styles.css budeš mít styly, které jsou pro všechny ostatní prohlížeče, kromě IE. Ve tvém konkrétním případě třeba: #hlavicka1 {
margin: 0;
padding: 0;
background: url('pozadi-ff.jpg');
}v souboru styles-ie.css budeš mít jen to, co je pro IE jiné a co by jsi řešil hackem: #hlavicka1 {
background: url('pozadi-ie.jpg');
} |
||
| Nadan Profil |
#14 · Zasláno: 6. 5. 2008, 15:17:03
hameluk
Hezké by to bylo černé :) |
||
| panther Profil |
#15 · Zasláno: 6. 5. 2008, 15:17:58
Nefunguje mi druhý edit, ale ty středníky za složenými uvozovkami samozřejmě nejsou.. :o)
Přepsal jsem se. |
||
| kletely Profil |
#16 · Zasláno: 6. 5. 2008, 15:19:19
Nadan
Alebo ružové. hameluk Podlamňa je krajšie to modré. Skús nepoužívať tie prechody všade. |
||
| hameluk Profil |
#17 · Zasláno: 6. 5. 2008, 15:41:03
panther
Tohle chápu, ale pořád nerozumím tomu, co přesně má být v té deklaraci podmíněného stylu? Konkrétně v HTML <div id="hlavicka1"> <!--[if IE]> ??? tady ??? <![endif]--> Má tam být přímo ten link <link rel="stylesheet" href="styles-ie.css" type="text/css">? Nadan Hezké by to bylo černé :) Ale to nemá být pohřební ústav :-) kletely Skús nepoužívať tie prechody všade Myslíš aby nebyly přechody v těch hlavičkách jednotlivých boxů? |
||
| kletely Profil |
#18 · Zasláno: 6. 5. 2008, 15:42:51
hameluk
Napriklad ta pätička by nemusela byť robená prechodom. |
||
| panther Profil |
#19 · Zasláno: 6. 5. 2008, 15:56:35
hameluk
v <head> budeš mít: <link rel="stylesheet" href="styles.css" type="text/css"> <!--[if IE]><link rel="stylesheet" href="styles-ie.css" type="text/css"><![endif]--> Soubor styles.css bude obsahovat všechny styly, soubor styles-ie.css pouze to, co řešíš hacky (samozřejmě se mohou jmenovat i jinak) a v HTML budeš mít pouze: <div id="hlavicka1>obsah divu hlavicka1</div> |
||
| Bubák Profil |
#20 · Zasláno: 6. 5. 2008, 16:08:02
Myslíš ty <style> v HTML kódu? Tomu nerozumím - jak prohlížeč pozná, kam do souboru s CSS má šáhnout?
NE-IE prohlížeče vidí jen první CSS. IE vidí oba CSS, ale protože platí později uvedené pravidlo (pokud má stejnou váhu), proto ti ve druhém CSS stačí deklarovet jen opravy pro IE. |
||
| hameluk Profil |
#21 · Zasláno: 6. 5. 2008, 16:15:19 · Upravil/a: hameluk
panther
Uff, už mi to asi začíná docházet - takže vlastně ty styly, které jsem teď do téhle verze dopsal do kódu dám zase pryč a v samotném HTML kódu vlastně nebude z těch podmíněných stylů vůbec nic. A ty dva linky v <head> vlastně způsobí to, že jak FF, tak IE si načtou nejprve ten první styles.css a IE pak použije ze style-ie.css jenom upravené deklarace - zbytek bude brát z styles.css... Jestli jsem to pochopil dobře, už potom nepůjdou jednoduše vložit styly do jednoho souboru s kódem (myslím kvůli zdejšímu fóru)? Bubák :-) Než jsem se vymáčknul, tak jsi mi tu sem napsal - mnohem jednoduššeji než já :-) |
||
| panther Profil |
#22 · Zasláno: 6. 5. 2008, 16:30:38 · Upravil/a: panther
hameluk
Jestli jsem to pochopil dobře, už potom nepůjdou jednoduše vložit styly do jednoho souboru s kódem (myslím kvůli zdejšímu fóru)? to, co jsem ti psal já, je pro vložení externích souborů. Pokud bys chtěl CSS pro všechny, CSS pro IE a HTML kód do jednoho souboru pro tuto diskusi, taky to lze udělat, a sice jak psal Bubák výše |
||
| hameluk Profil |
#23 · Zasláno: 6. 5. 2008, 16:52:14 · Upravil/a: hameluk
Pánové super! V tuhle chvíli je tato stránka jak HTML tak i CSS validní :-)
Zápis podmíněných komentářů jsem teď udělal podle Bubáka (deklarací přímo do kódu) a až bude stránka finálně odladěná, přemístím veškeré styly do styles.css a styles-ie.css podle panthera - a podmíněné komentáře z HTML kódu odstraním :-) Ještě prosím nějaké názory na design, kód a barvu? Nebo už to můžu ukázat zadavateli? |
||
| panther Profil |
#24 · Zasláno: 6. 5. 2008, 17:41:36 · Upravil/a: panther
hameluk
ještě než to ukážeš zadavateli, pohraj si s těmi spany s oblými rohy. Stačí, když mu nastavíš rozměry, jaké má mít.. Jinak, co se týče podmíněných komentářů: do <head> vlož <!--[if IE]><style>/*sem zkopíruj všechny ty styly pro IE z celého dokumentu (všechny styly patří do části head, do dokumentu by patřily pouze inline zápisy jednotlivým tagům) */
#hlavni1 {margin: -8px 0 0 0;}
#hlavni2 {margin: -8px 0 0 0;}
#levypanel {margin: 0;}
/* atd. */</style><![endif]--> |
||
| Inpocasi Profil |
#25 · Zasláno: 6. 5. 2008, 18:49:14
V té modré variantě se mi nelíbí šipky v menu, v té oranžové jsou ty kolečka lepší. Celkově se mi víc líbí modrá.
|
||
| hameluk Profil |
#26 · Zasláno: 7. 5. 2008, 09:30:29
panther
Uff, už se v tom začínám pěkně topit... Stačí, když mu nastavíš rozměry, jaké má mít Myslel jsem, že <span> je řádkový element a rozměry mu tak nastavit nejdou?! Zkusil jsem do definice .box_side_foot dopsat width: 170px; height: 30px; a nic. co se týče podmíněných komentářů Původně jsem si to tak myslel, ale asi tam dělám něco blbě - podívej na příklad. Ten modrý obdélníček je vymezení oblasti klikacího loga - zvýraznil jsem ji aby byla vidět. Ve FF vše OK a pro IE jsem do hlavičky mezi tagy <style> a </style> nadeklaroval: <!--[if IE]> #hlavicka. title {margin: -103px 0 0 -440px;} <![endif]--> ...jenže ono nic :-( Když tam dám: <!--[if IE]> <style> #hlavicka. title {margin: -103px 0 0 -440px;} </style> <![endif]--> ...tak se dokonce nezobrazí vůbec nic - jen prázdná stránka! Co prosím zase dělám blbě? Inpocasi Díky zá názor - je zajímavé, že vám, "odborníkům" na tomto fóru se většinou líbí modrá - kdežto většině "obyčejných" lidí, kterým jsem to tady u nás ukázal se líbí oranžová :-) Jinak oranžová kolečka se mě osobně také líbí víc ;-) |
||
|
Časová prodleva: 4 dny
|
|||
| No-name Profil * |
#27 · Zasláno: 11. 5. 2008, 19:23:43
Mě se taky více páčí oranžová... : )
|
||
| panther Profil |
#28 · Zasláno: 11. 5. 2008, 21:11:58
hameluk
...tak se dokonce nezobrazí vůbec nic - jen prázdná stránka! Co prosím zase dělám blbě? teď jsem byl delší dobu mimo PC, tak se k tobě můžu vrátit :o) Myslel jsem, že <span> je řádkový element a rozměry mu tak nastavit nejdou?! sice řádkový je, ale když mu dáš rozměry a display: block;, tak bude blokový (bude mít stejný efekt jako DIV, ale bude to v kódu vypadat lépe než prázdný DIV, který slouží jako obalový prvek většinou) V HTML můžeš mít zápis: <span class="trida"> </span> <!--[if IE]> #hlavicka. title {margin: -103px 0 0 -440px;} <![endif]--> pokud zapisuješ všechny 4 hodnoty marginu (nebo čehokoliv jiného) dohromady, nesmějí tam být záporné hodnoty. Ve tvém případě by to tedy muselo být: <!--[if IE]>
#hlavicka .title {
/*margin: 0; - pro případ, že nemáš marginy někde výše vynulované, resp. máš je nastavené na nějakou hodnotu*/
margin-top: -103px;
margin-left: -440px;
}
<![endif]--> |
||
|
Časová prodleva: 3 dny
|
|||
| hameluk Profil |
#29 · Zasláno: 14. 5. 2008, 09:21:09
panther
teď jsem byl delší dobu mimo PC, tak se k tobě můžu vrátit :o) Super - taky jsem se ke stránkám dostal až dnes, takže neva :-) Děkuju za rady - spodky rámečku už jsou dělány pomocí <span> - a udělal jsem tak i patičku. Ty podmíněné komentáře mi daly ještě trochu zabrat - než jsem zjistil, že je potřeba tu deklaraci v <head> umístit až na úplný konec, tedy až za tag </style> :-) Takže pánové, zde je k náhledu modrá a oranžová verze - poprosil bych ještě o jakékoliv vaše další připomínky - ať už k barevné variantě, designu, přehlednosti, kódu.... |
||
| Plaváček Profil |
#30 · Zasláno: 14. 5. 2008, 09:40:31
panther
pokud zapisuješ všechny 4 hodnoty marginu (nebo čehokoliv jiného) dohromady, nesmějí tam být záporné hodnoty Kdes, prosím, k této informaci přišel? |
||
|
Téma pokračuje na další straně.
|
|||
0