grey109

grey109
Рейтинг
187
Регистрация
15.06.2005

Не работает почему-то. Полный код:

location ~* ^/download/ {

internal;

expires 30d;

if ($request_uri ~ \?nocache$) {

expires epoch;

}

if ($request_uri ~ ^/download/cache/) {

expires 1h;

}

root /site.ru;

}

И так, я пытаюсь сделать кросс-браузерную форму отправки файл на чистом html+css, чтобы она во всех браузера выглядела одинакова.

<style>
.input-file {
overflow: hidden;
position: relative;
display: inline-block;
}

.input {
position: absolute;
top: 0;
right: 0;
font-size: 199px;
opacity: 0;
filter: alpha(opacity:0);
}

.filename-text {
line-height: 24px;
float: left;
width: 300px;
}

.input-button-browse {
height: 24px;
width: 70px;
padding: 0 0 0 0px;
margin: 0 0 0 0;
}

.button {
height: 24px;
padding: 0 3px;
margin: 0 2px 0 0;
}

.input-file:hover .input-button-browse {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
</style>

<div class="input-file">
<input id="filename-value" class="filename-text button" type="text">
<input class="input" name="file" id="file" type="file">
<input class="input-button-browse" value="browse..." type="button">
</div>
<div><input value="test" type="button"></div>

Необходимо, чтобы при на ведении курсора на кнопку "browse…" она меняла оформление, так же как это делает обычная кнопка "test".

anzarsh:
$('').trigger('mouseover'); - вот так не подходит?

На сайте не используется jquery. Можно как-то переписать этот код на чистом javascript?

---------- Добавлено 30.11.2016 в 11:41 ----------

totamon:
ну не вешайте на кнопку никаких стилей и она будет отображаться в стиле по умолчанию для браузера, зачем эмулировать то?

Я и так ничего на кнопку не вешаю. Кнопка находится под другим элементом дизайна и не реагирует на положение курсора над ней. Когда курсор проходит над элементом, нужно изменить внешний вид кнопки, чтобы создалось впечатление что курсор над кнопкой.

Мне нужно первое, т.е. чтобы во всех браузерах кнопка меняла свой вид как это было задумано разработчиками браузера (в мозилле - голубая подсветка, в хроме - менялся цвет рамки у кнопки и т.д.). Пока нашел только такое решение:

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=9);

-moz-opacity: 0.9;

-khtml-opacity: 0.9;

opacity: 0.9;

но оно работает криво.

Завел виртуальную карту Киви, пополнил ее через терминал, оплатил домены... прошел день и Godaddy залочил аккаунт - просит прислать фото документов и карты с двух сторон. Я им отписался что карта виртуальная. Вот сижу жду ответа.

Я так понимаю, что если я не смогу подтвердить что карта моя, то деньги должны вернуться обратно на карту?

Киви не появились?

web-developer, да дело не в сайте. Вот минимальный код и на нем уже блоки ползут:

<html>
<head>
<style>
#left {
width: 20%;
float: left;
background-color:blue;
}

#center {
float: none;
margin: 0 auto;
width: 60%;
display:table;
background-color:red;
}

#right{
width: 20%;
float:right;
background-color:green;
}

#footer{
clear:both;
background-color:yellow;
}
</style>
</head>
<body>
<div id="left">Левая колонка Меню Меню Меню Меню</div>
<div id="center">Содержимое страницы Содержимое страницы Содержимое страницы Содержимое страницы </div>
<div id="right">Правая колонка Меню Меню Меню Меню</div>
<div id="footer">Подвал</div>
</body>
</html>



---------- Добавлено 21.12.2015 в 20:59 ----------

indenger20, vandamme, верно подметил и у вас очередность блоков нарушена:

<div class='left'></div>

<div class='right'></div>

<div class='center'></div>

а нужно

<div class='left'></div>

<div class='center'></div>

<div class='right'></div>

indenger20:
как то так...

Не, вообще никак - все расползается :)

web-developer, увы, ваш код не работает, да и отличия в нем только то, что величины заданы в %, а у меня боковые колонки фиксированные, центральная - резиновая.

Старайтесь не использовать id, и Старайтесь использовать вложенности.

Почему использование id - плохо, а вложенные блоки - хорошо?

HaXuM:
какая теория заговора прямо :)
Я посмотрю почему так задерживаются ответы.

И? Посмотрели? Вопрос задал 14, ответ получил 22. 8 дней. Нормально?

Всего: 552