Autor | Zpráva | ||
---|---|---|---|
pefetofo Profil |
#1 · Zasláno: 22. 10. 2014, 21:32:54
Zdravím,
Môj problém spočíva v tom že mám na stránke tag div z id "lol" a hocičo v css zadám nefunguje to :/ neviete kde mám chybu ??? HTML <!DOCTYPE html> <html> <head> <title>Trendy Shop</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <center> <body> <div id="telo"> <center><div id="logo"><a href="index.html"><img src="subory/logo.png"></a></div></center> <div id="kosik"><a href="#"><img src="subory/kosik.png" align:"left" >Váš nákupný košík je prázdny...</a></div> <div class"lol"> s </div> <ul class="navigacia"> <a href="#"><li>Domov</li></a> <a href="#"><li>Kategória #1</li></a> <a href="#"><li>Kategória #2</li></a> <a href="#"><li>Kategória #3</li></a> <a href="#"><li>Kategória #4</li></a> <a href="#"><li>Kontakt</li></a> </ul> </div> </body> </center> </html> CSS *{ margin: 0; padding: 0; } a{ text-decoration: none; border: 0px; } body{ background: #d4c8bc; font-family: Arial; font-size: 12px; } #telo{ width: 920px; } #logo{ margin-top: 30px; margin-bottom: 20px; text-align: center; } #logo img{ width: 200px; } #kosik{ width: 200px; height: 20px; float: left; margin-top: -43px; } #kosik a{ color: #333333; } #kosik img{ width: 16px; height: 16px; } .navigacia{ list-style: none; } .navigacia li{ display: inline; color: #fff; font-variant: small-caps; background: #333333; padding: 20px 30px 20px 30px; font-size: 14px; margin-left: -3px; float: left; } .navigacia li:hover{ background: #000; cursor: pointer; } .lol{ border: 1px solid red; background: #333333; width: 500px; height: 50px; } |
||
lionel messi Profil |
pefetofo:
Chýbajúci znak v HTML, má to byť takto: <div class="lol"> |
||
Tomáš123 Profil |
#3 · Zasláno: 22. 10. 2014, 21:36:25
pefetofo:
„.lol“ Id sa označuje symbolom "#" (mriežka). |
||
pefetofo Profil |
#4 · Zasláno: 22. 10. 2014, 21:36:58
Och preboha :D taká chyba a ja sa tu rozčulujem 20 minút :D Ďakujem veľmi pekne :D
|
||
jefitto44 Profil |
#5 · Zasláno: 22. 10. 2014, 22:14:57
Používaš classu, nie id btw... id=#(mriežka) class=.(bodka)
A nejaký múdry ujo raz povedal, že podľa IDčiek by sa nemali veci "Céeseskovať", pretože na "Céeseskovanie" slúžia údajne classy a na javascripty slúžia Idečka |
||
Trejpa Profil |
#6 · Zasláno: 22. 10. 2014, 23:49:24
jefitto44:
„pretože na "Céeseskovanie" slúžia údajne classy“ Místo údajných údajů udávej jen ty ověřené. Nebo mlč. Pokud můžeš zaručit jedinečnost jména elementu v dokumentu, můžeš použít pro zaměření ve stylech ID. Třídu můžeš používat bez ohledu kolikrát chceš, i několik tříd u jednoho elementu. |
||
jefitto44 Profil |
#7 · Zasláno: 23. 10. 2014, 09:19:52
Trejpa:
„Pokud můžeš zaručit jedinečnost jména elementu v dokumentu, můžeš použít pro zaměření ve stylech ID.“ Aj pokud nemôžeš, môžeš mať kľudne aj tri divy s rovnakým id na stránke a fungovať ti to bude... ale nie je to správne a nemá sa to tak robiť... rovnako ako sa IDčka nemajú používať pre štýlovanie CSS |
||
Taurus Profil |
#8 · Zasláno: 23. 10. 2014, 09:22:20
jefitto44:
„sa IDčka nemajú používať pre štýlovanie CSS“ Zdroj? |
||
Joker Profil |
#9 · Zasláno: 23. 10. 2014, 09:36:07
jefitto44:
„môžeš mať kľudne aj tri divy s rovnakým id na stránke a fungovať ti to bude“ Záleží na tom, co má fungovat. Některé operace při více elementech se stejným id fungovat nebudou (zjevný příklad je třeba metoda document.getElementById , kde pro více id na stránce ani žádné 100% správné chování neexistuje).
Takže se doufám shodneme na tom, že více elementů se stejným id neodpovídá specifikaci a v praxi to nemusí vždy fungovat, takže to nelze doporučit. „A nejaký múdry ujo raz povedal, že podľa IDčiek by sa nemali veci "Céeseskovať", pretože na "Céeseskovanie" slúžia údajne classy a na javascripty slúžia Idečka“ To je nesmysl. Buď jde o zkeslení/nepochopení nějaké myšlenky po cestě komunikačními kanály, nebo už původní autor té myšlenky nepochopil CSS. |
||
jefitto44 Profil |
#10 · Zasláno: 23. 10. 2014, 10:27:33 · Upravil/a: jefitto44
Joker:
„zjevný příklad je třeba metoda document.getElementById, kde pro více id na stránce ani žádné 100% správné chování neexistuje“ Myslel som, že sa bavíme o CSS, kde vzhľadom na ID/class bude fungovať vždy všetko... Ale nie všetko je správne BTW, obávam sa, že tým pôvodným autorom bol niekto z djpw |
||
juriad Profil |
jefitto44:
Nebylo to náhodou toto? „Dospěl jsem k závěru, že nejlepší je v CSS používat jen třídy a identifikátorům se v CSS selektorech vyhnou.“ http://jecas.cz/id-class#doporuceni |
||
Joker Profil |
#12 · Zasláno: 23. 10. 2014, 11:26:19
jefitto44:
„Myslel som, že sa bavíme o CSS, kde vzhľadom na ID/class bude fungovať vždy všetko“ To záleží na tom, co se rozumí pod „bude to fungovat“. Jelikož to je nestandardní situace a není definované očekávané chování, kdyby prohlížeč použil styl na všechny elementy s tím id (tak to v reálu u CSS funguje), na první z nich (tak v reálu fungují některé jiné operace přes id elementu), nebo na žádný, dalo by se říci, že to „funguje“. juriad [#11]: No prosím, takže z toho co jsem psal půjde o „zkreslení myšlenky po cestě komunikačními kanály“. |
||
Chamurappi Profil |
#13 · Zasláno: 23. 10. 2014, 11:40:00
Reaguji na Jokera:
„není definované očekávané chování“ V CSS doporučení ovšem je definováno, že ID selektor trefuje element, jehož identifikátor odpovídá identifikátoru v selektoru. Žádná formální skulina, která by říkala cosi ve smyslu „když je víckrát použité stejné id , tak to není identifikátor“, ve specifikacích není.
Takže tohle definované je, na rozdíl od DOMu, kde je výslovně řečeno, že to definované není. (Ačkoliv tedy momentální živý standard DOMu už definuje, že getElementById vrací vždy první výskyt.)
Reaguji na jefitta44: „rovnako ako sa IDčka nemajú používať pre štýlovanie CSS“ To je nesmysl. „obávam sa, že tým pôvodným autorom bol niekto z djpw“ Občas sem někdo napíše nesmysl, očividně :-) |
||
Trejpa Profil |
#14 · Zasláno: 23. 10. 2014, 11:46:16
jefitto44:
Připomenu, že atribut ID neslouží jen pro zaměřování stylů a skriptů. Běžně ho používám v HTML jako zarážku na kotvy. Ani zde vícenásobné užití není vhodné. |
||
Časová prodleva: 10 let
|
0