HTML Coding

29542 questions in this forum

1. как растянуть картинку на всю доступную ширину блока?

   Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

   Asked by F4rr3LL, March 7, 2016

   0 votes
   13 answers
2. Как показать div из div'а который "display: none"

   Всем привет. Возможно ли такое: К примеру есть div и на нем всём стоит "display: none", + он содержит очень много вложенных div. Как показать один из этих вложенных div не взерая на выше примененный параметр. Пример: <div class="blablabla_1" style="display: none;"> ...очень много еще всего <div class="blablabla_2">Трали-вали</div> <div class="blablabla_3">Опа-опа-па</div> <div class="blablabla_4">Пик-пик-пик</div> <div class="blablabla_5">Карамба-вах</div> ...очень много еще всего </div> Как показать из всего этого только <div class="blablabla_4">Пик-пик-пик</div>? …

   Asked by Compaq6720s, November 18, 2010

   0 votes
   9 answers
3. Опытные верстальщики, а как вы проверяете на крассбраузерность?

   Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете

   Asked by flagreit, March 2, 2011

   0 votes
   39 answers
4. стиль нумерованного списка

   Здравствуйте! У меня вопрос по стилям списка, по статье http://www.htmlbook.ru/content/?id=58 А можно ли задать цвет и шрифт только для цифр списка (1. 2. ...) а сам текст чтобы оставался таким же, как и вне списка? Конкретно, я хочу, чтобы цифры были шрифтом Тахома серого цвета, а пункты списка - это ссылки, шрифт такой же, но цвет другой, заданный стилем. При этом еще над списком ссылок название, оно таким же шрифтом, того же размера и цвета, но жирное. сейчас я сделал так: <span class="simpletext"> <br> <strong>Заголовок</strong><p> <ul> <li><a class="mail" href="http://www.free-lance.ru/users/atahanov/viewproj.php?prjid=…

   Asked by dangler, October 22, 2008

   0 votes
   15 answers
5. <noindex>

   Подскажите пожалста, если я заключу в тег noindex счётчики, то это не будет влиять на общую индексацию сайта, а также на PR?

   Asked by Glebr, January 29, 2009

   0 votes
   8 answers
6. Сворачивание меню в Bootstrap

   Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…

   Asked by Тёмик, March 2, 2015

   • bootstrap
   0 votes
   0 answers
7. Не работает clearfix

   Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

   Asked by L1felv0er, June 2, 2015

   • float
   • clearfix
   0 votes
   14 answers
8. Очередной height=100% в Опере и ФФ

   Asked by makarena, October 24, 2007

   0 votes
   14 answers
9. Отступ после текста

   Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?

   Asked by okunev2, September 11, 2007

   0 votes
   8 answers
10. IE8 Beta

    На прошлой неделе тестил IE8 beta. Вот то что на первый взгляд удалось отыскать. 1) Наличие встроенного IE development Tools, очень похожа теперь на fireBug, а в чем то даже, пожалуй, превосходит его. В частности есть отдельные опции отслеживания старта и выполнения JS функций. (fb показывает время работы) 2)умышелнно уронил браузер - автоматически оживает! 3)ну и вобщем как и общеалось - эмулция ie7\ie8 одной кнопкой. Похоже microsoft проапгрейдил таки свою кучку индусов.

    Asked by Amigos, September 1, 2008

    0 votes
    16 answers
11. картинка и Div перекрывает ссылки

    Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; pos…

    Asked by mistadrumma, May 29, 2013

    • div
    • верстка
    0 votes
    8 answers
12. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity, May 25, 2010

    0 votes
    4 answers
13. Как импортировать css в отдельный файл ?

    Подскажите как Как импортировать css из html в отдельный файл ? ———————————- не актуально

    Asked by Roman--1, January 20, 2009

    0 votes
    16 answers
14. CSS позиционирование блоков

    Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?

    Asked by klyne19, April 26, 2010

    0 votes
    8 answers
15. Слетают стили при заливке на хостинг

    При просмотре сайта локально на компе все хорошо, но пи заливке на хостинг все расползается и стили не видны, возможно и скрипты. Можете подсказать в чем проблема? если в адресе, то где и на что его поменять нужно? ссылка на сайт: http://proleading.ru/ ссылка на папку на хостинге, в которой лежит index и папки (css, fonts, images, scripts): /home/furniturei/domains/proleading.ru/public_html/

    Asked by Serg Shew, June 30, 2015

    • стили
    • css
    • хостинг
    0 votes
    10 answers
16. Закруглённые края ПОМОГИТЕ

    Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?

    Asked by Phoenix88, January 25, 2011

    0 votes
    10 answers
17. HTML-редактор с проверкой закрытия тегов

    Всю жизнь на подхвате был IBM WebSphere — удобно было проверять на элементарные ошибки типа не закрытых тегов или кривых вложений. В Windows 8.1 он работать перестал. Поискал — все не то. Повседневный RJ TextEd всем хорош, но вот проверять такие ошибки не умеет. Кто что подскажет, в идеале — из бесплатного. Спасибо =)

    Asked by Artlive, January 7, 2014

    0 votes
    1 answer
18. Помогите с вёрсткой

    В общем - проблема такая: Вот скрин - Как эту часть шаблона сделать, чтобы она расширялась на весь экран? Я отдельно делаю левую часть и правую... Правая - всё картинка, а левая - высота 100% и ширина в 1px... (на рисунке примерно видно, как я резал в фотошопе) Размножаю - всё нормально.... Но! Как сделать номер телефона тоже по центру? P.S. Могу предположить, что с <div> и position - но как? P.P.S. Спасибо...

    Asked by DjTarik, September 9, 2008

    0 votes
    13 answers
19. Свойство Text decoration для поля

    Доброго времени суток! Хочу задать вопрос к специалистам CSS Вот страничка http://nablago.com.ua/content/co-enzyme-q10 Там написано: Старая цена: 360,00 (Все зачеркнуто) А нужно, чтобы была зачеркнута только цифра 360,00 Как это сделать? В CSS прописано . field-field-oldtzena { text-decoration: line-through; color: green; } .field-field-oldtzena .field-label-inline-first { text-decoration: none; color: red; } Как видите цвета отображаются нормально, а свойство text-decoration: none почему то не хочет становится как надо.

    Asked by VasyOK{!}, September 23, 2010

    0 votes
    31 answers
20. Расположение блоков друг под другом в несколько колонок

    Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более к…

    Asked by dropoff, March 23, 2011

    0 votes
    4 answers
21. Зафиксировать ширину таблицы/ячейки

    Как зафиксировать ширину таблицы и/или отдельной ячейки, чтобы контент ее не растягивал? Прописать width="чего-нибудь" не помогает

    Asked by Aryan, September 13, 2008

    0 votes
    2 answers
22. float и overflow

    Всем привет! Есть код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …

    Asked by vikusik, June 4, 2011

    0 votes
    27 answers
23. Определенные контент от сайта в <iframe>

    Здравствуйте. Извиняюсь, если пишу не в ту категорию, ибо не знаю, к какой категории отнести мой вопрос. Появилась нужда сделать чтобы в <iframe> выводилась определенная часть контента сайта, т.е. контент в определенном блоке. Была мысль реализовать это через :select(Если не ошибаюсь) в CSS но как сделать, чтобы все выводилось я не понял. Такое вообще можно реализовать не прибегая к js или php?

    Asked by Faberton, April 15, 2015

    • iframe
    • div
    0 votes
    8 answers
24. Высота ячеек в IE

    Проблема такая: Наверстал страничку, сделал таблицу примерно таким образом: Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал) Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS. Вот код тейбла: <TABLE cellspacing=0 cellpadding=0 class="big" rules="none"> <TR><TD colspan=3 height=259> <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259> <TR><TD rowspan=2 width=756 height=234> <TD background="/images/toptop.…

    Asked by k@ss, July 4, 2007

    0 votes
    6 answers
25. Не работает input radio

    Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL) Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/ все работает. На локальном и хостинге нет. Ссылка на сайт http://garmoni.inf.ua/Brandly/ в самом низу

    Asked by garmoni, December 4, 2017

    • input
    • radio
    0 votes
    4 answers