Eridani
-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Eridani
-
Там фейд аут идет через клик, а как прописать, что бы он происходил, когда курсор мыши покидает обьект?
-
Доброго всем. Сразу скажу, прошу помидорами не кидать, с js дружу пару дней. Я сделал, что бы при наведении курсора на span в панели навигации, у "кнопки" позади появлялся бэкграунд, а-ля гласящий о том, что выбор стоит на этой ссылке. Но, как сделать fadeout у этого бэкграунда, когда курсор мышки покидает данную кнопку - не пойму. Вот пример, прошу простить, размеры и позицию для примера не соблюдал, наглядности ради: http://jsfiddle.net/H5zZB/28/
-
Да, похоже, спасибо, но вот в Фоксе не работает, к сожалению, ради интереса включил хром - на нем все шикарно.
-
То есть, внешняя белая тень и внутри текста черная
-
А с текстом такое работает? У меня то именно текст, не получается что-то.
-
Доброго времени суток. Вопрос такой: Не очень понимаю, как можно сделать на одном и том же тексте (Логотип, к примеру) 2 параметра, внутренняя тень и внешняя. Заранее спасибо за ответ!
-
Спасибо огромное! Оно
-
Добрый день. Интересует вопросик такого плана: Нужно построить 3-ех, 4-ех секционные раскрывающиеся списки вида: Главная категория 1 Подкатегория 1 Ещё категория 1 Товар 1 Товар 2 Ещё категория 2 Товар 1 Товар 2 Подкатегория 2 Ещё категория 1 Товар 1 Товар 2 Как сие реализовать?
-
Спасибо, попробую так, если таки не справлюсь. Вот оно, спасибо. То, что нужно. все так, как я и хотел. Вопрос решен, отписавшимся спасибо и всех благ!
-
Верхний регистр названия шрифта при подгрузке приводил к некорректному отображению, точнее - отсутствию оного, нужный шрифт не отображался, если вы это имели в виду. С отображением я, вроде бы, справился, а вот с размером отступа одной строки от другой, увы, нет, т.к. в коде ничего на сей счет не нахожу, фаербагом все спаны изучил, но так ничего и не нашел. (текст под инпут формой) Отступы с доктайпом Отступы без него, то есть так, как и требуется
-
Будьте добры, помогите кто-нибудь с отступами новых строчек, кто сможет, опытным глазом гляньте в фаербаге: http://alexsolovei.ru там текст над иконками, почему <br> такие большие промежутки?
-
Используется какой-то стандартный, видимо, во всяком случае не тот, который нужен. При локальном просмотре все хорошо, тот шрифт, что и выставлен, а именно на хостинге совершенно не тот. Только вчера его установил, пока не шибко понял, как им управляться <!DOCTYPE html> - пробовал, ничего не меняет. все line-height были убраны, и маргинов нет. <div id="ad_text_1" style="position:absolute; left:15px; top:76px; width:143px; height:73px; z-index:41; text-align:center;"> <span style="color:#000;font-family:'Roboto-Bold';font-size:13px;">Низкое энергопотребление</span><span style="color:#000;font-family:'Roboto';font-size:11px;"><br>Вы экономите более 70%<br>по сравнению с лампами<br>накаливания.</span></div> Вставляешь доктайп - здоровые отсупы в br, убираешь доктайп - все хорошо. Я почему и туплю Попробую с фаербагом повозиться, но как им искать ошибки я, честно говоря, пока не очень понял, хоть и видео успел посмотреть. Хотя, я тут повозился с ним, оказалось, что в fonts.css путь до файла tff надо заключать в кавычки "путь", а не в одиночные ' путь' и в пути до шрифта надо было убрать заглавные буквы
-
Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все нормально. Просматриваешь с хостинга - обнуляются. ЧТо делать? И, как убрать эти отсупы между строками? Сверху как должно быть, снизу - как получается, хотя шрифт один и тот же Причем, самое смешное: Если я убираю вначале документа строку <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">, то эта разница между строчками <br> становится такой, какой и должна быть.
-
Не совсем то я имел в виду. пример тут. Если нажать на кнопку обратной связи, в всплывающем модальном окне появится форма для заполнения. Заполняем, жмем "заказать", и открывается страница подтверждения, только вот открывается она как новая страница, а мне же нужно, что она сменила собой форму находясь в этом же самом окошке, а не как новая страница.
-
Добрый день. Вопрос такой: У меня форма обратного звонка, которая модальным окном открывается поверх индекса. Взял скрипт отсюда Вопрос: Как сделать так, чтобы при нажатии на кнопку "отправить" в том же самом окне загрузилась другая страница с подтверждением о удачной отправки? Заранее спасибо.
-
Пара вопросов: Оптимизация img при верстке и позиционирование внутри таблицы
Eridani replied to Eridani's question in HTML Coding
Спасибо, полезная информация, но нужно будет время привыкнуть. -
Пара вопросов: Оптимизация img при верстке и позиционирование внутри таблицы
Eridani replied to Eridani's question in HTML Coding
Так дело в том что, если я поставлю как background в стиле, то вся эта бандура 1918 шириной отобразится лишь частью на мониторе, насколько я знаю, на фон нельзя воздействовать всякими там width'ами и height'ами. Вот что это получится, если фоном . Хотя, я нагло вру, напутал что-то, вот что вышло, если фоном с фиксированной высотой блока: background:url(images/main_block_bg.jpg) no-repeat top center А насчет двигать...вот об этом способе я не знаю. Не затруднит чуточку просветить? -
Пара вопросов: Оптимизация img при верстке и позиционирование внутри таблицы
Eridani replied to Eridani's question in HTML Coding
Спасибо. Ну, я сделал так, вроде бы то, что нужно: <div id="container1" style="position:relative; width:auto;"> <img class="topImg" src="images/main_block_bg.jpg" border="0" alt="" /> <div id="form_container" style="position:absolute;color:#fff; padding-left:30px;padding-right:30px;padding-bottom:10px;padding-top:45px; border:3px solid white; border-radius:10px; width:205px; height:150px; right:350px;bottom:50px;"> -
Всем добрый день. Помогите решить задачу, битый день уже сижу. Есть тут картинка с трассой, которая в макете 1918 шириной, никак не могу додуматься, как её оптимизировать под различное разрешение. Пробовал масштабирование, но тогда элементы такие как input'ы, таймер и т.п. при свертывании экрана уплывают влево вверх под белый хидер. Скручивание по горизонтали тоже пробовал, естественно, картинка тогда сплющивается как гармошка, не комильфо совсем. А вот, что у меня в итоге получается. Не знаю, просто если я сверху формы ещё и таймер так же воткну, то он точно уползет за белый хидер при свертке окна браузера. #Снизу: Решено И ещё вопросик, чтобы новую тему не создавать: Позиционирование элемента внутри ячейки таблицы. Этот синяя ячейка: <table id="mainblock" width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="hdImg" width="auto" height="600"> <div id="form_container" style="position:absolute; background:#565; color:#fff; border:3px solid orange; width:205px; height:150px; left: 740px; top: 395px;"> <form method="post" action="send.php" id="order-form"> <div class="controls controls-group"> <input name="fio" type="text" class="input_text" value="" placeholder="Введите имя"/> <input name="phone" type="text" class="input_text" value="" placeholder="Введите телефон"/> <input name="email" type="text" class="input_text" value="" placeholder="Введите E-Mail"/> <input class="btn btn-warning pull-right" value="ЗАКАЗАТЬ РАСЧЕТ" name="send" type="submit" form="order-form"></button> </form></div> </td> </tr> </table> В form_container в стиле есть left: 740px; top: 395px, если я правильно понимаю, форма спозиционированна от левого верхнего угла ячейки (td). Это она у меня на 1366 будет смотреться нормально, а у кого разрешение экрана больше, то все равно, форма будет занимать именно эти координаты? Если да, то как прибить её к правому краю ячейки hdimg, а оттуда уже сделать отступ margin'ом (или чем там, я уже в тегах запутался, по 13 часов в день сижу уже за этим), чтобы при горизонтальном свертывании страницы она ехала следом за этим "свертыванием" ? В принципе, я создал ещё один div блок на всю ширину ячейки таблицы, а дочерний form_container проставил в стиле как right:30px;bottom:30px; и вроде бы эффект достигнут, не знаю пока, насколь актуально. Заранее спасибо за ответ и огромная просьба, не закидывайте тапками. Я с дивами только два дня назад хоть как то дружить начал.
-
Спасибо огромное. Проблема решена
-
тут. только, желательно, чтобы текст внутри картинки тоже можно было обделать своим стилем. Спасибо
-
Для наглядности: #req_button { text-align: right; padding-right:150px; padding-top:0; z-index: 5; } </style> <style> #req_button_text { text-align: right; padding-right:150px; padding-top:0; z-index: 6; } </style> <div id="req_button" style="req_button"> <img src="images/req_but.png" style="width:128px;height:28px;" alt=""></a> <div id="req_call_text" style="req_call_text"> <img src="images/req_call_text.png" style="width:120px;height:13px;" alt=""></a> </div></div> Вот я и не пойму, как либо картинку с текстом запихнуть в кнопку, либо обычный текст внутри кнопки.
-
Мне было бы удобно контролировать ширину кнопки путем изменения в style внутри image, с бэкграундом такое не получится. Тем более, я не понимаю, как данный бэкграунд прибить к правому краю и сделать padding от него, чтобы кнопка при свертывании окна ехала по шапке, в которой она стоит.
-
Есть у меня кнопка: <div id="req_but" style="text-align: right; padding-right:150px; padding-left:0;"> <a id="req_but" title="" href="./callback.php?iframe"> <img src="images/req_but.png" style="width:138px;height:28px;" alt="></a> </div> Как внутрь неё запихнуть текст с другим дивом? Просто, если делать div class и создавать стиль в style.css, прописать там background и делать кнопку фоном, то это будет не то. Я могу вставить другой див путем указания точных координат и прилепить его прямо на кнопку, но тогда это будут артефакты при свертывании экрана, этот текст не будет сворачиваться, если уменьшать броузер по горизонтали. Проще говоря, нужен текст со своим стилем внутри img Что делать?
-
В том и дело, что он каждый элемент сохраняет без обрезки. к примеру, это кнопка 100 на 70, она идет, естественно, как отдельный слой в фотошопе, только вот после экспорта это будет кнопка 100 на 70 и фон размером 1918 на сколько то там, и конечно же, её надо вырезать из фона самому.