Arigato
-
Posts
14 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Arigato
-
Пишу скрипты с использованием PHP, MySQL, JavaScript, HTML, CSS, XML, XSLT, AJAX. Пишу программы под MS-Windows любой сложности (сетевые утилиты; программы, работающие с сетью Internet; многое другое). Многолетний опыт работы WEB-программистом, имеется множество готовых решений (самописные движки, парсеры, чекеры, регеры, сбор информации из сети и многое другое). Стучите 6901159, если я в offline - все равно стучите. Просьба сразу писать, что по поводу заказа. Мыло: CyberScript (собачка) Яndex (точка) ру Skype: cyberscript_ru Наиболее предпочтительный способ связи: аська. Другие способы связи возможны по согласованию с заказчиком. Оплата удобным для Вас способом (WebMoney WMZ, WMR, WME, Яndex.Деньги, карты пополнения счета в платежных системах или телефонные карты, возможны и другие варианты по согласованию с заказчиком). P.S. Работаю без предоплаты. Оплата по факту выполнения работы.
-
Ни когда mian.css не создавал
-
Подскажите, есть ли где бесплатные шаблоны для сайтов? Хочется создать нормальный дизайн для своего сайта, а свои способности в дизайне крайне скудны. Готов воспользоваться сторонними разработками, только хочется не ворованный шаблон, а что бы все по закону, что бы шаблон был свободно распространяемым для сайтов любых тематик. Если кто знает, где есть такие шаблоны, киньте ссылочки. Заранее благодарен за помощь
-
Выравнивание содержимого div по центру по вертикали
Arigato replied to Arigato's question in HTML Coding
Все равно не работает. -
Выравнивание содержимого div по центру по вертикали
Arigato replied to Arigato's question in HTML Coding
Помогите, уже голову сломал. Вот код всей странички: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="Content-Language" content="ru"> <meta name="Robots" content="all"> <meta name="Revisit-After" content="1 days"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>{#IF TITLE}{TITLE} - {IF#}...</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; background: #FFF; margin: 0px; } #sky { color: #E70; font-size: 8pt; padding: 2px; margin-left: 4px; } #header { background: #549D1B; height: 84px; margin: 1px; } #logo { position: absolute; left: 0px; top: 40px; text-align: center; font-size: 12pt; font-weight: bold; width: 250px; } #logo a { text-decoration: none; color: white; } #title { position: absolute; left: 0px; top: 20px; width: 100%; height: 84px; text-align: center; } #h1 { width: 100%; height: 84px; display: table-cell; vertical-align: middle; padding: 0px 250px; border: 1px solid yellow; } #title h1 { font-size: 14pt; color: white; text-align: center; border: 1px solid black; } #content { margin-left: 250px; padding: 2px; } #menu { position: absolute; left: 0; top: 104px; width: 240px; padding: 2px; } #footer { background: #E8E8E8; padding: 5px; margin: 5px; font-size: 8pt; } #search { position: absolute; right: 0px; top: 35px; width: 248px; margin: 1px; text-align: center; font-size: 8pt; color: white; } table { border-collapse: collapse; } form { margin: 0px; } form table th, form table td { padding: 2px; } form table th { font-weight: normal; text-align: right; } form table td.button { text-align: center; } input, select { background: white; border: 1px solid black; font-size: 8pt; margin: 1pt; } input:focus, select:focus { border: 1px solid #800; } input.button { background: #418313; color: white; border: 1px solid #D5EFC4; cursor: pointer; } .block_head, .block_body { font-size: 10pt; border: 1px solid #CCC; margin: 1px; } .block_head { margin-bottom: 0; padding: 2px; background: #549D1B url(images/gradient.png) repeat-y; color: white; text-align: center; font-weight: bold; } .block_body { margin-top: 0; padding: 4px; border-top: none; background: #E8E8E8; color: black; } </style> </head> <body> <div id="sky"> Небо сайта! </div> <div id="header"></div> <div id="title"> <div id="h1"> <h1>{TITLE}</h1> </div> </div> <div id="logo"> <a href="/">Название строка 1<br> Строка 2</a> </div> <div id="content"> {CONTENT} </div> <div id="menu"> {#INCLUDE left.tpl} </div> <div id="footer"> © бла-бла-бла, 2007-{YEAR}<br> {#IF DEBUG}{#INCLUDE fps.tpl}{IF#} </div> <div id="search"> <strong>Поиск</strong><br> <form method="get" action="" onsubmit="if ( this.keywords.value == '' ) {alert ('Для поиска введите ключевые слова'); return false;} else return true;"> <input type="text" size="38" name="keywords" value=""><br> <input type="submit" value="Найти" class="button"> </table> </form> </div> </body> </html> Вот, как это выглядит в браузере: А мне надо выравнять {TITLE} по центру зеленой шапки. -
Выравнивание содержимого div по центру по вертикали
Arigato replied to Arigato's question in HTML Coding
Ну хорошо, тогда как же решить мой вопрос или все же придется применить таблицу? -
Выравнивание содержимого div по центру по вертикали
Arigato replied to Arigato's question in HTML Coding
Мне все-таки не ясно, почему не работает мой пример. Если из него убрать position: absolute; left: 0px; top: 20px; То все нормально, а так выравнивает по верхнему краю (при любых значениях top). С line-height работает, но если строка длиннее, чем отведенное пространство, то она просто справа обрезается. А мне надо именно как в ячейке таблицы, что бы если текст помещается в 1 строку, то эта строка была бы по центру, если нет, то что бы было бы выведено в 2 строки тоже по центру. -
Выравнивание содержимого div по центру по вертикали
Arigato replied to Arigato's question in HTML Coding
Хм, не понял, высота дива 84 пикселя, а 20 - это отступ от верхней границы браузера. -
Выравнивание содержимого div по центру по вертикали
Arigato replied to Arigato's question in HTML Coding
Странно, поясните, почему не работает: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Test</title> <style type="text/css"> #title { position: absolute; left: 0px; top: 20px; height: 84px; display: table-cell; vertical-align: middle; text-align: center; background: red; } #title h1 { font-size: 14pt; color: white; margin: 0px 250px; } </style> </head> <body> <div id="title"> <h1>Title test</h1> </div> </body> </html> -
Если для ячейки таблицы прописать свойство vertical-align: middle, то получим выравнивание содержимого по центру. Для div такое не работает. Что нужно сделать, что бы получить такое выравнивание?
-
Ясно, запомню на будущее.
-
Экранная линейка Arigato Ruler (v1.2) Разработчик: Arigato Software Экранная линейка Arigato Ruler позволяет измерить размеры любого объекта на экране монитора в пикселях, определить координаты курсора мыши, получить цвет элемента в шестнадцатеричном виде (полный - 6 шестнадцатеричных цифр и краткий - 3 цифры), использовать для более точной навигации встроенную экранную лупу. Управление: 1. Вызов меню - правая кнопка мыши по линейки. 2. Вызов справки - F1. 3. Грубое изменение размеров линейки - колесико мыши. 4. Точное изменение размеров линейки - Shift + стрелки. 5. Точное перемещение линейки - стрелки. 6. Точное перемещение курсора мыши - Ctrl + стрелки. 7. Изменение масштаба лупы - цифровые клавиши. Ссылка: http://narod.ru/disk/5606109001/Ruler.7z.html
-
Кроме того, что может тормозить на некоторых браузерах, какие еще есть минусы?
-
Прочитал статью на вашем сайте: http://htmlbook.ru/content/izobrazhenie-na...-shirinu-maketa В целом интересно, хотя я до этого уже использовал схожие приемы. Что меня смутило: Однако я всегда делал такие нарезки шириной именной в 1 пиксель. Даже если такой картинкой заливаешь весь фон браузера, то никогда ни каких тормозов не наблюдалось (в том числе и на не самых быстрых компах). Может кто-то пояснить эту рекомендацию или она уже устарела (т.к. все современные компы справляются с такой заливкой на ура) и можно смело резать картинки шириной в 1 пиксель?
-
Ясно, спасибо! А если требуется div выравнять по правому краю, что тогда делать?
-
В CSS есть свойство text-align - выравнивание текста внутри блока. А как выравнить сам блок, не используя атрибут align, а только через CSS? Например: <html> <body style="text-align: center;"> <div style="background-color: red; width: 40%;"> ... </div> </body> </html> Элемент div будет выравнен по левому краю окна, а текст внутри него по центру. А надо сам div выравнять по центру.