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

29,542 questions in this forum

  1. Всплывающий блок при наведении на картинку

    Подскажите, как можно осуществить такой эффект (чтобы при наведении на картинку всплывал блок, а на этом блоке были расположены две иконки-ссылки?) В большинстве случаев, описывается всплывающий текст, а вот как сделать, чтобы вместо текста были иконки? Спасибо.

    Asked by Orarifish,

    0 votes
    1 answer

  2. Проблема в кириллице подключаемых шрифтов

    Проблема c кириллицой, семейство helvetica cyrillic condensed, белка не справилась, какой костыль придумать?

    Asked by soltx,

    0 votes
    4 answers

  3. уезжает первый элемент списка

    Доброго дня! Есть тестовая площадка avtoshuba33.ru/pay , добавили текст со списком UL. В FF, Opera 12 и даже IE 10 - все ок, в хроме и ему подобных браузерах уезжает первый элемент списка. Почему - не могу никак понять.

    Asked by awpshko,

    0 votes
    3 answers

  4. отступы над/под меню

    Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 10px - 15px - не могу понять где мне это исправить. Подскажите может еще что нибудь добавить или убрать нужно, вот коды: css: #dropdown_nav {width:1076px;padding-left:0px;padding-top:0px;display:inline-block;list-style:none;border-radius:5px;border-bottom:0px solid #777;-moz-border-radius:5px;-webkit-border-radius:5px;background: #DCDCDC url(../img/menu.png);-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #dropdown_nav li {padding:12px 0px 12px 0px;float:left;position:relative;display:inline-block;} #dropdown_nav li a {text-decoration:…

    Asked by HarPy,

    0 votes
    4 answers

  5. Слайдер на CSS

    Мучаюсь со слайдером. Почему, при сужение окна браузера, у обёртки пропорционально не изменяется высота, как у самой картинки? Как исправить? http://www.cssdesk.com/grrW4

    Asked by DivMan,

    0 votes
    1 answer

  6. Не работает скрипт.Почему?

    Не работает скрипт.Почему? $dir = "c:\2"; // Открыть известный каталог и начать считывать его содержимое if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { echo "файл: $file : тип: " . filetype($dir . $file) . "\n"; } closedir($dh); } }

    Asked by aleks100,

    0 votes
    3 answers

  7. Странно себя ведет position: fixed

    Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы

    Asked by inter1c,

    0 votes
    5 answers

  8. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4,

    0 votes
    0 answers

  9. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator,

    0 votes
    1 answer

  10. Помогите с расположением элементов!

    Здравствуйте! Подскажите как можно сместить иконку Facebook вправо а текст оставить слева чтобы потом иконки можно было добавить border. Вот код HTML <div class="item__price"> Цена по запросу <a href="" target="_blank"><i class="fa fa-facebook"></i></a> </div> Вот Css .item__price { padding: 5px; font-size: 16px; margin-bottom: 5px; color: #778899 }

    Asked by kaska25k,

    0 votes
    2 answers

  11. Размеры шрифта и отступы

    Начал верстать страничку и возник вопрос: есть ли вариант узнавать сразу какая реальная высота строки в фотошопе и в браузере не выделяя ее каждый раз, чтобы корректно задать для нее отступы, а то бывает так, что строка , допустим, написана прописными буквами, и на автомате меряешь до края буквы, а потом оказывается что там еще пара пикселей в которых нет текста и лазишь, меняешь везде =( и еще возникала проблема с тем что в разных браузерах высота блока со списком выходит разная, маргины между всеми элементами заданы, так что остается искать о5 же подвох в высоте строк в списке

    Asked by Joyfit,

    0 votes
    0 answers

  12. Плохое поводение IE 6

    Делал кнопку для форума у всех браузеров все нормально кроме IE 6, никак немогу решить проблему http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a3a8c/oblog.png Так в IE 7 http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a8c/oblog_1.png Сама кнопка http://s2.itrash.ru/idb/48ac2f71ff8e2264d0.../obutton-bg.png <th colspan="3" > <a href="" class="f-button" style="float: right;" ><span><img src="images/button-ico/plus.png" alt="" />Открыть тему</span></a> </th> /* ——- Button —————— */ .f-button { background: url('../images/button-ico/button-bg.png') left 0 no-repeat; text-decoration: none !important; cursor: pointer; font-size: 11px;…

    Asked by Mr.Black,

    0 votes
    7 answers

  13. тормозит отображение стиля

    Народ, вобщем проблема такая, открываю я страничку своего сайта, и сначала она отображается как будто стиль не применен, а потом через секунду применяются стили и страничка выглядит так как должна выглядеть. Урл к сожалению не могу дать. В чем может быть проблема где порыться? Пробовал код через валидатор прогнать, он нашел кучу хлама, но даже с обновленным кодом чудит. сайт написан на php и делает всякие запросы к базе данных. Я взял открыл страничку и скопировал html код, и запихнул в отдельный файл, тормоза остались. Даже та страничка где всего 2 картинки по 15кб тормозит с отображением

    Asked by Frie,

    0 votes
    1 answer

  14. Бэкграунд

    Всем привет! Вопрос по повду бекграунда: http://d76952.u43.allramhosting.com/. Бекгрунд сверху и соотвественно снизу, когда меняешь размер окна по вертикали, вылазит белый бекграунд (снизу). Соотвественно этого быть не должно, пытаюсь сделать другой рипитбл бекграунд абсолютом, пока безуспешно. Может у кого была подобная проблема, буду благодарен за совет

    Asked by rusmn,

    0 votes
    4 answers

  15. Проблемы с размещением на галерее jQuery

    Здравствуйте, на галерее размещаются текст и картинка и смещаются к левому краю. И вот я периодически возвращаюсь к вопросу, как сделать, чтобы были они размещены на всю длину галереи. Испробовано масса вариантов... Может кто-то сможет подсказать, в чем же проблема и что добавить-убавить... Да, шаблон резиновый и на низком разрешении, все прекрасно, а вот на высоком... Сайт http://v-modus.ru Спасибо

    Asked by Ksenia,

    0 votes
    3 answers

  16. Таблицы

    Всем добрый день. Проблема какая-то смешная, но справиться с ней не получается. Есть простая таблица, border="0". Но на выходе (в Мозилле) отображается верхняя граница (белого цвета). Как я с ней только не билась, везде прописывала none и 0 (в таблице, в css), перекрашивать пыталась - 0 реакции. Вот скриншот: В таблицу заключены юзерпик, заголовок, автор и дата создания. Люди опытные, подскажите, как её убрать!

    Asked by brussnika,

    0 votes
    3 answers

  17. Несколько вопросов по структуре table

    Доброго дня уважаемые. Подскажите почему "Шапка сайта" равняется по классу body_l, когда в классе header ничего не задано ? Как можно сделать чтобы "Шапка сайта" была одной колонкой и по середине? Вот мой код: <table> <thead> <tr class="header"> <td><b>Шапка сайта</b></td> </tr> </thead> <tbody> <tr class="body"> <td class="body_l">Left</td> <td class="body_c">Center</td> <td class="body_r">Right</td> </tr> </tbody> <tfoot> <tr class="…

    Asked by Krava,

    0 votes
    1 answer

  18. Контент на всю высоту

    Нужно сделать контент на всю высоту <div id="main"> <div id="content"> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p> </div> <div id="sidebar"> <div class="widget"> <ul> <li><a href="/">CSS</a></li> <li…

    Asked by moslem,

    0 votes
    3 answers

  19. Проблемы с версткой

    Всем здарова, опять открываю эту тему. Есть сайт tkturist.ru, в браузере Mozilla на странице Контакты внутри ,блока с id content есть ,блок #main где и располагается контент на сайте, если добавить туда содержимое в main, то ,блок content не растягивается по высоте под main, потому что в #main-position:absolute, кто знает как мне переделать верстку чтобы #content подстраивался под содержимое #main ? Очень нужна помощь второй день не могу решить проблему

    Asked by romanov,

    0 votes
    2 answers

  20. Внезапный БАГ

    Столкнулся вот с такой проблемой, которая просто ввела меня в ступор: http://jsfiddle.net/ViES/5pEYs/ ВТФ?? Что с внутренним блоком?

    Asked by ViES,

    0 votes
    5 answers

  21. Вопрос по XSLT

    Вопрос удален!

    Asked by malsyst,

    0 votes
    0 answers

  22. уменьшается ширина в firefox

    Всем привет!) происходит что-то не объяснимое.) Ширина в firefox 15.01 почему-то отображается немного меньше чем та которую я установил в коде. В остальных браузерах все в порядке. подскажите что не так? вот ссылка

    Asked by Bava,

    0 votes
    6 answers

  23. Атрибут data-*

    Есть такое в справочнике или учебнике? Дайте ссылку, пожалуйста. Спасибо

    Asked by skvor,

    0 votes
    2 answers

  24. Ветки дерева

    Добрый день. Подскажите, есть ли какое то "правильное" решение, чтобы сделать такое? Если делать блоки одинаковых размеров, как длину и высоту, то все хорошо. Но интересует именно резиновость по высоте. Линии я делаю через :after :before В случае горизонтальной, это border, а вот у вертикальной картинка стоит, хотя тоже можно через border. Кстати тоже не откажусь от "правильного" решения, как организовать линии. Смотрел много решений, но зачастую все используют картинки, ну и размеры там везде четко определены. Может кто видел решения? Или подсказать есть чем.

    Asked by npofopr,

    0 votes
    1 answer

  25. Не могу разобраться с divами. Нужна помощь!

    Здравствуйте. Извените что так со старта с такими вопросами, но нужен совет. При создании сайта столкнулся с такой проблемой: Есть div обновляемый при нажатии на кнопки без перезагрузки всей страницы. В нём таблица с картинками. К каждой картинке привязан toolTip с описанием. На главной всё путём, а после перехода на 2-ю страницу diva, границы toolTipа остаются в его пределах. При наведении на крайние картинки половины подсказки невидно. Не пойму в чем дело((( Вот код: <div id="okno"> - окно которое обновляется <table> <tr> <td> <CENTER><a href="#">Элизиум</a></CENTER> <CENTER><a href="#" class="tooltip" title=…

    Asked by mat,

    0 votes
    1 answer
×
×
  • 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