Кнопки в IE

Cmaster2K · July 19, 2009

В IE почему-то не отображается фон на кнопках, заданный следующим образом:

[b]CSS:[/b]
#button
{
background-image:url(img/img_06.png);
border:none;
width:65px;
height:32px
[b]HTML:[/b]
<input type="submit" name="enter" id="button" value="">

Вместо этого отображается обычная XP кнопка.

В других браузерах разумеется все в порядке.

Justnewone · July 20, 2009

Менять стандартные стили нехорошо, так и передайте дезигнеру

rus · July 20, 2009

не:

а:

Edited July 20, 2009 by rus

Cabalist · July 20, 2009

Да тут даже не в этом дело тоскорее всего ошибка в синтаксисе css.

Вот так вот точно работает:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* { margin: 0px; padding: 0px; border: 0px; }
html,body {
	height: 100%;
	width: 100%;
	text-align: center;
}
#button {
	background: #FFF url(p_menubutton1.gif);
	border: none;
	width: 92px;
	height: 28px;
	margin-top: 100px;
}
</style>
</head>

<body>
<input type="submit" name="enter" id="button" value="">
</body>
</html>

rus · July 20, 2009

Да тут даже не в этом дело тоскорее всего ошибка в синтаксисе css.

Ну да, конечно...

А тип ты какой указываешь?

type="submit".

а нужно?

type="img".

DjTarik · July 20, 2009

Ну да, конечно...
А тип ты какой указываешь?
type="submit".
а нужно?
type="img".

Да вроде любому инпуту можно прописать бэкгроунд. Главное убрать "бордер" и у "сабмита" оставить пустое value="". Работает везде.

rus · July 20, 2009

Да вроде любому инпуту можно прописать бэкгроунд. Главное убрать "бордер" и у "сабмита" оставить пустое value="". Работает везде.

Таак, понятно, тогда идем вот сюда и внимательно читаем.

DjTarik · July 20, 2009

Это понятно, но прописать type="submit"-у background: ; можно и работать это будет.

Cabalist · July 20, 2009

Ну да, конечно...
А тип ты какой указываешь?
type="submit".
а нужно?
type="img".

С точки зрения семантики так и есть,скорее всего. Просто я хотел показать что и с этим способом будет работать

Den · July 20, 2009

Столкнулся с проблемой.

При использовании такой конструкции:

<input name="submit" type="image" src="add_button.png" value=" " />

В ИЕ не отправляется форма

Если использовать type="submit" или способ описанный выше, то все нормально отправляется

Может я чего-то не так делаю?

Edited July 20, 2009 by Den

rus · July 20, 2009

<form action="/...путь до файла обработчика"> - указан путь, есть файл обработчик, или в этом же файле обрабатывается?

Den · July 20, 2009

Обрабатывается в другом файле и обрабатывается корректно везде, кроме ИЕ.

А как вообще оформление кнопки может быть завязано с этим?

Edited July 20, 2009 by Den

rus · July 20, 2009

А как вообще оформление кнопки может быть завязано с этим?

Да по моему никак не должно быть завязано.

Den · July 20, 2009

Однако эта проблема имеет место быть и я ума не приложу чего это вообще такое.

Посидел, потыкал и обнаружил, что такая проблема только, если отправляем данные методом post, если использовать get , то ИЕ все нормально отправляет...

Edited July 20, 2009 by Den

rus · July 20, 2009

Однако эта проблема имеет место быть и я ума не приложу чего это вообще такое.
Посидел, потыкал и обнаружил, что такая проблема только, если отправляем данные методом post, если использовать get , то ИЕ все нормально отправляет...

GET и POST две разные вещи, но выполняют одну и ту же функцию.

GET - передает параметры (значения, как угодно...) в строке браузера (то есть там их можно увидеть)

POST - обращается к скрипту (со скрытыми от глаз человека параметреми, значениями), который и выполняет (обрабатывает) эти параметры.

Если к примеру у <form action="" method=""> не указан метод обработки, то обрабатывать по умолчанию будет GET-ом, а значит и сам обработчик находится в этом же файле что и форма.

А вообще указывается путь до файла обработчика и метод POST, то есть <form action="/test.php" method="POST">.

З.Ы. немного сумбурно может сказал, но надеюсь смысл понятен.

Edited July 20, 2009 by rus

Den · July 20, 2009

Спасибо, но это был не вопрос про POST и GET - это было просто наблюдение, при каких условиях выходит этот трабл. У меня полностью готовый и рабочий движок, на который я натягиваю другой диз.

В других файлах используется метод GET и там, конструкция с input, который я нарисовал выше, отрабатывает в любом браузере. А вот там, где используется POST - вылазит этот трабл непонятный...

Если кто чего подскажет - буду признателен, а пока буду использовать способ, который был описан здесь.

Edited July 20, 2009 by Den

Cmaster2K · July 22, 2009

Вижу тема быстро набрала обороты!

Я тут случайно две одинаковых темы создал! В общем я разобрался: вместо "background-image" надо использовать просто "background"!

Проверял все работает!

rus
не:
<input type="submit" name="enter" id="button" value="">
а:
<input type="img" name="enter" id="button" value="">

Параметр "type" кнопки как я знаю не принимает аргумент "img" или "image"!

И как тогда данные из формы отправить в обработчик (если это только с помощью "submit" можно)?

Den
Если использовать type="submit" или способ описанный выше, то все нормально отправляется

Так и используй type="submit" а оформление оставь CSS!

В целом код будет выгладить примерно так:


[b]CSS:[/b]
#add_button
{
background:url(add_button.png);
border:none;
height:высота_кнопки;
width:ширина_кнопки;
}
[b]HTML:[/b]
<input type="submit" name="submit" id="add_button" value="" />

Edited July 22, 2009 by Cmaster2K

oknechirik · July 22, 2009

не:
<input type="submit" name="enter" id="button" value="">
а:
<input type="img" name="enter" id="button" value="">

а src картинки кто будет прописывать?

и не img, а image

rus · July 22, 2009

а src картинки кто будет прописывать?
и не img, а image

Спасибо что поправили.

Ну очепятался, ну не дописал путь до картинки, ну с кем не бывает.

Параметр "type" кнопки как я знаю не принимает аргумент "img" или "image"!
И как тогда данные из формы отправить в обработчик (если это только с помощью "submit" можно)?

1) Почему это не принемает?

2) <form action="путь до обработчика" method="POST"> - отсюда и отправится.

Cmaster2K · July 24, 2009

1) Почему это не принемает?
2) <form action="путь до обработчика" method="POST"> - отсюда и отправится.

Теперь буду знать.

Sign In

Кнопки в IE

Question

Link to comment

Share on other sites

19 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information