HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Внутренняя тень в полях формы на мобильном фаерфоксе.
Посмотрел на мобильном устройстве сайт, в полях формы заметил внутреннюю тень градиентную от верхнего края к нижнему. У яндекс браузера было более менее, а у фаерфокса вообще жутко некрасивая, да ещё и поля формы скруглял. Я поставил все стили инпута в 0, убрал границы, и обернул дивом с аккуратной прямоугольной рамкой. Хром стал показывать отлично, как нужно, а у фаерфокса, эта ужасная тень сохранилась. Ставил box-shadow:none, но не помогло. Посмотрел другие сайты с формми, такая же шляпа. Как бы обхитрить фаерфокс и заставить показывать поле формы полностью белым цветом внутри без теней?
0 votes3 answers -
Скачивание по ссылке
<div class="newsletter_form"> <form> <input type="text" placeholder="Скачать прайс PDF"/> <input type="text" placeholder="+ презентация"/> <button><a href="files/1.pdf" download> Скачать</a></button> <div class="clearfix"></div> </form> </div> http://vitaliykurzaev.ru В IE и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…
0 votes8 answers -
CSS для ul.li. не влезает текст.
Есть страничка по адресу http://sale.srfhm.ru/css_bug/ В ней есть табличка сделанная на UL LI тегах, и вот в ячейке Описание, где выводится описание для типа питания не влезает весь текст и остальную часть не видно, скрывается стилем - overflow: hidden Пробовал убрать этот overflow, тогда вообще таблица вся разъезжается... В верстке не особо силен, подскажите пожалуйста где поправить что, чтобы текст нормально влез и весь отображался... Пробовал уже по всякому, всю голову сломал! Заранее огромное Спасибо!
0 votes1 answer -
помогите с изучением- нада книга
скиньте сылку на книгу html.4 желательно чтобы книга была с полным изучением и примерами... базовый, даже чуть больше я знаю но хотел бы выучить язык на высшем уровне. буду осчень благодарен (я когдато видел книгу 40 мб но потерял сайт и теперь не могу найти... мне бы похожую)
0 votes3 answers -
Равномерное растягивание ячеек
Верстаю горизонтальное меню табличкой. Проценты и фиксированные размеры указывать нельзя. Нужно, чтобы все ячейки равномерное растягивались, вот так: На деле, растяжение происходит так: Видно, что чем шире текст в ячейке, тем шире сама ячейка. Можно ли сделать, чтобы растяжение происходило равномернее?
0 votes3 answers -
Создание локального сервера!?
Всем доброго времени суток. Лазил по инету и узнал что можно создавать локальный сервер с помощью Денвера. Потом наткнулся на один топик на форуме, уже даже не помню на каком и прочитал что Денвер это по-простецки, и если хочешь что бы сайт был функционален и быстрей соображал лучше сервер настраивать и ставить самому. Можете пожалуйста подсказать можно ли ставить сайт на Денвер или лучше создать сервер самому? И если можно ссылку на инструкцию по созданию простого сервера и его настройке без Денвера.
0 votes8 answers -
Как называется..
Здравствуйте ребята. Подскажите, как называется такой вид рекламы когда на странице нет никаких рекламных объявлений а только случайно может открыться еще одна вкладка при нажатии пользователя на какой-либо участок сайта. Спасибо за внимание.
0 votes7 answers -
Не работает код
Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=block…
0 votes12 answers -
Div по центру c position:absolute;
Столкнулся с такой проблемой,делаю галерею на сайте. При нажатии появляется div с картинкой,и все сделал,но мне нужно чтобы этот div был по центру страницы. Как вы понимаете,для div стоит position:absolute; и z-index; Что делает невозможным выставить его по центру. Прописать margin-left - не получается,т.к. картинки разные по размеру. Вот css для div #conteiner_2{/* фон в гал */width: auto;height: auto;visibility: hidden;opacity:0;position:absolute;z-index:4;border: 2px solid #328efd;background:white;border-radius:25px;-webkit-transition: opacity 400ms,width 400ms,height 400ms,visibility 400ms ;}Вот у меня и возникла проблема,как сделать блок по центру,но при этом чтоб…
0 votes4 answers -
Ссылки
Почему то в Опере под ресунками при нажатии на него появляеться полоска. Где я допустил ошибку? А в ИЕ ссылки с ресунков принимают стиль ссылок списка. Подскажите пожалуйста как это исправить. Заранее спасибо за ответы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> </title> <style type="text/css"> <!-- body { background: #cff; margin: 0; padding: 0; } #list { float: left; width: 200px; background: #f36; } #content { margin-left: 230px; background: #f0c; } #container #list ul { margin: 0; padding: 0; } #container #list …
0 votes4 answers -
Таблица с горизонтальным скролом и неподвижной ячейкой
Всем привет. Смысл вопроса примерно в следующем. Есть таблица с данными и управляющие кнопки, которые отображаются на каждой строке таблицы. Проблема в том, что данных может быть достаточно много и физически все столбцы не помещаются на экране, ну и соответсвенно управляющие кнопки уезжают. Может у кого-то есть идеи или наработки как сделать так, чтобы блок с данными прокручивался, а столбец с кнопками всегда оставался на месте. Есть идея разбить таблицу на две и каждую поместить в свой див(один со скролом), но тут встает проблема с синхронизацией высот(ячейки не обязаны иметь одинаковую высоту) соответсвующих ячеек из обоих таблиц. Высоты конечно можно регулировать с по…
0 votes1 answer -
Проблемы с отображением в ie7
Помогите, пожалуйста! ie7 не рисует border у пустых ячеек таблицы.
0 votes3 answers -
CSS и display:none - проблема с появлением списка <ul></ul>
Здравствуйте! Задача: При наведении курсора мыши на <li>Галерея</li> должен появляться список <ul></ul> c подменюшками. После того как курсор убран с <li>Галерея</li> список <ul></ul> снова исчезает. Загвоздка: При установке в CSS параметра display:none скрипт отказывается работать, когда устанавливаю параметр display: ' ' , то скрипт работает. Будьте добры, подскажите в чем может быть проблема? Вот код: <html> <head> <title></title> <style> ul.menu ul { display:none; } </style> </head> <body> <ul id="menu" class="menu"> <li><a href="#">…
0 votes3 answers -
Заблокирована навигация
Здравствуйте! После установок кнопок счетчиков в футере темы появилась проблема с навигацией. Т.е., возникает какое-то "мертвое пространство" выше этого блока размером примерно 5 см, в котором навигация, кнопки, ссылки, переходы и пр. не работают. Отображаются, но блокированы. Вот, код блока: <div class="clear"></div> <div style="width: 495px; height: 187px; position: relative ; left: 50%; top: 50%; margin-left: -248px; margin-top: -150px;"> Здесь скрипты счетчиков </div> Изменяя значение в position, кстати, проблема с навигацией пропадает, но тогда ломается архитектура сайта. Перепробовал в этом смысле все. Так же, заметил, что навигация возобнов…
0 votes6 answers -
Изогнутое изображение средствами css
Добрый день, господа. У меня тут не большие затруднения с изображением http://s020.radikal.ru/i704/1404/1c/eed2d4f43f8e.png подкиньте идею как лучше сделать данную "закладку"(никак не могу придумать как ее назвать)? а то я в ступоре уже несколько часов Единственное что получилось это <div class="bookmark"><span class="triangle"></span></div>.bookmark { height: 250px; overflow: hidden; position: relative;}.triangle { position: absolute; top: 30px; left: 40px; width: 0px; height: 0px; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #8b8ba6 transparent transparent;}
0 votes2 answers -
Градиенты и скругленные углы в IE.
А вот нету. Если на диве висит CSS3 градиент + скругленные углы то корректного решения я не нашел. http://css3pie.com/, скажут некоторые? Работает через раз - то отрисует бекграунд то нет. На некоторых есть - на других нет. Когда стандартное filter стояло - таких проблем не было. http://dillerdesign.com/experiment/DD_roundies/ ? Без градиента. С градиентом - не работает. Jquery Corner вообще в топку - все поломал. Для тех кто думает что на сайте просто криво все сверстано - специально проверяли убрав все лишние скрипты и стили. Кто что из уважаемых гуру посоветует? Попеременно пай работает - F5 - работает, F5 - нет
0 votes5 answers -
Облако
Хочу закинуть на свой сайт через облако аудио файлы, чтобы можно было их слушать на в онлайне. Проигрывает только с dropbox, остальные гугл, яндекс, меил облако - нет. На дропбоксе всего 2гб, а мне надо 20. Подскажите можно ли слушать с них аудио на сайте, возможно я что-то не правильно делаю, что музыка не играет с них
0 votes9 answers -
проблема с сылками и нехваткой мозгов
короче смысл такой есть папка sait.ru кинул в этот денвер в ней : папка www / в ней : index.html style.css папка image и папка arhiv в которой находиться book.html ======================================== ну так вот мне нужно что бы в файле book.html были прописаны рисунки которые в папке image тобиш прописываю так и так и даже так неотображаються картинки и все , что нетак делаю??????? заодно скажите тоже самое как сделать со стилями? так несработало
0 votes4 answers -
Приоритет стилей при адаптивной верстке
Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. …
0 votes2 answers -
Родительский див и абсолютное позиционирование
как можно сделать что бы див , имеющий внутри абсолютно позиционированные дочерние дивы, растягивался на их высоту ?
0 votes2 answers -
Расположение блоков и полоса прокрутки
Исходный код: html <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> css body { background-color:#FFFFFF; padding:0 auto; margin:0 auto; } #wrapper { /*Выравнивание всех вложенных блоков по центру*/ } #header { width: 1000px; background: black; opacity: 0.8; height: 35px; top:0; position:fixed; } #footer { width: 1000px; background: black; opacity: 0.8; height: 35px; bottom:0; position:fixed; } Вопросы: 1) Создал блок "wrapper" чтобы с помощью него центриров…
0 votes6 answers -
Единая ссылка
Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!
0 votes15 answers -
@media screen and (orientation: portrait)
Насколько хорошо поддерживается браузерами свойство @media screen and (orientation: portrait)В интернете много примеров с шириной или высотой, поэтому я усомнился в широкой поддержке ориентации. Я зря волнуюсь?
0 votes22 answers -
Выделить и скопировать текст со страницы?
Сразу говорю - я чайник. Пришёл на форум за решением простейшей задачи. Посмотрите пожалуйста. Сайт не мой. http://www.scibet.com/football/2015-08-04/ В общем мне нужно выделить и скопировать текст (выделено красным): Мне не удаётся выделить текст который "прячется" за "картинкой" (линия, при наведении курсора - появляется текст) указано красной стрелкой. Его мне тоже нужно выделить/копировать и вставить в ексель. Видимо надо как то "разобрать" страницу, убрать лишние картинки - оставить только текст, что бы можно было спокойно выделить/копировать. Помогите пожалуйста. Спасибо!
0 votes10 answers -
Абсолютное позиционирование
Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…
0 votes2 answers