MeTaN
-
Posts
7 -
Joined
-
Last visited
MeTaN's Achievements
Explorer (1/14)
1
Reputation
-
можно ещё text-shadow забахать. http://htmlbook.ru/css/text-shadow а для IE filter: Shadow(Color=#666666, Direction=45, Strength=4); ой ссори уже написали выше.
-
Здравствуйте. В поисковиках не смог найти, вот обращаюсь к знатокам. Ситуация такая, страничка, в ней две колонки из div. Один див в высоту допустим 5-ть экранов скрола, второй только 2-ва. Нужно сделать так чтобы второй блок div (который 2-ва экрана) проматывался нормально эти два экрана совместно с первым, а потом низ этого второго div прилипал к низу странички, первый блок так и проматывался бы дальше а второй как-бы скользил за ним сбоку. Как это реализовать или где почитать? Встречал такие фишки на сайтах газет, но сейчас что-то не могу нигде найти.
-
ну например можно с padding при наведении поиграться, li:hover{font-weight:bold;cursor:pointer; padding: 5px 3px 5px 4px} но для длинного пункта меню прийдётся писать отдельный стиль, так что выход корявенький. Можно более сложно. <li> делать position: relative; в контенте дублировать название пункта по два раза в <span>- например, первый будет служить распоркой для <li> чтобы ширина была под буквы и текст этого спана text-indent: -1000px например, а второй спан сделать абсолютно позиционированным position: absolute; и выровнять посередине своего <li> тогда он никак не будет влиять на размеры контейнера <li>
-
<html> <head> <style type="text/css"> form span { display: block; width: 120px; text-align: right; clear: both; float: left; padding-right: 5px; } input { display: block; float: left; } </style> </head> <body> <form action="URL"> <span>Логин:</span><input name="login" type="text" size="40"> <span>Пароль:</span><input name="pass" type="text" size="40"> <span>Город:</span><input name="town" type="text" size="40"> </form> </body> </html> Результат
-
Скорее всего вы правы, поменял цвет букв на красный, отображаются верно. Буду значит пытаться добавить фон.
-
Либо в <head> ... <style type="text/css"> table {font-size: 50px;} </style> </head> А можно и прям перед таблицей <style type="text/css"> table {font-size: 50px;} </style> хотя это не по стандартам но работать будет.
-
Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link media="print, handheld" rel="stylesheet" href="print.css" type="text/css"> <link media="screen" rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="wrap"> <div id="fon"><img src="fon.gif"></div> <div id="f"><input name="familiya" type="text" value="Иванов"></div> <div id="io"><input name="ImiyaOtchestvo" type="text" value="Иван Иванович"></div> <div id="dl"><input name="doljnost" type="text" value="работник"></div> <div id="pd"><input name="podrazdel" type="text" value="Подразделение"></div> <div id="tn"><input name="tabel" type="text" size="4" value="0000"></div> <div id="foto"><img src="foto.jpg"></div> </div> </body> </html> Вот листинг css для экрана html,body {margin: 0; padding: 0; height: 100%;} * {border: 0px dotted red; color: #fff; margin:0; padding:0;} #wrap {width: 500px; margin: auto; position: relative; font-size: 1.3em;} #fon {text-align: center;} #fon img {width:100%} input {text-align: center; background: none; border: 0px solid green; width: 100%} #f,#io,#dl,#pd,#tn {position: absolute; left:0; width: 100%; text-align: center;} #f {top: 25%;} #io {top: 33%;} #dl {top: 45%;} #pd {top: 53%;} #tn {width: 20%; left:68%; bottom: 15%; text-align: left;} #f input {font-size: 2.3em;} #io input {font-size: 1.7em;} #dl input {font-size: 1.2em;} #pd input {font-size: 1.2em;} #tn input {font-size: 1.5em;} #foto {width: 35%; position: absolute; left: 5%; bottom: 5%; } #foto img {width: 100%;} Вот листинг css для принтера html,body {margin: 0; padding: 0; height: 100%; font-family: arial serif; color: #fff !important;font-family: Arial, Helvetica, sans-serif;} #wrap {width: 4.6cm; margin: auto; position: relative; font-size: 0.25cm; color: #fff !important;} #fon {text-align: center; color: #fff !important;} #fon img {width:100%; color: #fff !important;} input {text-align: center; background: none; border: 0px solid green; width: 100%; color: #fff !important;} #f,#io,#dl,#pd,#tn {position: absolute; left:0; width: 100%; text-align: center; color: #fff !important;} #f {top: 25%; color: #fff !important;} #io {top: 33%; color: #fff !important;} #dl {top: 45%; color: #fff !important;} #pd {top: 53%; color: #fff !important;} #tn {width: 20%; left:68%; bottom: 15%; text-align: left; color: #fff !important;} #f input {font-size: 2.3em; color: #fff !important;} #io input {font-size: 1.7em; color: #fff !important;} #dl input {font-size: 1.2em; color: #fff !important;} #pd input {font-size: 1.2em; color: #fff !important;} #tn input {font-size: 1.5em; color: #fff !important;} #foto {width: 35%; position: absolute; left: 5%; bottom: 5%; color: #fff !important; } #foto img {width: 100%; color: #fff !important;}
