Jump to content

MeTaN

Newbie
  • Posts

    7
  • Joined

  • Last visited

MeTaN's Achievements

Explorer

Explorer (1/14)

1

Reputation

  1. можно ещё text-shadow забахать. http://htmlbook.ru/css/text-shadow а для IE filter: Shadow(Color=#666666, Direction=45, Strength=4); ой ссори уже написали выше.
  2. Здравствуйте. В поисковиках не смог найти, вот обращаюсь к знатокам. Ситуация такая, страничка, в ней две колонки из div. Один див в высоту допустим 5-ть экранов скрола, второй только 2-ва. Нужно сделать так чтобы второй блок div (который 2-ва экрана) проматывался нормально эти два экрана совместно с первым, а потом низ этого второго div прилипал к низу странички, первый блок так и проматывался бы дальше а второй как-бы скользил за ним сбоку. Как это реализовать или где почитать? Встречал такие фишки на сайтах газет, но сейчас что-то не могу нигде найти.
  3. ну например можно с 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>
  4. <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> Результат
  5. Скорее всего вы правы, поменял цвет букв на красный, отображаются верно. Буду значит пытаться добавить фон.
  6. Либо в <head> ... <style type="text/css"> table {font-size: 50px;} </style> </head> А можно и прям перед таблицей <style type="text/css"> table {font-size: 50px;} </style> хотя это не по стандартам но работать будет.
  7. Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну 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;}
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy