SoftAlex
-
Posts
18 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by SoftAlex
-
-
Используй мой пример и никаких проблем не возникнет.
Проблема возникает: возникает перенос
-
Кажись проблема возникает за проблемой... Так как у меня вс? теперь в лево съезжает ... Кагбы это дело находится в таблице, но нуно по центру кнопки поставить... Пробел между кнопками заключенный в span с границей чегото тоже мутит....
А как мне сделать вс? это без float используя background.. Разве им можно нарисовать границы с 2х сторон???
-
"бла-бла-бла" тоже надо заключать в span???? Это просто праздник какой-то для span! ))))))))
-
Вроде заработало, а тут бац еще проблема... ставлю короче пробел после span и еще вставляю такую же кнопку и делается перенос который совсем не в тему... а если уберу пробел то вс? нормально... А дальше еще хуже: пробовал после 2 кнопок текст написать так он вообще куда-то уехал...:/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Пример</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
div{
float: left;
background-color: #FFCC33;
border: 3px solid #0099FF;
border-width: 0 3px;
display: block;
clear: left;
}
input{
background-color: #FFCC33;
border: 0;
font-size: 9px;
padding-right: 3px;
padding-left: 3px;
}
</style>
</head>
<body>
<div><input type="submit" value="Отправить"></div> <div><input type="submit" value="Отправить"></div>
</body>
</html> -
<html>
<head>
<title>Пример</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
span{
background-color: #000000;
border-top-width: 0px;
border-right-width: 3px;
border-bottom-width: 0px;
border-left-width: 3px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #f0cc78;
border-left-color: #f0cc78;
display:inline;
text-transform: uppercase;
font-family: Arial;
font-size: 11px;
}
input{
padding-right: 4px;
padding-left: 4px;
font-size: 10px;
background-color: #FBF0D9;
text-transform: uppercase;
color: #481109;
border: 0px;
font-family: Arial;
}
</style>
</head>
<body>
<span><input type="submit" value="Отправить"></span>
</body>Объясните почему выпирает снизу на 1 пиксел фон кнопки в FF. Плизз!
-
у меня выпирает на 1 пиксел вниз или фон или нижняя граница span при задании для него и для кнопки шрифта Arial. Это я вижу в FF..
-
Глючит при измене шрифта например на Arial
-
Помогите пожалуйста решить проблему!
-
Короче проблемы с этими границами в span. Глючят они при измене шрифта и его размера на кнопке или в на span. Помогите побороть проблему ...
-
Прид?тся пинать Сорри за оффтоп
-
. Меняю размер шрифта у кнопки и вс? сползает.. Что делать?
-
Dimitry Wolotko, построчно-то зачем? Сойдет и "border-width: 0 3px;". А единицы можно не указывать лишь у нуля.
SoftAlex, запихай кнопку в span, а уже у этого элемента задавай границу.
Как проделать запихание span автоматически Java Script-ом только для IE?
-
Короче я понял это баг IE... Если border для всех сторон одинаковый то вс? ок, если нет то придется что-то исправлять в дизайне... А как мне можно присобачить к кнопке по 3 пиксела справа и слева (границу)? А то если поставить фон (в данном случае) к submit то он ведь будет работать нормальной только для кнопок определенной длины...
-
border сделать можно и так:
border-top-width: 0px;
border-right-width: 3px;
border-bottom-width: 0px;
border-left-width: 3px;вот не думал, что это принципиальная вещь.
И ещ? - указывать еденицы измерения конечно надо, а вот необходимо ли смертельно? Мне почему-то кажется что нет.
Какая разница? Таже фигня выход!
-
Странно, что не помагает - у меня ровно то, что Вы заказывали.
Запускаю и в FF и в IE. То что отображается не с закруглениями это хорошо, но мне нужен border токо слева и справа... а черные полоски (граница) мне не нужно чтоб отображались сверху и снизу Помогите! :|
Использовать image для каждой кнопки это слишком. Как-же писать текст в кнопках? Есть другие варианты?
-
непомогает код!
-
Пишу я короче стиль для кнопки где у не? разные границы. Справа и слева по 3 пиксела, а снизу и сверху вообще 0 пикселов. В FF вс? нормально отображается, а в IE (проверял в 6 и 7) неконкретно, а т.е. кнопки отображаются с закругленными границами .. причем иногда по разному то захватывая при этом границы то нет... мне это дело типа ненужно, а нуно как в FF. Привожу код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
<!--
input {
background-color: #FFCC33;
border-top-width: 0px;
border-right-width: 3px;
border-bottom-width: 0px;
border-left-width: 3px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #0099FF;
border-left-color: #0099FF;
border-top-style: solid;
border-bottom-style: solid;
}
-->
</style>
</head>
<body>
<input type="submit" name="Submit" value="Искать">
</body>
</html>
frD-Border у input[type=button] input[type=submit] в IE
in HTML Coding
Posted
А без фиксированной ширины не как?