![]() |
|
![]() |
||||||
![]() |
Есть такая штука, как «макетная сетка», направляющие линиии в дизайне сайта, к которым привязывается расположение элементов и их размеры. В тех работах, что я делаю сейчас макетная сетка есть всегда, но при этом у меня в вёрстке она виртуальная, не задаётся явно таблицами. Чтобы видеть, выровнены ли элементы по сетке я написал скрипт, который, будучи подключеным на страницу, рисует сетку. Макетная сетка Есть такая штука, как «макетная сетка», направляющие линиии в дизайне сайта, к которым привязывается расположение элементов и их размеры. В тех работах, что я делаю сейчас макетная сетка есть всегда, но при этом у меня в вёрстке она виртуальная, не задаётся явно таблицами. Чтобы видеть, выровнены ли элементы по сетке я написал скрипт, который, будучи подключеным на страницу, рисует сетку: function _columns(a) { document.write(''); for (var i = 0, l = a.length; i < l; i ) document.write(''); } _columns([2, 10, 18, 26, 34, 42, 50, 58, 66, 74, 82, 90, 98]); При вызове скрипта в массиве задаются проценты, где рисовать линию сетки (2%, 10%, etc). Есть только одна проблема: в MSIE6-, который не понимает position: fixed, сетка рисуется до конца окна, а не до конца документа, если документ больше, чем окно, то низ не покрывается сеткой. В стандартных браузерах благодаря position: fixed всё нормально. Читать дальше... columns, design, grid, javascript, maket![]() ![]() Вычисляет высоту области редактирования текста (<textarea>) по значению и ширине. В большинстве случаев будет корректно работать для моноширинных шрифтов. Т.к. браузер переносит последнее слово, которое не умещается на строке, на следующую строку, высота м.б. меньше ожидаемой. Этот алгоритм явл. простым (и быстрым) и не отслеживает переносы слов. Читать дальше... |
Меню
Подписка на RSS:
Поиск
Облако тегов
.net
array
asp
bash
browser
charset
check
class
clean
convert
count
create
css
curl
database
date
delete
directory
download
element
email
equivalent
extension
file
find
form
format
function
get
height
html
http
ie
image
javascript
jquery
load
mysql
number
page
perl
php
random
scriplet
send
shell
size
sql
string
text
time
url
utf8
variable
vb
visual basic
width
window
xml
xslt
|
![]() |
![]() |
![]() |
||
![]() |
![]() |