Jump to content

Vlad

Moderator
  • Posts

    6,588
  • Joined

  • Last visited

  • Days Won

    55

Everything posted by Vlad

  1. Vlad

    Doctype

    На этой странице подробно расписано, из чего состоит DOCTYPE. На англ. http://www.blooberry.com/indexdot/html/tag...s/d/doctype.htm
  2. Vlad

    Меню

    JavaScript не работает с файлами, принципы безопасности.
  3. Vlad

    Паспарту

    Спасибо за ответы. Почему-то полагал, что IE можно уговорить без expression, но видимо без него никак.
  4. Здесь почитай о поиске на MySQL. http://www.php.su/articles/?cat=phpdb&page=015
  5. Добрался до дизайна. Вначале плюсы. Цвета подобраны хорошо, ромашка сделана превосходно, и вообще, идея с колесами (таблетками) из травы (ромашки) двусмысленная конечно же, но интересная. Теперь минусы. 1. Заголовка окна нет. Никакого. Вообще. 2. Картинка Nasha%20vitrina.jpg ужасна. Фотография затемнена по краям, ни о чем не говорит, да и вообще, портит все впечатление. 3. Текст "О нашей аптеке" и то что под ним прилегает слишком близко к левому краю, образованного синим участком. Хватит или продолжить?
  6. Проблемы с PNG и IE не у тебя одного, поищи по форуму, эта тема всплывала такое впечатление, не один десяток раз. Не понял, зачем верхняя часть должна увеличиваться? Будь проще.
  7. Написал небольшой скрипт, который в любой таблице поочередно меняет цвет строки: светлая, темная, светлая, темная... Посмотрите на предмет правильности описания и возможных ошибок. <!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"> <title>Чередующиеся строки</title> <script type="text/javascript"> zebraTable = function() { // Получаем массив всех таблиц на странице tables = document.getElementsByTagName("table"); // Пробегаемся по массиву таблиц for (i = 0; i < tables.length; i++) { // Если у таблицы стоит class="zebra", то делаем чередующиеся строки if (tables[i].className == "zebra") { // Получаем массив всех строк в нужной таблице tr = document.getElementsByTagName("tr"); // Пробегаемся по всем строкам таблицы for (j = 0; j < tr.length; j++) { // Для нечетных строк устанавливаем class="odd" if (j%2) tr[j].className = "odd"; } } } } window.onload = zebraTable; </script> <style type="text/css"> table.zebra { width: 100%; /* Ширина таблицы */ border-collapse: collapse; /* Убираем двойные линии между ячеек */ } table.zebra td { padding: 4px; /* Поля в ячейках */ border: 1px solid #666; /* Граница между ячеек */ } table.zebra thead { background: #fc0; /* Цвет фона заголовка */ } table.zebra tbody tr { background: #f0f0f0; /* Цвет фона четных строк */ } table.zebra tbody tr.odd { background: #ccc; /* Цвет фона нечетных строк */ } </style> </head> <body> <table class="zebra"> <thead> <tr><td>Место</td><td>Оценка</td><td>Фильм</td><td>Год выпуска</td></tr> </thead> <tbody> <tr><td>1</td><td>9.1</td><td>Крестный отец</td><td>1072</td></tr> <tr><td>2</td><td>9.1</td><td>Побег из Шоушенка</td><td>1994</td></tr> <tr><td>3</td><td>9.0</td><td>Крестный отец 2</td><td>1974</td></tr> <tr><td>4</td><td>8.9</td><td>Хороший, плохой, злой</td><td>1966</td></tr> <tr><td>5</td><td>8.8</td><td>Криминальное чтиво</td><td>1994</td></tr> <tr><td>6</td><td>8.8</td><td>Список Шиндлера</td><td>1993</td></tr> <tr><td>7</td><td>8.8</td><td>Звездные войны: эпизод 5</td><td>1980</td></tr> <tr><td>8</td><td>8.8</td><td>Полет над гнездом кукушки</td><td>1975</td></tr> <tr><td>9</td><td>8.8</td><td>Касабланка</td><td>1942</td></tr> <tr><td>10</td><td>8.8</td><td>Семь самураев</td><td>1954</td></tr> </tbody> </table> </body> </html>
  8. Vlad

    Паспарту

    Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!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"> <title>Паспарту</title> <style type="text/css"> .paspartu p { float: left; /* Включаем обтекание */ padding: 20px; /* Поля вокруг изображения */ margin: 0; /* Убираем отступы */ background: #f0f0f0; /* Цвет паспарту */ border: 1px solid #000; /* Рамка вокруг паспарту */ } .paspartu p img { border: 1px solid #000; /* Рамка вокруг изображения */ } div.clear { clear: left; /* Отменяем обтекание */ } </style> </head> <body> <p>Текст до фотографии</p> <div class="paspartu"> <p><img src="girl.jpg" width="253" height="377" alt="Портрет девочки с муфтой"></p> <div class="clear"></div> </div> <p>Текст после фотографии</p> </body> </html> Работает в IE6, Opera9 и FF2. Единственное отличие наблюдается в Опере, текст после фотографии слишком близко от нее стоит. Но это считаю непринципиальным моментом. Вариант 2 похитрее будет. С ним, собственно и возникли проблемы. <!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"> <title>Паспарту</title> <style type="text/css"> .paspartu { display: table; /* Отображаем блок как таблицу */ margin: 0 auto; /* Выравниваем по центру страницы */ } .paspartu p { padding: 20px; /* Поля вокруг изображения */ background: #f0f0f0; /* Цвет паспарту */ border: 1px solid #000; /* Рамка вокруг паспарту */ } .paspartu p img { border: 1px solid #000; /* Рамка вокруг изображения */ } </style> </head> <body> <div class="paspartu"> <p><img src="girl.jpg" width="253" height="377" alt="Портрет девочки с муфтой"></p> </div> </body> </html> Дело в том, что IE не знает, что такое display: table. Что этому браузеру можно сказать по этому поводу? В том смысле, что я ему уже сказал, что он "дурак непутевый", это само собой. Как сделать, чтобы паспарту занимало определенную ширину без использования width?
  9. Vlad

    Блог

    Разумеется, блог надо делать на своем сайте и на своем движке. С этим согласятся все, кто умеет делать сайты. Но мне пока просто надо "поиграть" с блогами, поэтому взял готовый сервис, чтобы не морочиться с установкой на сайт. Вдруг не понравится.
  10. Vlad

    Блог

    Нормально выглядит, столько и написал. Так что как написано, так и выглядит.
  11. В реляционных базах данных нет понятия ячейка или строка. Используй термин поле и запись.
  12. Верхняя часть делается простым набором картинок, здесь не должно быть ничего сложного. Аналогично с нижним блоком. Среднюю часть можно сверстать разными способами. Самый простой наверное - через таблицу, в ячейках располагаешь картинки. Тень полупрозрачная через PNG делается, но можно и без полупрозрачности обойтись.
  13. align=center заменить на margin: 0 auto в CSS.
  14. Что исправить надо? Фразу поменять если, тогда найди папку htdocs и в ней измени HTML-документы.
  15. Vlad

    Блог

    Зарегистрировался на blogspot.ru чтобы посмотреть сервис. Замучился выбирать свободное имя на тему веб-дизайна. Занято все, причем включая слова на испанском языке. Не выдержал, в сердцах написал "kakogo hrena" и мне тут же предложили использовать это имя. Понял, что целая кладезь хороших и интересных имен еще осталась невостребованной. Так что теперь у меня у меня есть блог на тему веб-дизайна по адресу http://nihrena.blogspot.com Несколько заметок закину на блог и посмотрю, что он собой представляет.
  16. Бороться с этим проблематично, поскольку поведение уже "зашито" в браузерах. Можно добавить overflow: auto, тогда хоть полосы прокрутки появятся.
  17. Vlad

    Блог

    Да, хочу пока поиграться с каким-нибудь уже готовым блогом типа ЖЖ, чтобы понять, что это за фигня. Оценил blog.ru, превосходный дизайн, да и сервис произвел самое благостное впечатление своими фишечками и вниманием к пользователям. Все было хорошо, пока не посмотрел несколько блогов у них. А-а-а-а, чуть ап стену не убился! Какую же чушь редкостную пишут. Благостное впечатление шмякнулось с высоты десятиэтажного дома и разбилось. blogspot насколько понял купил Гугл и теперь он принадлежит ему?
  18. Как мне кажется, причины может быть две. 1) плавающие элементы используются, после них надо добавить что-то вроде . 2) IE с шириной вечно косячит, порой достаточно уменьшить ее на 1% и все становится нормальным.
  19. Придерживайся принципа: один вопрос - одна тема. Иначе в помойку топик превратится. Что за чушь! Никакого запрета на сохранение здесь не было, нет и не будет. Потому что это никому не надо и просто невозможно.
  20. Читаем здесь http://htmlbook.ru/faq/?a=50 И пользуемся DOCTYPE всегда на страницах.
  21. Я уже перестал понимать, что тебе надо.
  22. Раз надо все лишнее с кода убрать, то переведи это в стили. Вместо пишешь и выносишь большинство параметров таблиц в CSS. Код существенно сократится.
  23. Плашками так. | Синий | светло-синий | светло-светло-синий | белый |
  24. Vlad

    Блог

    Wordpress смотрел, мне понравился. А все-таки, какие сервисы предлагают уже готовые блоги?
  25. Похоже придется код тебе более подробный выкладывать чтобы разобраться.
×
×
  • 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