Wojciech Bednarski

Zagadka podobna do pierwszej, ale… No właśnie, jest jedno ale.

Zasady zagadek CSS

1. Kod zawiera błąd
2. Kod zawiera dokładnie jeden błąd
3. Nie chodzi o ewentualną różnicę w interpretacji różnych przeglądarek jak Opera czy Firefox ani nawet programu Internet Explorer
4. Odpowiedzi piszemy w komentarzach do postu zagadki. Kto pierwszy ten lepszy.
5. Są to style do XHTML-a

Zagadka nr 3:

div img {
 width: 100px
}
a.strong {
 position: absolute;
 color: #333;
 height: 1em;
 padding: 2px .35em 0;
 border-bottom: 1px solid #666
}
h1 span {
 text-indent: -9999px
}

Gdzie jest błąd?

Odpowiedź na zagadkę nr 3:

Continue reading »»»

Druga zagadka z serii CSS riddles.

Zasady niezmienne takie jak w pierwszej zagadce CSS. Ponadto dodałem punk 5, który wyjaśnia wątpliwości niektórych osób.

Zasady zagadek CSS

1. Kod zawiera błąd
2. Kod zawiera dokładnie jeden błąd
3. Nie chodzi o ewentualną różnicę w interpretacji różnych przeglądarek jak Opera czy Firefox ani nawet programu Internet Explorer
4. Odpowiedzi piszemy w komentarzach do postu zagadki. Kto pierwszy ten lepszy.
5. Są to style do XHTML-a

Zagadka nr 2:

<style type="text/css" media="screen">
html, body {
 color:#333;background:#fff
}

/**{ margin:0;padding:*1em
}\*/

samp {
 display:block;
 text-align:center;
 content:"Hello from CSS!"
}

.p {
 font-size:90%;<!--text-align--> /**:left*/padding:1em /*0*/ 0
}

h2 {
 display:run-in;
 padding:10px 17px 5px .0
}
</style>

Kto wie gdzie jest błąd ? ;)

Odpowiedź na zagadkę nr 2:

Continue reading »»»

Tym postem rozpoczynam nowy dział na blogu - CSS riddles. Co pewien czas będę wymyślał fragment kodu CSS z błędem, a Waszym zadaniem będzie go znaleźć. Ot taka zabawa :].

Zasady zagadek CSS

1. Kod zawiera błąd
2. Kod zawiera dokładnie jeden błąd
3. Nie chodzi o ewentualną różnicę w interpretacji różnych przeglądarek jak Opera czy Firefox ani nawet programu Internet Explorer
4. Odpowiedzi piszemy w komentarzach do postu zagadki. Kto pierwszy ten lepszy.

Na początek coś łatwego:

Zagadka nr 1:

strong {
 color:#333;
 height:1em;
 padding:2px .35em 0;
 border-bottom:1px solid #666
}

Nie ma sensu wklejać tego kodu do walidatora CSS, ponieważ nie ma tu żadnego błędu syntaktycznego.

Odpowiedź na zagadkę nr 1:

Continue reading »»»