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
29,542 questions in this forum
-
ие8 не грузит eot шрифты?
УПД - проблемка решена, сгенерировала через .ехе утилитку и все заработало)))) Подскажите, в чем причина? В ие8 не грузятся шрифты - даже проверила и попробовала их сгенерировать другим генератором. В итоге сайт в ие8 выглядит просто ужасно
0 votes2 answers -
Насколько это глупо и почему?
Подскажите, пожалуйста, насколько имеет место быть такой код (кирпичами не кидать): <form> <ul> <li> <input id="radio-buy" type="radio" name="radio" value="buy"> <label id="label-buy" for="radio-buy"> <dl> <dt> <h2 title="Category 1">Category 1</h2> </dt> <dd title="Category description">item 1, item 2, item 3</dd> </dl> </label> </li> <li> <input id="radio-sell" type="radio" name="radio" value="sell"> <label id="label-sell" for="radio-sell"> <dl> <dt> <h2 title="Category 2">Category 2</h2> &…
0 votes10 answers -
яндекс карты и горизонтальная прокрутка
Задача такая вставить интерактивную яндекс карту на всю ширину экрана. Я взяла на 1900px - но основная ширина сайта 1000пикселей и в итоге появляется прокрутка. Как избежать прокрутки? При этом чтобы прокрутка появлялась при ширине меньше 1000 пикселей.
0 votes2 answers -
Что лучше
Что лучше создать 2 псевдокласса, чтобы сгенерировать одному из них тень, плюс p h3 тегам блока присвоить z-index или просто добавить одну картинку тени каждому блоку? Браузер тормозить не станет от лишних псевдоэлементов и такого количества контекстов наложения? Просто я верстаю лэндинг - тут итак дофига элементов...
0 votes10 answers -
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
Всем здравствуйте! Поделитесь, если у кого есть, пожалуйста, статьями или информацией по теме грамотного присвоения ID элементам. Я понимаю что отчасти дело фантазии и собственного вкуса, однако я всерьёз полгаюа, что есть ряд методик, разработанный умными дядями, с которыми было бы интеремно ознакомиться. Однако, мне мало чего удалось найти. Помню была статейка написания сайтов "мини блоками" (не помню как они по умному назывались, бам, бом или что-то такое) и внутри каждого блока элементы получали очень грамотные, длинные и говорящие за себя названия. Может один я после 30-го элемента начинаю в них путаться, т.к. не использую грамотный подход при распределении ID? Буду …
0 votes7 answers -
height:100% - проблемы с текстом
Сделал 100% высоту сайта с прижатым футером, все нормально, но только когда текст в контентной части увеличивается, то текст не видит футер(виден текст который за футером). Высоту сделал примерно так: wrapper : min-height: 100% , margin-bottom: -150px; footer : height: 150px; Полностью код привести не могу, т.к. пока проблемы с сайтом
0 votes3 answers -
IE 8
Добрый день. Я тут говнокожу потехоньку, и столкнулся со следующей бедой: страница нормально отображается на следующих браузерах: IE 10 FireFox Chrome и выглядит так но на IE 8 она почему выглядит так: (самое странное что в textarea залез кусок html.) Подскажите плз как это можно поправить? Заранее спасибо. Исходник можно посмотреть по адресу http://bizon4ik.zz.mu/Contact/
0 votes5 answers -
Нужна помощь в устранении проблем
Доброго времени суток. Буду краток. Есть шрифт, который понравился заказчику, называется "Arsenal". Так вот он отображается не корректно в браузерах кроме Хрома. Как его заставить отображаться правильно? Какие есть способы, "читы" и тд? пс: как я понимаю, каждому браузеру нужен свой формат (поправьте где не прав), он (шрифт) у меня в .otf формате, через всякие сервисы кодировал его в нужные форматы (нашел на htmlbook статью, какому браузеру какой формат), но толком ничего не помогло. пс2: На гуглфонте шрифта нету. Проблема №2: В навигации не работает z-index. Ткните носом на проблему! Сайт - baklazhan.zz.mu Проблема №3: Очень нравится навигация Бутстрепа и ее поведение …
0 votes8 answers -
Псевдокласс :hover одновременно для двух элементов!
Здравствуйте! Имеется список ссылок: HTML <ul class="roomList"> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> </ul> CSS .roomL…
0 votes11 answers -
Как начать верстать сайт
Здравствуйте. Сижу и не как не могу сосредоточится на работу. Боюсь сложности. Знаю немного html и css, в течение последних двух лет периодически этим занимался, сделал пару простеньких сайтов с использованием вышеупомянутого(они до сих пор на флешке где то у меня хранятся). Не понимал, и до сих пор не понимаю многих вещей, например зачем вначале страницы писать <DOCTYPE> и еще 2 непонятные строки, а потом уже начинать писать <html> <head> <body> и т.д. Я считал это не нужным и сразу начинал с <html>. Предпочитал работать в блокноте, так как дримвивер(если я правильно помню название) и еще некоторые средства верстки мне не нравились. Когда к…
0 votes11 answers -
Что не так? Калькулятор [JS]
Помогите пожалуйста уже всю голову переломал не пойму почему не работает http://jsfiddle.net/afZe3/
0 votes7 answers -
Некорректный размер кнопок в Mazilla
Проблема с оображением в Мазиле. http://jsfiddle.net/jontsk/WCyZr/4/ На скриншоте видно, что общая высота кнопок в Мазиле на 5px больше. Не знаю что делать с этим.
0 votes8 answers -
Шаблоны для блоков
Почти сверстал весь сайт и вопрос который я оставлял на потом встал передо мной чертой, которую не перейдя нельзя продолжить разработку. Мне нужно что-бы при активации определенного элемента, в другом див блоке выводился другой шаблон дивов. Подскажите как реализуется и\или с чего начать изучение. Спасибо.
0 votes5 answers -
Переход на страницу без перезагрузки
Здравствуйте форумчани, подскажите каким образом сделать переход по страницам без перезагрузки страници. Есть Меню сайта, по высоте сайт большой. При нажатие на пункт меню страница опускалась до блока контента где будет нужная информация. Буду очень благодарен за ответы.
0 votes7 answers -
Масштабирумая картинка в колонке таблицы для IE8,9
Есть колонка процентной ширины, туда уложил картинку с max-width: 100%, Opera, Chrome отображают корректно, но вот IE не масштабирует картинку, делая ее реальных размеров. Как с этим бороться? table .item { width: 20%; padding-bottom: 10px; } table .item img { max-width: 100%; vertical-align: top; }
0 votes6 answers -
Нубские вопросы про бутстрап
До сих пор плохо представляю, что это. Хочу задать нубский вопрос. Бутрстрап имеет часть встроенных стилей. Например, высота линии боди 1.4. В моем макете высота линии 1.2. Мне нужно поменять высоту на мою собственную. правильно? Как мне это правильно сделать, просто в моем файле стилей для боди указать другую высоту и все? Чем 3.0 отличается от 2й версии? Я так посмотрела изменили куча классов, и как я поняла, теперь нет поддержки неадаптивной верстки? То есть раньше было два вида контейнеров - адаптивный и обычный, теперь только адаптивный и если мы хотим это убрать - мы лезем в дебри из разряда " Remove (or just don't add) the viewport <meta> mentioned in the CS…
0 votes7 answers -
Объясните пожалуйста
Объясните пожалуйста,как позицию картинки вы задаёте? Например я в фш сделаю меню для сайта, вставлю в тег <div> Как задавать расположение? Или расположение в фш задаётся?
0 votes1 answer -
Транслировать картинку с другого сайта
Доброго времени суток! Проблема: есть сайт, на котором выложена картинка, ее регулярно обновляют (заменяют другой). Можно ли ее транслировать на свой сайт так, чтобы она автоматически обновлялась ? Имя картинки, естественно, тоже меняется, в чем и заключается вся проблема.
0 votes9 answers -
Нижний отступ у макета
Почему при добавлении контента нижний отступ пропадает? Ожидаю вот такое поведение http://s1.ipicture.ru/uploads/20130918/7dzP0zRW.png а получаю http://prodpak.ru/site3/ Подскажите пожалуйста, в чем ошибка.
0 votes3 answers -
Смещение полей
Здравствуйте. Есть страничка http://mobidel2.18r.ru/chat.php. При нажатии на объект из списка, я меняю размер шрифта, но вместе с этим меняется вся ширина строки объекта. Как мне высчитать padding-top и padding-bottom, чтобы после изменения размера шрифта не было смещения линий между объектами. Рассуждал так - раз увеличиваем шрифт с 11px до 13px, то нужно уменьшить поля, убрать сверху и снизу по 1px. Но в итоге все равно происходит смещение. Заранее спасибо!
0 votes1 answer -
Прошу помощи по кросс-броузерной верстке
Привет всем. Делаю сайт на заказ. Движок - Джумла 2.5, дизайн - заказной от стороннего разработчика, преобразование дизайна в шаблон джумлы - от меня. При просмотре готовых страниц в разных броузерах обнаружились проблемы. Некоторые страницы выглядят очень по-разному. Для примера - страница http://test.psy-actual.ru/team/persons Файрфокс версии 23.0.1 - все выглядит идеально. В точности как задумано. (Что не удивительно - это мой основной рабочий инструмент) Хром версии 29.0.1547.76 - почти все хорошо, только последняя фотография почему-то съехала на следующий ряд. Это странно, поскольку для ее вывода используется тот же класс, что и в других рядах из 3 фотографий. Единс…
0 votes15 answers -
Резиновый блок
Всем привет, у меня такой вопрос, есть блок #top, в котором есть 3 блока, #header, #content и #news, первые 2 фиксированной высоту, а 3-ий должен занимать оставшуюся часть блока (по высоте) #top, как это сделать?......гугл говорит написать скрипт, но так же говорит, что это не лучший вариант, хотелось бы это сделать средствами верстки, это возможно? /* Body */ html{ height: 167%; } body{ font-family: 'Titillium Web'; color: #223e48; margin: auto; width: 100%; height: 100%; } /* Main backgrounds */ div#top{ background-image: url(patterns/pattern.jpg); min-width: 940px; width: 100%; min-height: 596px; height: 63%; } div#low{ background-image: url(patterns/pattern_white.j…
0 votes2 answers -
Адаптировать дизайн под ios
никогда не занимался версткой под ios и потому не знаю их тонкостей помогите адаптировать страницу для просмотра на ios. скажите что не так в верстке что бы я в будущем делал правильно вот тестовый сайт http://opet.ru.preview.ihc.ru/
0 votes1 answer -
Проблема с таблицей в chrome
Здравствуйте! Есть проблема, которая заключается в том, что в хроме странным образом отображается фон для нижней таблицы http://prk-variant.ru/111/monitoring.html . В хроме выглядит это вот так: В других браузерах все нормально. В общем, хром почему-то заново начинает отчет фона с края каждой ячейки, хотя по идее он этого не должен делать, так как фон задан строке. Заранее спасибо.
0 votes3 answers -
нестандартный дизайн
Подскажите как так можно сверстать? В смысле какими способами? Как на картинке. Идет текст с картинками шириной где то 700 потом блокк на всю ширину страницы и опят дальше текст, Ну я думаю из картинки все понятно. Просто подскажите в каком направлении двигаться...если можно, подробней, кого не затруднит.
0 votes1 answer