Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как "склеить" шаблон на Joomla и самоклепный лендинг

    Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.

    Asked by proaction,

    0 votes
    1 answer

  2. Верстка повторяющихся блоков разной высоты

    Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: http://hkar.ru/zt4R Верстка должна быть: <div class="blocks"><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div></div>

    Asked by vip,

    0 votes
    2 answers

  3. Как сделать условное применение top в зависимости от высоты?

    Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…

    Asked by nikki4,

    0 votes
    1 answer

  4. z-index:-2 улетает за страницу. можно побороть?

    привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?

    Asked by d0ublezer0,

    0 votes
    4 answers

  5. Резиновое меню

    Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. header.top nav{ position: absolute; top: 361px; height: 50px; background-color: #FBFBFB; display: table; border-spacing: 7px 5px; margin: 0px 0px 0px 476px; padding: 0px 265px 0px 50px; } header.top nav ul{ font-size: 10pt; display: table-row; } header.top nav ul li{ display: table-cell; width: 10%; text-align: center; } header.top nav li a{ font-family: arial; color: #2D2D3D; text-decoration: none; padding: 12.5px 0px 12.5px 0px; display: block; Сейчас они сжимаются одновременно...

    Asked by aqua.77,

    0 votes
    1 answer

  6. Как вставить в ссылку table и div для IE

    Имею код: .eshop a { border: 2px solid #7FB6BB; display: block; padding: 5px 0; } <td class="eshop" width="135px"> <a class="special_link" href="..."> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr><td>Текст</td></tr> <tr><td><img src=".../jpg.jpg"></td></tr> <tr><td><div>Текст</div></td></tr> </table> </a> </td> Во всех браузерах кроме IE работает корректно. Прошу помочь реализовать это для IE, желательно всех версий.

    Asked by agapit,

    0 votes
    2 answers

  7. Кривое отображение

    День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …

    Asked by laird,

    0 votes
    5 answers

  8. Преждевременная загружка footer'а

    Здравствуйте! В моём сайте http://astea.ru/ происходит преждевременна загрузка footer'а http://s2.ipicture.ru/uploads/20120429/irCEbqcW.jpg Как это исправить?

    Asked by docmai,

    0 votes
    2 answers

  9. z-index + position

    Прочитал статью http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html Не совсем понял как решить проблему для IE7 Есть: <div class="header"> <div class="menu">111</div> </div> <div class="content"> <div class="article">1111</div> <div> .headaer { [...] position: relative; z-index: 2; } .menu { [...] position: absolute; z-index: 1000; } .content { [...] position: relative; z-index: 1; } .article { [...] position: absolute; z-index: 1000; } То в такой ситуции article не залезит на headaer, а нужно что б дивы с position: absolute; залазили на дивы position: relative; Как тогда р…

    Asked by Justtie,

    0 votes
    0 answers

  10. Div с прозрачными границами

    Доброго Дня! Нужна помощь, не могу понять как верстать, пример на изображении: Высота блока динамична и зависит от контента. Ширина прозрачной границы 10px, отступ во внутреннем блоке 5px до контента(текста или картинок...) Решение нужно на CSS, без использования полупрозрачного фонового изображения.

    Asked by stranger_Jack,

    0 votes
    4 answers

  11. Проблема с кроссбраузерностью

    Здравствуйте, возникла проблема с кроссбраузерностью, во всех браузерах отображается нормально, кроме в ie, в общем как всегда, Вот результат в обычном браузере: А это в ie: Вот сам код: <ul class="avatar_p"> <li> <a href=""> <img src="" /></a> </li> <li> <a href="">Отправить ЛС</a> </li> <li> <a href="">Редактировать</a> </li> <li> <a href="">Выйти</a> </li> </ul> .avatar_p{ float: left; margin: 5px; } .avatar_p li { text-align: center; } .avatar_p img { -webkit-box-shadow: #666 0px 2px …

    Asked by Cooooop,

    0 votes
    1 answer

  12. Реализация БЭМ на XML+XSLT

    Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…

    Asked by sammasati,

    0 votes
    0 answers

  13. Кроссбраузерность

    Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?

    Asked by Jo_Sky,

    0 votes
    1 answer

  14. изменение угла наклона изображения

    Здравствуйте Помогите начинающему программисту. можно ли как-то изменить угл наклона изображения например <img>?

    Asked by vzdrizd,

    0 votes
    1 answer

  15. Проблема с padding в header

    Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.

    Asked by amalia,

    0 votes
    1 answer

  16. Хитрое форматирвоание

    Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?

    Asked by кэп,

    0 votes
    6 answers

  17. Нужна помощь с выполнением задания

    Учу HTML + CSS. Есть задание, которое никак не могу понять. Нужно сделать как на картинке. На сколько хватило моего мозга - делать нужно через BoxModel. В общем, помогите пожалуйста.

    Asked by only.semak,

    0 votes
    3 answers

  18. Использование :after&:before

    Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?

    Asked by alex.kv,

    0 votes
    1 answer

  19. Проблема со шрифтом Roboto

    Скачал с гугла фонтс шрифт и установил. Но когда в фотошое фокусирую текст, пишет мол это приведет к изменению текста. Вопрос почему? если шрифт один и тот же? жму окей и текст слегка видоизменяется. Что за ерунда?

    Asked by raptor-dm,

    0 votes
    0 answers

  20. Проблемы с микроразметкой

    Здравствуйте. На сайте внедрена микроразметка schema.org. Проблема в следующем: при поиске в гугле запроса с указанием сайта, например, "Мой товар site:my-site.ru" все отлично работает, выводится рейтинг товара в виде звездочек, цена, наличие и т.д. Но при поиске "Мой товар" кроме ссылки и описания страницы больше ничего не выводится. С чем это может быть связано?

    Asked by alex_web64,

    0 votes
    0 answers

  21. Правльность рассположение тэгов в коде.

    Знаю, что существуют блочные тэги и строчные, какие ещё есть? Какие теги относятся к блочным, а какие к строчным? Вроде как для правильного оформления, строчные теги могут помещаться в блочные, блочные в блочные, а блочные в строчные помещаться не могут. Верно?

    Asked by Нуб,

    0 votes
    1 answer

  22. Как рисовать резиновый шаблон

    Всем доброго времени суток, собственно сабж, имеется ввиду какие параметры в размерах изображения, и другие тонкости, поделитесь опытом пожалуйста.

    Asked by selevit,

    0 votes
    0 answers

  23. аудио і видео на сайте

    ВСЕМ ПРИВЕТ!!! помогите плиз!! нужны ссылка на информацию как правильно размещать видео и аудио на сайте с готовыми примерами!! киньте шаблоны у кого они есть ))

    Asked by bot87,

    0 votes
    1 answer

  24. Select - Option - в FF непонятно работает

    Всё, разобрался Снесите тему

    Asked by botyaslonim,

    0 votes
    0 answers

  25. repeat-y на заданный промежуток

    Всем привет. Я подозреваю, что решение данной проблемы касается не CSS, а JS, но решил создать тему тут. Проблема вот в чем: Существует 2 блока. В одном бэкграунд высотой 128pх со свойством repeat-y, картинка сама представляет собой текстуру из шахматных квадратов (например), а второй блок - это что-то вроде футера, который имеет замыкающую текстуру. И при растягивании блока над футером - само собой тектура не повторяется каждые 128px, а повторяется в зависимости от размера наполнения блока. Соответственно вопрос: Возможно ли свойству repeat-y задать фиксированный "шаг" с которым оно будет повторять изображение? Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept