java script

[shuron]

вопрос такой
как обычную строку ввода
<input name="bla bla" type="text">

подогнать под то что мне надо, кажем сделать поменьше ростом или поменять цвет, и всё остальное...
вобще возможно ли это...

[Saruman]

shuron
Возможно. С помощью css.

[esergey]

Держи хелп по css

[shuron]

ну прочитал а всёравно не нашёл я там про это...
может кто пример кинет..

[Saruman]

shuron
input {
background-color: #EBEBEB;
border-style: solid;
border-width: 1px;
font-family: verdana;
font-size: 10pt;
margin: 0.1em;
}

и т.д., и т.п.

[Goryn]

Или же можно добавлять стиль непосредственно в тег (если это надо в отдельных случаях). Так же можно указывать свойства отдельных границ поля. Например:

<INPUT TYPE="Submit" VALUE="Поиск" style="font-family: Arial, Helvetica,
 sans-serif; font-size: 11pt; color: #062537; background-color: #D5E4F3; 
BORDER-RIGHT: #062537 1px solid; BORDER-TOP: #062537 1px solid; 
BORDER-LEFT: #062537 1px solid; BORDER-BOTTOM: #062537 1px solid;">

[shuron]

это прикольно обоим спасибо и
пятерка...
но вот можно ли сделать потоньше тоестьпоменьше о высоте..?
И как указать точную длинну в пикселях?

[Ghost]

<input type="text" style="width: 100px; height: 100px;">

[shuron]

опа!! класно санкс! и тебе 5!
а вот как там поближе на верх сдвинуть?
margin-top попробую щас...

Добавлено через 39 минут:
А вот ещё туда вопрос...

делаю класс
.otstup{margin-left: 5px;}

тоесть по идее он должен делать отступ от левого края.. употребляю еко к ссылкам..
стоящим в одной из ячеек таблицы.. и не работает...
может ето связанно с тем что помимо этого к сылкам такой стиль употребляется...

a:link { color:#1C3A49; text-decoration:none; font-size:10pt; font-weight:bold;}
a:visited { color:#1C3A49; text-decoration:none; font-size:10pt; font-weight:bold;}
a:hover { color:#EFEDEB; text-decoration:none; font-size:10pt; font-weight:bold;}
a:active { color:#EFDFCE; font-size:10pt; font-weight:bold;}
a{letter-spacing:0.2mm;}

короче почему .otstup{margin-left: 5px;} не работает?

[Ghost]

.otstup{margin-left: 5px;}

Попробуй .otstup{padding-left: 5px;} - это во-первых. Во-вторых, свойства margin и padding применяются к блокам текста (DIV, P, TD etc). а не просто к куску текста внутри блока.

[shuron]

использую вот так
<div align="justify" class="otstup">
<a href="index.php">
....
</div>

.otstup{padding-left: 5px;}
тоже не прокатило

[Ghost]

Все работает: вот пример (см. аттач)

[shuron]

да всё верно я немного стормозил в другом месте...
теперб всё ок