
Цветков Антон
User-
Posts
89 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Цветков Антон
-
frD-Border у input[type=button] input[type=submit] в IE
Цветков Антон replied to SoftAlex's question in HTML Coding
Вот, не поленился написать: <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 -
frD-Border у input[type=button] input[type=submit] в IE
Цветков Антон replied to SoftAlex's question in HTML Coding
SoftAlex, а зачем JS, да еще и только для IE... Сделайте для всех браузеров сразу - и не парьтесь... -
frD-Border у input[type=button] input[type=submit] в IE
Цветков Антон replied to SoftAlex's question in HTML Coding
Dimitry Wolotko, построчно-то зачем? Сойдет и "border-width: 0 3px;". А единицы можно не указывать лишь у нуля. SoftAlex, запихай кнопку в span, а уже у этого элемента задавай границу. -
frD-Border у input[type=button] input[type=submit] в IE
Цветков Антон replied to SoftAlex's question in HTML Coding
SoftAlex, тогда юзайте submit, но сделайте ему background-image, а "border: 0". -
frD-Border у input[type=button] input[type=submit] в IE
Цветков Антон replied to SoftAlex's question in HTML Coding
Dimitry Wolotko, ваш код вообще не должен правильно работать... Потому что если использовать border, указав лишь один параметр, то остальные параметры сбрасываются в значение по умолчанию. Потому действие свойства "border: 0 3 0 3" обнуляется. Я уж молчу про то, что надо указывать единицы измерения. -
frD-Border у input[type=button] input[type=submit] в IE
Цветков Антон replied to SoftAlex's question in HTML Coding
Тут проблема в самом IE... Поставте рядом еще одну такую же кнопку и увидите, что она отображается по-другому. Выход - юзать type="image". -
Если без JS, то PHP... На чистом HTML такого не сделать, т.к. HTML - язык разметки, т.е. предназначен для "статической" части страниц.
-
Кодировка документа - unicode (utf-8), сохранять в формате unicode.
-
frD-дублирование текста не понимаю почему.
Цветков Антон replied to Ксения :)'s question in HTML Coding
Товарищ, у кого-то из нас глюки... Я не вижу раздвоения... PS: Что за траву вы курили? -
http://rid.mirgames.ru/aats/sites/example01/ - вот, и никаких картинок... А css'овский hover уже не катит? Ведь его можно применять не только для ссылок...
-
Даже смотреть не стану, поскольку оно работает и безо всяких прочих настроек: <!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 высотой.
-
"font-size: 0" - лучше заменить на "line-height: 0", поскольку в IE шрифт все равно меньше 2px не сделается (хотя для данного случая сгодится, но все равно лучше делать правильно). А еще проблема в том, что после картинки не должно быть никаких символов (в т.ч. переноса) вплоть до закрытия ячейки.
-
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
Чтобы при этом два из них были фиксированными - уже сложнее... -
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
Fu-tai, интерес именно в самом процессе самостоятельного поиска решений... -
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
kiD, простой прямоугольник создать несложно... а вот как насчет трехколоночного шаблона с шапкой и подвалом? -
Для Opera - сочетание Ctrl + Alt+ V
-
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
А, ну так не интересно... Просто у меня почему-то возникла ассоциация с некоторым стандартным дополнением (expression - расширение), которое можно подключить к странице и все будет отображаться нормально... Типо как модули в программировании. PS: JS не люблю... потому что не знаю его... -
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
Ну, я ведь говорю - это был тестовый вариант... Инфу можно? -
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
yopopt, вы, собственно, испортили сам смысл кода... Он предназначался для того, чтобы обеспечить одновременно резиновость и "несжимаемость" дизайна менее, чем на 800px (помним, что в IE6 не работает тег min-width)... Убрав те "лишние" блоки, вы убрали и саму фишку... -
три колонки, минимальная ширина, резиновый дизайн
Цветков Антон replied to maza's question in HTML Coding
Пример кода трехколоночного шаблона на 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> -
клот2, ставь для всех блоков float - и будет тебе счастье.
-
Я, например. Хотя бы потому, что не собираюсь платить за просмотр недосайтов с ненужной мне графикой под 300-500 Kb (я не говорю про данный сайт - просто есть такие случаи)...
-
"position: relative" вам о чем-нибудь говорит?
-
А оно и не должно такое работать, т.к. размер элемента равен 0x0. И то, что вы второй слой вставили - бестолку. a{ display: block; height: [X]px; width: [X]px; }
-
Если делать по стандартам, то растяжку дива по высоте (как и любого другого элемента) на относительную величину (%) сделать нельзя. Так что это бесполезно... Вывод: читаем статьи на htmlbook - там где-то было подобное.