Ako zhodiť Internet Explorer?

Dátum: 17.01.2007 20:04 · Kategória: Webdesign · Autor: PaBi3

Existuje naozaj mnoho spôsobov ako zhodiť Internet Explorer. Na jeden som narazil aj sám - čistou náhodou. Stačí, pokiaľ si vyskúšate nasledujúci kód spustiť v Internet Exploreri 6 alebo 7. Hlavný problém spočíva v operátore, ktorý sa používa pri porovnaní veľkosti clienWidth, čiže <. Operátor > pracuje bez problémov.

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtmlp xml:lang='sk'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<style type='text/css'>
//<![CDATA[
div { width:430px; border:1px solid black; }
div img { max-width:430px; width:expression(this.clientWidth < 430 ? '430px':'auto'); }
//]]>
</style>
<title>IE Crash</title>
</head>
<body>

<div>
<img src='image.gif' alt='IE Crash' title='IE Crash' />
</div>

</body>
</html>

Pracuje Opera nesprávne s XHTML?

Dátum: 14.01.2007 13:07 · Kategória: Webdesign · Autor: PaBi3

XML Parser error Možno sa stalo už aj vám, že pri načítaní stránky v Opere ste videli XML Parser error aj napriek jej bezchybnému a čistému XHTML kódu. Do tejto situácie sa dostanete, pokiaľ stránka používa skutočné XHTML a odosiela Content-Type application/xhtml+xml. Používam najnovšiu verziu Opery – 9.10. Pri načítaní tej istej stránky v prehliadači Firefox takáto chyba nikdy nenastane.
URL chybnej stránky je: http://pabi3.com/blog/windows-vista-icq-a-total-commander/. Veľmi zaujímavé je aj chybové hlásenie, ktoré mi píše: XML parsing failed: syntax error (Line: 419; Character: 12). Na tomto riadku sa v kóde nachádza bežný zápis, ktorý sa začína <li><a href='…. Pred ním je niečo podobné. Môžete si prezrieť aj celý zdrojový kód. S takýmto javom som sa nestretol po prvý raz len na mojej stránke ale aj na iných. Po reloade sa potom chyba záhadne stratila a XHTML sa pritom vôbec nezmenilo.

Predpokladám, že táto chyba je spôsobená mojou nepozornosťou alebo chybou Opery, ktorá nedokáže správne spracovať určitú konšteláciu stránky. Pri najmenšej zmene v XHTML sa chyba stratí.


Dynamicky tieňovaný CSS layout

Dátum: 29.11.2006 14:30 · Kategória: Webdesign · Autor: PaBi3

Dynamicky tieňovaný CSS layout Dynamické tieňovanie CSS layoutu znamená, že môžete ľubovolne meniť šírku stránky a nemusíte zmeniť obrázok, ktorý vytvára tieňový efekt. Väčšina webdesignérov používa pre tieňový efekt „jeden” dlhý obrázok, čo im znemožní zväčšenie šírky, a tak sú nutení používať fixnú šírku. Takýto layout musí podporovať aj 100% výšku, čo zabezpečuje predĺženie tieňa až na absolútny spodok stránky.


CSS Tooltips, žiadny javascript ani DHTML

Dátum: 26.09.2006 21:15 · Kategória: Webdesign · Autor: PaBi3

Javascript je známy tým, že zaberá zbytočne veľa miesta, pokiaľ chcete vytvoriť nejaký "pekný efekt". Tooltipy medzi tie efekty patria. Pre dosiahnutie tooltipu v javascripte stačí zapísať milióny riadkov kódu, avšak existuje tu aj CSS, tak prečo by sme sa museli takto trápiť.


ActiveX priamo v prehliadači Opera

Dátum: 19.04.2006 21:00 · Kategória: Webdesign · Autor: PaBi3

Možno ste už niekedy boli obmedzení najlepším prehliadačom na svete - Opera. Toto obmedzenie sa týkalo neprítomnosti riadiacich prvkov ActiveX. Nemohli ste vykonávať mnoho vecí, ktoré ste dokázali cez Internet Explorer alebo Firefox.


Pseudo-trieda checked

Dátum: 30.03.2006 20:00 · Kategória: Webdesign · Autor: PaBi3
Pseudo-trieda checked slúži na štýlovanie elementu pri jeho označení "checked". CSS kód je samozrejme určený pre top prehliadače ako Opera a Firefox. V Opere funguje tento kód najlepšie a vo Firefoxe vykazuje menšiu chybu, ktorá sa ale dá uniesť. Prehliadač Internet Explorer ani nespomínam, pretože je nepožiteľný.

Opera 9.0 Technology Preview 2

Dátum: 07.02.2006 10:29 · Kategória: Webdesign · Autor: PaBi3
Tak a je to tu. Opera TP2 je konečne vonku. V článku si môžete prezrieť pár screenshotov a zoznam nových funkcií. Medzi najväčšie novinky by som zaradil widgety, bittorent, vylepšené blokovanie pop-up okien, lepšia manipulácia s nastaveniami pre stránky a náhľady obrázkov po prechode myši nad tabom.

Vysúvacie menu v CSS a JavaScripte

Dátum: 01.02.2006 15:49 · Kategória: Webdesign · Autor: PaBi3

Vysúvacie menu v čistom CSS pre každý prehliadač som ešte nikde nevidel a zatiaľ asi nie je spôsob ako ho vytvoriť, ak áno skúste ma opraviť v komentároch. Moje vysúvacie menu bude využívať komponent hover.htc, ktorý hover efekt bude emulovať (pre MSIE).


Voice implementation via XHTML+Voice

Dátum: 27.01.2006 17:31 · Kategória: Webdesign · Autor: PaBi3

If you have a browser supporting the voice feature you can create a spoken webpage. Voice browser is a webbrowser that can generate voice output and interpret voice input. The only one voice browser in the world is Opera.


Ako si vyrobiť tlačítko?

Dátum: 11.12.2005 19:06 · Kategória: Webdesign · Autor: PaBi3
Len pred nedávnom som si vytvoril alias technológie. Sú v ňom uvedené technológie, ktorými disponuje tento CMS systém. V prvom rade chcem upozorniť, že som nezabudol na tlačítka typu PHP powered. Neuviedol som tam samozrejme všetko lebo by zoznam tlačítok bol pridlhý (ak by som rátal serverové technológie a pod.).