HTML Coding

29,542 questions in this forum

1. Теги в селекторах

   Часто слышу про то, что мол надо избегать употребление селекторов типа. Например, вместо div.block div.sub-block писать .block .sub-block. В этом, конечно, есть смысл, поскольку теги иногда приходится менять при вёрстке/программинге или в угоду SEO, сохраняя при этом структуру документа. Однако этак можно дойти до маразма. Вот, скажем, у меня есть список, в котором десять элементов, в каждом элементе — ссылка, а в каждой ссылке — спан. Вешать классы на всю эту радость — сущий дурдом. То есть от подобных селекторов: ul.primary-nav li a span никуда не денешься. Ну ладно, li можно выкинуть — если считать, что код у нас по умолчанию валиден. Да и вообще, я вот верстаю в…

   Asked by Gaspode, November 7, 2011

   0 votes
   12 answers
2. Как сделать так что бы убрать действие ТЕГА(кода)

   Как сделать так что бы убрать действие ТЕГА(кода). К примеру <code></code> не действует на HTML, что можете посоветовать?

   Asked by skoch244, November 8, 2011

   0 votes
   4 answers
3. задача с box-shadow

   Буду краток. Необходимо сделать вот такую фигуру: Тень вокруг должна быть одинаковой.

   Asked by D3N, November 8, 2011

   0 votes
   23 answers
4. Помогите с версткой

   Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём

   Asked by AcdcRTEM, November 8, 2011

   0 votes
   3 answers
5. что надо убрать,чтобы исчезли по бокам полосы

   подскажите,взял себе за основу,один из многих доступных шаблонов http://jsfiddle.net/dummy/nnCMZ/ и хочу применить его как скелет,но заметил,крайне не приятную вещь - по бокам есть фон цвета бордо(#800000) ,как мне вообще убрать это? хочу,что бы было просто три колонки не зависимо от монитора,и хедер был растянут на все 100,а футер вообще убрать. буду благодарен за помощь.

   Asked by dummy, November 8, 2011

   0 votes
   4 answers
6. Как правильно поставить тег leech

   У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо

   Asked by Tsilya, November 8, 2011

   0 votes
   11 answers
7. Тэг <LI>

   Валидно ли использовать тэг LI без UL, OL или MENU ?

   Asked by Gold Dragon, November 8, 2011

   0 votes
   29 answers
8. Посоветуйте инструмент для нарезки макетов

   Интересны ваши мнения о плюсах и минусах вашего инструмента для нарезки макета. Мне нужно будет резать PSD и JPG макеты. Основные плюсы и минусы, которые меня интересуют: -сложность освоения инструмента; -цена инструмента; -удобство и быстрота нарезки при использовании этого инструмента.

   Asked by zhenyaku, November 8, 2011

   0 votes
   2 answers
9. Интеграция сайта с социальными сетями

   Господа, нужно добавить кнопочки с лайками и шарой facebook и google+. Если твиттером и vk я как-то разобрался, то тут все сложно... Как сделать эти кнопки?

   Asked by bob_24, November 8, 2011

   0 votes
   3 answers
10. Проблема с версткой меню в IE

    Здравствуйте! У меня произошел затык с версткой меню в IE 7 и выше. Меню второго уровня отображается под слоем меню первого уровня. Не могу понять в чем дело и решить проблему, а сроки поджимают. CSS #navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; font-family: Arial; /*my*/ font-size: 10pt; /*my*/ } ul#navmenu-v:after { clear: both; display: block; position: absolute; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border: 0px solid #C1C1C1; } …

    Asked by nuuta, November 9, 2011

    0 votes
    3 answers
11. Мистика в IE 8

    Здравствуйте. Не могу понять с версткой одну мистику: IE 8, имеются два одинаковых селекта для которых прописаны свойства position: relative и left: 20px. Один из них отображается корректно, а второй съезжает, самое интересное когда в инструментах разработчика для кривого селекта убираешь галочку с left: 20px, а потом сразу же ее возвращаешь, при этом по сути ничего не поменяв - selectы становятся на свои места. Вот как так? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=…

    Asked by AloneCoder, December 9, 2011

    0 votes
    9 answers
12. Background-image из элементов страницы

    А можно ли сделать Background-image для страницы не из картинки, а из описанного элемента в css файле(допустим опишем в css квадратик, а потом как-то вставим его в фон повторяться )без JS?В html5 css3?

    Asked by Анна, November 8, 2011

    0 votes
    21 answers
13. Фоновое изображение по краям монитора

    Здравствуйте. Не могу решить задачу: есть декоративная рамка, её нужно пустить (с повторением естественно) по краям монитора (вне зависимости от разрешения...). Вопрос: возможно ли это реализовать средствами CSS 2.x? Или только через CSS3 путём добавления нескольких фоновых изображений? Я это вижу так, что нужно пустить 4 фоновых элементов рамки (сверху, справа, слева, снизу с соответствующим репитом для каждого). При этом ещё долэны быть углы рамки в виде декоративных квадратов - их просто раскидать по 4 углам. Подскажите, может есть какие-то ещё варианты? И правильно ли я рассуждаю? Заранее благодарю за подсказки.

    Asked by DarkTranquillity, November 8, 2011

    0 votes
    3 answers
14. Изменение цвета подчеркивания у ссылки

    Такая проблема: нужно сверстать электронное письмо, применение стилей запрещено. Для изменения цвета ссылки использую конструкцию <a href=""><font color="цвет">Ссылка</font></a> Цвет ссылки при этом меняется, а цвет черты под ней нет, не знаю как исправить.

    Asked by karlitos32, November 8, 2011

    0 votes
    12 answers
15. Плавающие дивы

    возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?

    Asked by sdasddsa, November 8, 2011

    0 votes
    4 answers
16. Золотая середина ограничения ширины для резинок

    Здравствуйте. Какое ограничение по ширине для резиновых сайтов принято считать оптимальным? Или лучше делать вообще без ограничения?

    Asked by Squidward, November 9, 2011

    0 votes
    6 answers
17. Разорвать бордер...

    Есть такая проблема: Хэдер выделен нижним бордером, а бэкграунд с картинкой ложится под него. Хочется разорвать бордер в месте пересечения с картинкой... clip не поможет - блок в нормальном потоке и позиционировать его низя. был вариант поверх бордера налепить кусок скопированый с бэкграунда... Но вёрстка полу-резиновая (1024-1280), проценты точно не обсчитаешь - боюсь будет разъезжаться... Какие нибудь варианты есть?

    Asked by Nanto, November 9, 2011

    0 votes
    11 answers
18. Подскажите библиотеку для создания окошек

    Ищу библиотеку для создания окошек на сайте. Сделал окошко для помощи, в виде отдельного слоя, но есть проблемы. Хотел бы решить с помощью какой либо JS библиотеки, чтобы не изобретать велосипед. Если кто знает, дайте сцылок пожалуйста

    Asked by Enkee, November 9, 2011

    0 votes
    2 answers
19. style.css и скрипты

    в первый раз в жизни понадобилось редактировать сайт. вроде все нормально, но начальству захотелось чтобы картинки увеличивались по клику. нашел скрипт на http://beholder-eye.info/2006/03/13/litebox?commented=0 всё работает, но возник вопрос. можно ли подключать скрипты в файл style.css или придется перерабатывать всё, что до меня наделали? если можно то как?

    Asked by Хелкар, November 9, 2011

    0 votes
    2 answers
20. Обращение к элементу

    Здравсвуйте. Подскажите пожалуйста. Есть следующая вложенность. <div id="main"> <div> <div> <a href="#"> <img alt="image" src="#" /> </a> </div> </div> </div> Нужно обратиться к 3-ему диву. Обращение типа : #main div div { } не подходит, так как картинок на странице куча, которые в свою очередь обворачиваются в такую же иерархию дивов. А мне нужно задать стили только одному диву, а не всем. Написать id нужному диву, так же не получится, див создается и генерируется джаваскриптом и я не пишу этот скрипт. Подскажите пожалуйста, кто знает...

    Asked by DarkKnight, November 9, 2011

    0 votes
    4 answers
21. Выложил сайт на хостинг - сменилась кодировка

    Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?

    Asked by bob_24, November 9, 2011

    0 votes
    7 answers
22. Посоветуйте книгу по верстке (в PSD)

    Здравствуйте. Посоветуйте пожалуйста какую нибудь хорошую книгу по верстке в pdf формате, чтобы я мог закинуть ее на мобильный телефон и читать на парах, а то скучно.

    Asked by AcdcRTEM, November 9, 2011

    0 votes
    3 answers
23. zoom и еще

    Для решения таких задач как например inline-block элемент в IE используется такое сочетание: .inline{ zoom:1; *display:inline; } ну или так-же зум используют для правильного обтекания картинки текстом без залезания его под картинку так вот собственно вопрос в том, что фактически дает zoom и зачем перед display нужна звездочка. Заранее благодарен за ответ.

    Asked by fragilewelldone, November 10, 2011

    0 votes
    3 answers
24. наследование свойств css

    Доброго времени суток всем! У меня такой вопрос, возможно его было бы правильнее задать в теме HTML, но все же. Как наследуются свойства тэгов (селекоров) в css? Например у меня такой код html: <html> <head> <title>Any's</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <a href="http://google.ru"> <h1>Моя таблица стилей </h1> </a><br> <h2>Текст 2</h2><br> <h1 class="any">Это ссылка на что то .ру</h1> </body> </html> и если в css прописать для класса any отдельные свойства, отличные от свойств селектора h1, то те св-ва которые н…

    Asked by en5er, November 9, 2011

    0 votes
    6 answers
25. Дивы сломали мне голову!

    Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них. Суть на картинке. Первая строка переносится так что обтекает время. Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос. Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата. вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял) <li><div id="map-time"><?php the_time('d/m/y')?></div><div id="map-name"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div></li> Буду очень благод…

    Asked by rcoma, November 9, 2011

    0 votes
    2 answers