Resizing problem
След като направих задачата "Fakebook Register Form" забелязах че страницата не се държи добре при зуумване, в JS Fiddle си личи : http://jsfiddle.net/Rz6Zg/
Моля за съвет :)
Благодаря, преатели! Доста сте полезни.
Днес прочетох още малко за display:inline-block и ми се стори доста удобно. И направих следващата задача в този стил.
http://jsfiddle.net/Krafferious/x4pAt/
Само дето това пренасяне на 2 елемента, после един после пак 2 може би трябва да се оправи...Какво мислите?
Проблема с пренасянето ти идва от "<br />" след третия item, ако го махнеш и направиш фиксирана дължина на container, така че да се побират 3 елемента на един ред всичко се оправя. За заглавията можеш да си направиш един елемент, който да съдържа още три и там да си ги позиционираш.
Приятел, виждам че си ползвал id за стилизиране при новите продукти и цените. Направи ги да бъдат с class защото тези id-та ги ползваш на повече от едно място. ID трябва да бъде уникално за да ти бъде валидиран кода. Просто промени #new #new span и #price на .new .new span и .price ;)