HTML Coding

29542 questions in this forum

1. Проблема @font-face

   Подключаю два шрифта к своему сайту с помощью: @font-face { font-family: 'a_bodoninovabrkbold'; src: url('../fonts/a_bodoninovabrk_bold-webfont.eot'); src: url('../fonts/a_bodoninovabrk_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/a_bodoninovabrk_bold-webfont.woff') format('woff'), url('../fonts/a_bodoninovabrk_bold-webfont.ttf') format('truetype'), url('../fonts/a_bodoninovabrk_bold-webfont.svg#a_bodoninovabrkbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'a_machinaortoshtregular'; src: url('../fonts/a_machinaortosht_regular-webfont.eot'); src: url('../fonts/a_…

   Asked by terminotor, April 20, 2013

   • css @font-face
   • шрифты
   0 votes
   1 answer
2. Должна ли верстка быть семантичной?

   Поспорил я со своим верстальщиком по поводу семантики. Мое мнение - html должен содержать структурированную информацию и метаинформацию, но не должен содержать данных об отображении: для этого есть CSS. Его мнение - помимо структурированной информации и метаинформации html может содержать блоки, которые нужны исключительно для визуализации (к примеру, пустой <div class="clear"></div> или другие подобные контейнеры, целью которых является лишь применение какого-то CSS-стиля) Сразу скажу, что его подход доставляет мне неудобства при работе с шаблоном: я вижу больше информации, чем мне нужно (сложнее искать нужное). И могу что-то из этого сломать при редактирован…

   Asked by Absinthe, May 22, 2013

   0 votes
   8 answers
3. @font-face

   Ребята не работает @font-face body { overflow-x: hidden; background-color: #f2f2f2; font-family: Dosis,Roboto,Roboto Light,Roboto Bold;}@font-face { font-family: Dosis; src: url(fonts/Dosis.ttf) format("truetype-aat"); font-family:Roboto; src:url(fonts/Roboto-Regual.ttf) format("truetype-aat");}A файлы выглядят так. что делаю не правильно?

   Asked by ksn, September 17, 2014

   0 votes
   10 answers
4. Осваиваю Bootstrap-3.3.1. Мои вопросы.

   Здравствуйте! Я не новичок в верстке, скажу сразу. Вот решила осваивать Bootstrap, т.к. макеты, которые требуется верстать, должны быть адаптивными. Скачала http://getbootstrap.com/ Имею вот такие файлы: Работу начала с того, что за основу своей первой страницы взяла файл \bootstrap-3.3.1\docs\examples\sticky-footer.html, как наиболее подходящий. Далее создала свой файл .style.css. в котором прописываю свои стили. Возник первый вопрос: как я могу переопределить базовые стили, например, цвет рамки у полей ввода. Таких переопределений накапливается слишком много, а зачем плодить лишний код. Дебаггер ссылает меня на forms.less, где прописаны такие стили: bac…

   Asked by Светлана Г., December 21, 2014

   • Bootstrap-3.3.1
   0 votes
   18 answers
5. Страница не прокручивается при "нацелевании" через ID

   Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу. Т.к. объясняю я, возможно, не очень приведу пример: Сайт с адресом AfrikaTour.net/tours <div class="slider"> <ul> <li id="n1">1</li> <li id="n2">2</li> <li id="n3">3</li> <li id="n4">4</li> </ul> </div> <div id="n5">Бла-Бла-Бла</div> Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась

   Asked by Manka-Manka, June 4, 2016

   0 votes
   7 answers
6. Проблеммы с отображением в Мозиле и Опере =(

   Учусь верстать табличной версткой, но у меня проблемма в Мозиле и Опере некоректно отображается =( _http://la2angel.net/index-test/angel.php Как это поправить? В IE все отлично !

   Asked by Topp, January 27, 2008

   0 votes
   1 answer
7. Как правильно сверстать многоблочный DIV

   Хочу отказать от таблиц и полностью сверстать дизайн. Но произошел затык. Я не могу 1) отцентровать блок 2) правильно отобразить положение блоков. Что бы были рядом, а не по краям. Как это сделать? Вот пример трех блочной верстки. Left_c это левый блок, main правый блок. User2 находится под блоком user1. <div id="all"> <div id="left_c> <div id="user1"></div> <div id="user2"></div> </div> <div id="main"></div> </div> #all { width: 1000px; margin: 0 auto; } #left_c { width: 370px; float: left; } #main { width: 630px; padding-left: 370px; } #user1 { width: 100%; padding-left: 10px; float: left; } #u…

   Asked by PaLyCH, March 31, 2008

   0 votes
   7 answers
8. Установка flash plugin при необходимости...

   Здравствуйте. Подскажите пожалуйста такую штуку: На сайте в корпоративной сети предприятия есть страничка с внедренным флеш объектом (графики и т.д. сделанные во флеше).. Требуется для его проигрывания 10 Flash. Вопрос: Что и где прописать, чтобы тому юзеру, у которого ничего не отображается (из-за не установленного 10 флеша) предлагалось его установить из локального сервера...как-нибудь вежливо )))

   Asked by quake3, May 1, 2010

   0 votes
   4 answers
9. Онлайн аудиозапись

   Привет всем вэб мастерам... У меня вот такой вопрос возник. Я хотел бы на сайте сделать аудиозапись. Чтобы можно было записать своё аудио сообщения прямо на сайте, затем чтобы оно автоматический сохранилось и появилось где его записывали... А у других была возможность его прослушать. Я в интернете излазил где только смог, ничего не нашёл... Подскажите вообще возможноли такое сделать, если возможно то как... Надеюсь мой вопрос понятен. Всем за ранее спасибо

   Asked by lilzhenya, October 23, 2010

   0 votes
   3 answers
10. CSS3 и "угловая, ступенчатая" структура списка

    Помогите, пожалуйста, с помощью CSS3 свойств сделать список углового, ступенчатого вида (одноименные элементы должны располагаться один под другим): a. A b. B c. C d. D c. C b. B a. A Я так понимаю, что здесь будут участвовать 3 списка: 1. Список из 3-х элементов, нумерация от "a" до "c". 2. Список из одного элемента "d". 3. Список из 3-х элементов с обратной нумерацией от "c" до "a". Обратную нумерацию могу для 3-го Списка сделать с помощью "counter-reset: reverse 4" и "counter-increment: reverse -1". Но КАК расположить ступеньками элементы всех этих 3-х списков?

    Asked by kvesda, January 11, 2013

    • css3
    • списки
    • ступеньки
    0 votes
    6 answers
11. Как подчистить скрипт счетчика?

    Подскажите пожалуйста, как подравнять скрипт счетчика, они практически все написан кривыми руками, я идеалист хренов в js не шарю, а хочу, что бы валидатор улыбался :P Вот скрипт, правда я его уже сократил немного: <!-- HotLog --> <script type="text/javascript" language="javascript">hotlog_js="1.0";hotlog_r=""+Math.random()+"&s=2115087&im=565&r="+escape(document.referrer)+"&pg="+escape(window.location.href);</script><script type="text/javascript" language="javascript1.1">hotlog_js="1.1";hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");</script><script type="text/javascript" language="javascript1.2">hotlog_js="1.2"…

    Asked by Vic-Tor, October 26, 2013

    • js скрипт
    • счетчик
    0 votes
    3 answers
12. Картинка в шапке

    Здравствуйте. Появилось необходимость поместить в шапку сайта изображение. Использовал тег img <img src="контакты.png" alt="номер телефона"> На главной все отображается отлично, а на остальных страницах отображается альтернативный текст. Что я сделал не так?

    Asked by rob.rob, December 7, 2016

    • хедер header
    • шапка
    0 votes
    19 answers
13. тег SELECT

    Столкнулся с проблемкой: не могу изменить цвет элементов раскрывающегося списка. Весь инет облазил. Не подскажите, как сделать?

    Asked by lavrentiy, October 4, 2007

    0 votes
    2 answers
14. Как выровнять frame справа от img ?

    Здравствуйте. Столкнулся с такой проблемой - никак не могу выровнять 2 картинки и 1 frame (в котором содержится поисковая форма поиска яндекса по блогам) "в одну строку". Дабы избавиться от части недоговорок, я приведу код обеих картинок (они стоят в 1 строке ровно) и поисковой формы (она вста?т вниз). Все теги на странице идут подряд без переноса строки. Картинка ?1 <a href="http://plummet-me.livejournal.com"><img src="http://plummet.ru/img/666.gif" width="80" height="15" hspace="5" border="0" alt="Рейтинг блогов" align="top"/></a> Картинка ?2 <a href=http://ljplus.ru/counter/rating target=_blank><img src=http://ljplus.ru/counter/lj.php?uid=2…

    Asked by Plummet, June 19, 2008

    0 votes
    1 answer
15. Этика правильной верстки

    1) Ребят подскажите можно использовать тег fieldset /legend вне формы, а также использование картинки вместо текста( legend) технически можно, а вот правильный ли тон кодинга? 2) Можно как-то регулировать отступ левого края линии ( fieldset /legend)? У меня он получается без отступа, а иногда с отступом, как повезет, глупо конечно, но факт. 3) При использовании JаvaScript (например, мелкая интерактивность) лучше оставлять его в странице или внедрять в отдельный файл, как СиСС?

    Asked by termoplus, May 10, 2009

    0 votes
    15 answers
16. Проблема с "подвалом" (footer)

    Проблема вот в чем. Есть на сайте контент, под ним полоса height:50px;. Если контент не на всю страницу, то он все равно будет внизу страницы. Если контента много, то он окажется после него, и будет скролится. Пример такой http://vk.osvita.org.ua/footer.htm Все понятно. Но. Как я понимаю, задавая элементам body, html {height:100%}, мы задаем главным элементам размер. Теперь. Посмотреть описание CSS width "Если родитель явно не указан, то в качестве процентной записи выступает окно браузера." Т.е. задавая размер этого footer 100%, он будет не на весь экран, а на 100% видимой области, что заметно, если уменьшить размер окна браузера меньше, чем элемент на странице. Появля…

    Asked by SCHNITZER, November 12, 2010

    0 votes
    10 answers
17. верстка окна чата для сайта

    Добрый день! Моя задача - создать описание такой вот странички в CSS, фиксированного размера 1000x600(px). Не знаю как подступиться , помогите хорошим советом. Заранее благодарен, скрин требуемого скелета ниже. С этой проблемой вроде как разобрался, не уверен правда в грамотности кода на CSS =) Но вот например возникла довольно таки часто встречающаяся ситуация с версткой подобных вещей. Как грамотно описать в css? я описывал примерно так, правильно ли это? .history_options_bar { /*background-color:#0CC;*/ width:100%-20px; height:auto; padding: 10px; outline:1px solid grey; font-size:14px; } .checkbox input { border:solid 1px grey; } #message…

    Asked by vazzko, September 28, 2011

    0 votes
    1 answer
18. Трудности с версткой в Opera и IE

    Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!

    Asked by XuLLlHuK, December 6, 2013

    • border-top-radius-left
    • border-top-radius-right
    • opera
    • text-indent
    0 votes
    11 answers
19. Bootstrap 3 и IE7+

    Всем привет! Опять взываю умы верстки! Решил сделать небольшое приложение, которое должно без проблем запускаться в IE7+ и других браузерах. Решил использовать bootstrap для ускорения работы (на деле вру, но отступать уже поздно), ну и В общем то IE7, 8 в сторонке лежат и ножкой дрыгают, что делать господа? Выкладываю скриншоты и соус. Предположим 3 колонки: https://www.dropbox.com/s/2y4vusiie3vvkj3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.07.png А вот результаты IE7-8 и Opera: https://www.dropbox.com/s/wfwr43v2hrb2563/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.18.png https://www.dropbox.com/s/5f89m07ipo5a2fi/…

    Asked by Ateiri, January 24, 2014

    • bootstrap3
    • ie7+
    • layout
    0 votes
    4 answers
20. Таблицы в DIV

    На странице используется двухколонная верстка: #center { margin-right:230px; } #right { float:right; width:220px; } Нужно вставить таблицу, чтобы она растягивалась по ширине на всю центральную колонку. Если я задаю у таблицы свойство - width='100%', то во всех браузерах отображается как надо, а в IE верстка ползет, и таблица растягивается на весь экран закрывая и правую колонку. Как пофиксить?

    Asked by ololo686, March 31, 2010

    0 votes
    6 answers
21. Насколько это глупо и почему?

    Подскажите, пожалуйста, насколько имеет место быть такой код (кирпичами не кидать): <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> &…

    Asked by Arinden, September 30, 2013

    0 votes
    10 answers
22. Эффект перекатывания

    Добрый день, возник такой вопрос. Имеется маркированный список, в котором элементами являются ссылки. Хотелось бы сделать эффект перекатывания для каждой картинки-ссылки посредством CSS. Кому не сложно, подскажите, как можно реализовать?

    Asked by Songbird, May 29, 2014

    0 votes
    5 answers
23. Годиться ли такая форма?

    Годиться ли такая форма? Подскажите пожалуйста ошибки, если они есть. И можно ли по другому сделать? http://codepen.io/anon/pen/tigle?editors=110

    Asked by Roger, October 27, 2014

    0 votes
    13 answers
24. Как корректно применить обводку к блоку?

    Добрый день. Нужно расположить два блока параллельно относительно друг друга, с этим я справился скриншот ниже: Но дальше нужно добавить линию, которая будет идти до самого низа, скриншот ниже: (Добавил обводку и параллельность блоков пропала) Но даже если добавить обводку к какому-либо блоку, то этого будет не достаточно, т.к. один из блоков может быть длиннее или короче в результате чего линия не будет идти до самого низа, ниже пример, что я пытался донести: И ссылочка на код http://jsfiddle.net/6qfg1vm8/ Ка быть, господа?

    Asked by perec200, May 26, 2015

    • html
    • css
    0 votes
    6 answers
25. передача данных из формы

    Подскажите пожалуйста, существует метод передачи данных из формы в e-mail? Пробовала вот это: Имя: Фамилия: Адрес E-mail: Сообщение: что-то не получаеться. Может это вообще нето?

    Asked by Tan, July 28, 2008

    0 votes
    4 answers