Comments for Design To XHTML http://designtohtml.net CSS блог за xhtml кодиране на дизайн Tue, 06 Jul 2010 18:50:01 +0000 hourly 1 http://wordpress.org/?v=3.0.1 Comment on CSS смяна на картинки by admin http://designtohtml.net/2010/03/css-%d1%81%d0%bc%d1%8f%d0%bd%d0%b0-%d0%bd%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b8/comment-page-1/#comment-533 admin Tue, 06 Jul 2010 18:50:01 +0000 http://designtohtml.net/?p=309#comment-533 Като гледам ти си написал/а почти същото, което е написал Chris Coyier в статията, коята посочих в началото на поста. Всъщност идеята ми е да може да се ползва без да указвам id за всяка картинка, и по-важното - картинката да не е сложена като фон на някой от елементите, защото както вече казах, ако имаш динамичен сайт, не е удачно понеже картинките ще идват от CMS-a. :) Като гледам ти си написал/а почти същото, което е написал Chris Coyier в статията, коята посочих в началото на поста. Всъщност идеята ми е да може да се ползва без да указвам id за всяка картинка, и по-важното – картинката да не е сложена като фон на някой от елементите, защото както вече казах, ако имаш динамичен сайт, не е удачно понеже картинките ще идват от CMS-a. :)

]]> Comment on CSS смяна на картинки by tuizzl http://designtohtml.net/2010/03/css-%d1%81%d0%bc%d1%8f%d0%bd%d0%b0-%d0%bd%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b8/comment-page-1/#comment-532 tuizzl Tue, 06 Jul 2010 07:53:03 +0000 http://designtohtml.net/?p=309#comment-532 HTML: div id="wrapper"> a id="one" href="#">Image one</a> a id="two" href="#">Image two</a> a id="three" href="#">Image three</a> a id="four" href="#">Image four</a> HTML:
div id=”wrapper”>

a id=”one” href=”#”>Image one
a id=”two” href=”#”>Image two
a id=”three” href=”#”>Image three
a id=”four” href=”#”>Image four

]]> Comment on CSS смяна на картинки by tuizzl http://designtohtml.net/2010/03/css-%d1%81%d0%bc%d1%8f%d0%bd%d0%b0-%d0%bd%d0%b0-%d0%ba%d0%b0%d1%80%d1%82%d0%b8%d0%bd%d0%ba%d0%b8/comment-page-1/#comment-531 tuizzl Tue, 06 Jul 2010 07:50:12 +0000 http://designtohtml.net/?p=309#comment-531 Аз попаднах на ето този начин малко по-различен е, но ефекта е същия. ХТМЛ: <a href="#" rel="nofollow">Image one</a> <a href="#" rel="nofollow">Image two</a> <a href="#" rel="nofollow">Image three</a> <a href="#" rel="nofollow">Image four</a> CSS: a { text-decoration: none; } #wrapper { width: 400px; margin: 50px auto; position: relative; } #wrapper a { width: 400px; height: 226px; display: block; position: absolute; top: 0; left: 0; } #one { background: url(img/1.jpg) no-repeat; z-index: 1; } #two { background: url(img/2.jpg) no-repeat; } #three { background: url(img/3.jpg) no-repeat; } #four { background: url(img/4.jpg) no-repeat; } #wrapper a span { position: absolute; border: 1px solid gray; } #one span { left: 0; bottom: -35px; } #two span { left: 0; bottom: -75px; } #three span { left: 150px; bottom: -35px; } #four span { left: 150px; bottom: -75px; } #wrapper a:hover { z-index: 2; } + reset Ha CSS-a Аз попаднах на ето този начин малко по-различен е, но ефекта е същия.
ХТМЛ:

Image one
Image two
Image three
Image four

CSS:

a { text-decoration: none; }

#wrapper { width: 400px; margin: 50px auto; position: relative; }

#wrapper a { width: 400px; height: 226px; display: block; position: absolute; top: 0; left: 0; }

#one { background: url(img/1.jpg) no-repeat; z-index: 1; }
#two { background: url(img/2.jpg) no-repeat; }
#three { background: url(img/3.jpg) no-repeat; }
#four { background: url(img/4.jpg) no-repeat; }

#wrapper a span { position: absolute; border: 1px solid gray; }

#one span { left: 0; bottom: -35px; }
#two span { left: 0; bottom: -75px; }
#three span { left: 150px; bottom: -35px; }
#four span { left: 150px; bottom: -75px; }

#wrapper a:hover { z-index: 2; }

+ reset Ha CSS-a

]]> Comment on CSS Sprites и IE6 by admin http://designtohtml.net/2009/06/css-sprites-%d0%b8-ie6/comment-page-1/#comment-511 admin Wed, 24 Mar 2010 12:21:46 +0000 http://designtohtml.net/2009/06/css-sprites-%d0%b8-ie6/#comment-511 Мерси, ако се наложи да работя нещо за IE 6 пак, ще го пробвам задължително :) Мерси, ако се наложи да работя нещо за IE 6 пак, ще го пробвам задължително :)

]]> Comment on CSS Sprites и IE6 by milen http://designtohtml.net/2009/06/css-sprites-%d0%b8-ie6/comment-page-1/#comment-510 milen Wed, 24 Mar 2010 07:59:12 +0000 http://designtohtml.net/2009/06/css-sprites-%d0%b8-ie6/#comment-510 Ех този IE6 :) Мисля, че имаше значение в какъв ред са id и class селекторите за един и същ елемент. Тоест #title_default.special ако не работи, пробвай .special#title_default То е ясно, че в твоят случай няма смисъл вече, ама все пак :) Ех този IE6 :)
Мисля, че имаше значение в какъв ред са id и class селекторите за един и същ елемент.
Тоест #title_default.special ако не работи, пробвай .special#title_default
То е ясно, че в твоят случай няма смисъл вече, ама все пак :)

]]> Comment on Как се прави сайт by mita4eto http://designtohtml.net/2010/01/%d0%ba%d0%b0%d0%ba-%d1%81%d0%b5-%d0%bf%d1%80%d0%b0%d0%b2%d0%b8-%d1%81%d0%b0%d0%b9%d1%82/comment-page-1/#comment-375 mita4eto Sun, 17 Jan 2010 16:36:48 +0000 http://designtohtml.net/?p=242#comment-375 Това е поредният пример на "евтина тарикатщина", казано разговорно. Неприятното в случая е, че се случва на работа, а не с клиенти. Ако е с клиенти, ние сме свободни до голяма степен сами да си защитим своето и да изберем различен подход в една такава ситуация. Но когато това се случва там, откъдето ни идва месечното възнаграждение, тогава нещата са по-кофти, просто нямаме тази свобода да действаме според нашите вътрешни убеждения. Според мен, професионализмът на една компания (подчертавам, на компанията и мениджмънта й, а не на работните пчелички в нея) произхожда най-вече от осигуряването на среда, способстваща максимално гладко изпълнение на професионалните задължения на всеки един работещ; наличието на подобни ситуации, в които някой пренебрегва усилията на друг, може само да рефлектира върху ефективността на самата компания, респективно мениджмънта не си върши работата читаво. Иначе, "евтина тарикатщина" е имало, има и за съжаление ще има навсякъде, дано ние по-рядко се сблъскваме с нея просто! Това е поредният пример на “евтина тарикатщина”, казано разговорно. Неприятното в случая е, че се случва на работа, а не с клиенти. Ако е с клиенти, ние сме свободни до голяма степен сами да си защитим своето и да изберем различен подход в една такава ситуация. Но когато това се случва там, откъдето ни идва месечното възнаграждение, тогава нещата са по-кофти, просто нямаме тази свобода да действаме според нашите вътрешни убеждения.

Според мен, професионализмът на една компания (подчертавам, на компанията и мениджмънта й, а не на работните пчелички в нея) произхожда най-вече от осигуряването на среда, способстваща максимално гладко изпълнение на професионалните задължения на всеки един работещ; наличието на подобни ситуации, в които някой пренебрегва усилията на друг, може само да рефлектира върху ефективността на самата компания, респективно мениджмънта не си върши работата читаво.

Иначе, “евтина тарикатщина” е имало, има и за съжаление ще има навсякъде, дано ние по-рядко се сблъскваме с нея просто!

]]> Comment on За css хаковете by Mitko http://designtohtml.net/2009/10/%d0%b7%d0%b0-css-%d1%85%d0%b0%d0%ba%d0%be%d0%b2%d0%b5%d1%82%d0%b5/comment-page-1/#comment-14 Mitko Thu, 15 Oct 2009 10:56:25 +0000 http://designtohtml.net/?p=191#comment-14 Хубава статия, определено може да бъде полезна! Съгласен съм с автора, че не е желателно да се ползват хакове, целта ни винаги трябва да е да пишем правилен семантичен код, който се валидира според http://validator.w3.org Е да, ама ина ситуации, в които заобикалянето на определена "кофти ситуация" според всички изисквания и правила би коствала прекалено много времеви ресурс, което нем исля, че трябва да става на всяка цена. Ето в такива случаи са добре дошли хаковете ;-) Хубава статия, определено може да бъде полезна! Съгласен съм с автора, че не е желателно да се ползват хакове, целта ни винаги трябва да е да пишем правилен семантичен код, който се валидира според http://validator.w3.org

Е да, ама ина ситуации, в които заобикалянето на определена “кофти ситуация” според всички изисквания и правила би коствала прекалено много времеви ресурс, което нем исля, че трябва да става на всяка цена. Ето в такива случаи са добре дошли хаковете ;-)

]]> Comment on От дизайна към реализацията by admin http://designtohtml.net/2009/06/hello-world/comment-page-1/#comment-11 admin Tue, 29 Sep 2009 15:20:52 +0000 http://designtohtml.net/?p=1#comment-11 Не може да се каже че е статия :).Просто нещо като много кратък увод. Но наистина трябва да се коригира. Ще поработя следващите дни. Не може да се каже че е статия :) .Просто нещо като много кратък увод. Но наистина трябва да се коригира. Ще поработя следващите дни.

]]>