5 заметок с тегом

Забытые тэги РСС

26 октября 2009, 6:26

Забытые теги... CSS: list-style-position

Сегодня речь о свойстве CSS list-style-position? И что, а зачем? Да вот зачастую отступы для булитов в списках, все делают падингами-маргинами, и зачастую они просто вылазят вне своего блока, когда кто-то что-то обнулит и забудет. И тут на помощь приходит это свойство, оно попросту указывает куда тулить эти самые булиты, то ли вне, то ли внутрь ;)

По умолчанию, значение outside, но есть ещё
{ list-style-position: inside }
Выглядит это так:
  • Пример
  • Рыбного
текста

Можно даже с помощью джиквери сделать лесенку в одном и том же списке ;)) Каждому чётному или не чётному присвоить это свойство ;)

ps: О, пора переименовать рубрику %) Наверное в забытые уголки HTML, или что-то в этом духе.
css   Забытые тэги

10 июля 2009, 15:14

Забытые теги... tabindex (параметр)

Это параметр, который устанавливает поочерёдность переключения элементов, при помощи кнопки Tab, на хтмл-страничке. Например, нужно для установки очерёдности переключения в форме логина/пароля, когда нажав таб, мы попадаем на ввод пароля, а не на ссылку «забыли пароль» или что-то ещё в таком духе.

Доступен он для <A>, <AREA>, <OBJECT>, <BUTTON>, <INPUT>, <SELECT>, <TEXTAREA>

Параметр как бы есть, и много где встречается, но в большенстве случаем, о нём никто не думает %) Это как бы ньюансировка, на которую не всегда хватает времени.
Забытые тэги

12 июня 2009, 16:20

Забытые тэги... BDO

Замечательный тэг %) Кто о нём знает, отпишитесь ;))

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">
html   Забытые тэги

10 июня 2009, 3:37

Забытые тэги… lowsrc (ну не совсем тэг, параметр)

Если на странице нужно загрузить большие картинки, и что бы наш любимый пользователь не скучал, мы можем ему скормить картинки размером поменьше, или картинку прелоадера
<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';
lowsrc   Забытые тэги

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>
    
    Это нам даёт огромное преимущество в управлении таблицами, ибо раньше нужно было много гемора, что бы выровнять длину колонок двух разных таблиц ;)
to be continued...
html   Забытые тэги