Jump to content

Цветков Антон

User
  • Posts

    89
  • Joined

  • Last visited

Everything posted by Цветков Антон

  1. Вот, не поленился написать: <html> <head> <title>Пример</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> span{ background-color: #FFCC33; border: 3px solid #0099FF; border-width: 0 3px; } input{ background-color: #FFCC33; border: 0; } </style> </head> <body> <span><input type="submit" value="Отправить"></span> </body> </html> Проверил на IE6, Opera 8.5, Opera 9.0, Mozilla 1.7
  2. SoftAlex, а зачем JS, да еще и только для IE... Сделайте для всех браузеров сразу - и не парьтесь...
  3. Dimitry Wolotko, построчно-то зачем? Сойдет и "border-width: 0 3px;". А единицы можно не указывать лишь у нуля. SoftAlex, запихай кнопку в span, а уже у этого элемента задавай границу.
  4. SoftAlex, тогда юзайте submit, но сделайте ему background-image, а "border: 0".
  5. Dimitry Wolotko, ваш код вообще не должен правильно работать... Потому что если использовать border, указав лишь один параметр, то остальные параметры сбрасываются в значение по умолчанию. Потому действие свойства "border: 0 3 0 3" обнуляется. Я уж молчу про то, что надо указывать единицы измерения.
  6. Тут проблема в самом IE... Поставте рядом еще одну такую же кнопку и увидите, что она отображается по-другому. Выход - юзать type="image".
  7. Если без JS, то PHP... На чистом HTML такого не сделать, т.к. HTML - язык разметки, т.е. предназначен для "статической" части страниц.
  8. Кодировка документа - unicode (utf-8), сохранять в формате unicode.
  9. Товарищ, у кого-то из нас глюки... Я не вижу раздвоения... PS: Что за траву вы курили?
  10. http://rid.mirgames.ru/aats/sites/example01/ - вот, и никаких картинок... А css'овский hover уже не катит? Ведь его можно применять не только для ссылок...
  11. Даже смотреть не стану, поскольку оно работает и безо всяких прочих настроек: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <table cellpadding="0" cellspacing="0" border="0" style="border: 1px solid #000;"> <tr> <td><img src="" alt="" style="height: 2px; width: 200px;"></td> </tr> </table> </body> </html> - выдает ячейку в 2px высотой.
  12. "font-size: 0" - лучше заменить на "line-height: 0", поскольку в IE шрифт все равно меньше 2px не сделается (хотя для данного случая сгодится, но все равно лучше делать правильно). А еще проблема в том, что после картинки не должно быть никаких символов (в т.ч. переноса) вплоть до закрытия ячейки.
  13. Чтобы при этом два из них были фиксированными - уже сложнее...
  14. Fu-tai, интерес именно в самом процессе самостоятельного поиска решений...
  15. kiD, простой прямоугольник создать несложно... а вот как насчет трехколоночного шаблона с шапкой и подвалом?
  16. Для Opera - сочетание Ctrl + Alt+ V
  17. А, ну так не интересно... Просто у меня почему-то возникла ассоциация с некоторым стандартным дополнением (expression - расширение), которое можно подключить к странице и все будет отображаться нормально... Типо как модули в программировании. PS: JS не люблю... потому что не знаю его...
  18. Ну, я ведь говорю - это был тестовый вариант... Инфу можно?
  19. yopopt, вы, собственно, испортили сам смысл кода... Он предназначался для того, чтобы обеспечить одновременно резиновость и "несжимаемость" дизайна менее, чем на 800px (помним, что в IE6 не работает тег min-width)... Убрав те "лишние" блоки, вы убрали и саму фишку...
  20. Пример кода трехколоночного шаблона на div'ах. Так много тегов для того, чтобы минимальная ширина сайта была зафиксирована. Пока шаблон тестовый - писал сегодня... так что могут найтись баги... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> *{padding: 0; margin: 0;} #page{ width: 100%; min-width: 800px; } * html #container1 { padding-left: 800px; } * html #container3 { margin-left: -800px; position: relative; } * html #container1, * html #container3, * html #container4, * html #container2{ height: 1px; } #main{ float: left; width: 100%; } #content{margin: 0 200px;} #left{ float: left; width: 200px; margin-left: -100%; } #right{ float: left; width: 200px; margin-left: -200px; } #footer{ clear: left; width: 100%; } </style> </head> <body> <div id="page"> <div id="container1"> <div id="container2"> <div id="container3"> <div id="container4"> <div id="container5"> <div id="header">Header</div> <div id="main"> <div id="content"> 1 </div> </div> <div id="left"> 2 </div> <div id="right"> 3 </div> <div id="footer">Footer</div> </div> </div> </div> </div> </div> </div> </body> </html>
  21. клот2, ставь для всех блоков float - и будет тебе счастье.
  22. Я, например. Хотя бы потому, что не собираюсь платить за просмотр недосайтов с ненужной мне графикой под 300-500 Kb (я не говорю про данный сайт - просто есть такие случаи)...
  23. "position: relative" вам о чем-нибудь говорит?
  24. А оно и не должно такое работать, т.к. размер элемента равен 0x0. И то, что вы второй слой вставили - бестолку. a{ display: block; height: [X]px; width: [X]px; }
  25. Если делать по стандартам, то растяжку дива по высоте (как и любого другого элемента) на относительную величину (%) сделать нельзя. Так что это бесполезно... Вывод: читаем статьи на htmlbook - там где-то было подобное.
×
×
  • 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