5 заметок с тегом
Забытые тэги РСС
26 октября 2009, 6:26
Забытые теги... CSS: list-style-position
Сегодня речь о свойстве CSS list-style-position? И что, а зачем? Да вот зачастую отступы для булитов в списках, все делают падингами-маргинами, и зачастую они просто вылазят вне своего блока, когда кто-то что-то обнулит и забудет. И тут на помощь приходит это свойство, оно попросту указывает куда тулить эти самые булиты, то ли вне, то ли внутрь ;)
По умолчанию, значение outside, но есть ещё
Можно даже с помощью джиквери сделать лесенку в одном и том же списке ;)) Каждому чётному или не чётному присвоить это свойство ;)
ps: О, пора переименовать рубрику %) Наверное в забытые уголки HTML, или что-то в этом духе.
По умолчанию, значение outside, но есть ещё
{ list-style-position: inside }Выглядит это так:
- Пример
- Рыбного
Можно даже с помощью джиквери сделать лесенку в одном и том же списке ;)) Каждому чётному или не чётному присвоить это свойство ;)
ps: О, пора переименовать рубрику %) Наверное в забытые уголки HTML, или что-то в этом духе.
нет комментариев
10 июля 2009, 15:14
Забытые теги... tabindex (параметр)
Это параметр, который устанавливает поочерёдность переключения элементов, при помощи кнопки Tab, на хтмл-страничке. Например, нужно для установки очерёдности переключения в форме логина/пароля, когда нажав таб, мы попадаем на ввод пароля, а не на ссылку «забыли пароль» или что-то ещё в таком духе.
Доступен он для <A>, <AREA>, <OBJECT>, <BUTTON>, <INPUT>, <SELECT>, <TEXTAREA>
Параметр как бы есть, и много где встречается, но в большенстве случаем, о нём никто не думает %) Это как бы ньюансировка, на которую не всегда хватает времени.
Доступен он для <A>, <AREA>, <OBJECT>, <BUTTON>, <INPUT>, <SELECT>, <TEXTAREA>
Параметр как бы есть, и много где встречается, но в большенстве случаем, о нём никто не думает %) Это как бы ньюансировка, на которую не всегда хватает времени.
12 июня 2009, 16:20
Забытые тэги... BDO
Замечательный тэг %) Кто о нём знает, отпишитесь ;))
BDO — Bi-directional Override
Что же он делает — всего лишь указывает направление текста, слева-направо, справа-налево ;) через параметр dir (дирекшон)
Выглядит вот так: Sample Fun Text
А на самом деле, направление текста можно изменить у всех текстовых блоках, через css
ps: Также параметр dir есть у тега HTML
BDO — Bi-directional Override
Что же он делает — всего лишь указывает направление текста, слева-направо, справа-налево ;) через параметр dir (дирекшон)
- rtl — right to left
- ltr — left to right (по умолчанию)
<bdo dir="rtl">Sample Fun Text</bdo>
Выглядит вот так: Sample Fun Text
А на самом деле, направление текста можно изменить у всех текстовых блоках, через css
div { direction: rtl }
ps: Также параметр dir есть у тега HTML
<HTML dir="RTL">
10 июня 2009, 3:37
Забытые тэги… lowsrc (ну не совсем тэг, параметр)
Если на странице нужно загрузить большие картинки, и что бы наш любимый пользователь не скучал, мы можем ему скормить картинки размером поменьше, или картинку прелоадера
Сквозь CSS путь открыт только с современных браузерах, и то с помощью обманки :) Укажем в ЛоуСрц параметр «thumb» и потом используем один селектор, что бы картинке сделать фоновую картинку
В JavaScript все ещё проще ;)
<input type="image" lowsrc="btn_.png" src="btn.png"> <img lowsrc="img_.png" src="img.png">
Сквозь CSS путь открыт только с современных браузерах, и то с помощью обманки :) Укажем в ЛоуСрц параметр «thumb» и потом используем один селектор, что бы картинке сделать фоновую картинку
img[lowsrc="thumb"] { background-image: url(img_.gif); }
В JavaScript все ещё проще ;)
image_obj.lowsrc = 'img_.gif';
5 июня 2009, 18:09
Забытые тэги... COL
Эта заметка о забытых тэгах. Она будет со временем пополняться, ибо таких уже достаточно, как ни странно ;)
Ну что же, начнём:
Ну что же, начнём:
- У table есть замечательный тэг col, который я, честно говоря, не встречал нигде, случайно наткнувшись на него в каких-то мануалах. Что же он нам даёт? :) Спросите вы ;) А всё просто, мы можем установить любой колонке фиксированную длину (width). Использовать его очень прочто, структура такова:
<table border="1"> <col width="140"/> <col width="360"/> <tr> <td>Колонка 1</td> <td>Колонка 2</td> </tr> </table>
Это нам даёт огромное преимущество в управлении таблицами, ибо раньше нужно было много гемора, что бы выровнять длину колонок двух разных таблиц ;)
