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. Вывод таблицы клиентов и ее сортировка

    Прошу подсказать каким инструментом лучше пользоваться чтобы вывести в html таблицу с информацией о клиентах. В таблице много значений, соответственно вывод будет постраничный. Также необходимо иметь возможность просматривать и редактировать детализированную информацию по клиенту. Саму выведенную таблицу сортировать по полям. В принципе устроил бы вывод аналогичный phpmyadmin. Поискал варианты реализации этого функционала, как я понимаю можно сделать это все и на html+PHP, но реализованных вариантов найти не смог. Подходящие решения нашел в Jquery, но там сходу разобраться не удалось. Поэтому прошу подсказать с помощью чего лучше реализовать данный функционал. Если кто…

    Asked by Pestov,

    0 votes
    6 answers

  2. Смещение текста относительно строки без помощи <sub>

    Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?

    Asked by Alien-i,

    0 votes
    7 answers

  3. Выравнивание float блоков по строкам

    Привет. Собственно ссылка http://jsfiddle.net/bc2b9jtd/Трудно объяснить что именно я хочу, но я постараюсь. Есть блоки с содержимым, содержимого может быть по-разному: немного или чуть больше, чем немного. Хочется сделать так, чтобы эти блоки шли ровными строками. Совершенно понятно как это решать таблицами: http://jsfiddle.net/bc2b9jtd/1/ А можно ли это как-то решать без них? Не обязательно использовать block, можно inline-block.

    Asked by Veseloff,

    0 votes
    2 answers

  4. Блок с закруглёнными краями и градиентным border

    Как сверстать блок с закруглёнными краями и градиентным border? На примере кнопки, я сверстал используя не стандартный подход, а есть ли более правильный семантически корректный подход в решении таких задач? Не нравится что кнопка вышла фиксированного размера. Много CSS-свойств. *, *::before, *::after { box-sizing: border-box; } body { background: #050B1F; } /* Верхний слой */ #button-continue { margin-top: 46px; width: 331px; height: 54px; border: 3px solid transparent; border-radius: 56px; background-color: rgba(11, 27, 55, 1); position:relative; cursor:pointer; } /* нижний слой (Градиент) */ #button-continue::after { cont…

    Asked by Delat,

    0 votes
    3 answers

  5. Как избежать наложения текста(выпадающий список)?

    <script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" style="position:absolute; top:…

    Asked by AlexMak,

    0 votes
    3 answers

  6. Вертикальный текст

    Всем привет! Хотелось бы узнать есть ли такой тег, который бы текст расположил бы вертикально?

    Asked by raiden,

    0 votes
    2 answers

  7. Нужна помощь в ограничениях на сайте

    Приветствую! Есть шаблон. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="http://maltin.ru/artlemon/shablon/css/layout.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="top">Предоплата 100%. Бесплатная доставка примерно 1-2 недели.<br /> <span>ВНИМАНИЕ!</span> Кликайте по кнопке <em>«Купить сейчас»</em&…

    Asked by art-Limon,

    0 votes
    0 answers

  8. Помогите с проблемой в опере и ie

    Мы с женой сделали сайт для нашего храма htttp://www.vavtovo.ru/hram. Это наш первый и, разумеется, некоммерческий сайт. Он достаточно простой, но, тем не менее, полностью устраивает и нас, и настоятеля. Мы столкнулись с нерешаемой для нас проблемой: когда смотришь галерею (точнее, нижние фотографии галереи) в ie7 и в опере, то полноразмерные фотографии появляются сверху за пределами просмотра монитора. Чтобы их посмотреть, нужно поднять прокрутку. Тогда как в хроме и мозилле все фотографии, независимо от их расположения, открываются по центру экрана. Подскажите, пожалуйста, как быть? Если такая ситуация уже где-то встречалась, пришлите, пожалуйста, ссылочку на решение. …

    Asked by uncleChalex,

    0 votes
    5 answers

  9. тег <metricconverter>

    Утро бодрое всем! кто нибудь встречался с тегом <metricconverter>? что ето и с чем его кушают? я чего-то не смог найти внятного объяснения для чего он у гугла

    Asked by Torvin,

    0 votes
    4 answers

  10. Изменение ширины textarea

    Доброго времени суток. Есть элемент textarea c таким CSS: ... width: 500px; min-width: 100px; ... Согласно замыслу, при уменьшении ширины страницы, ширина поля тоже должна уменьшаться. Но получается вот это: Прошу помощи.

    Asked by Sandr,

    0 votes
    3 answers

  11. Проблема приоритетности селекторов в css

    Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM

    Asked by Mavellol,

    0 votes
    9 answers

  12. Отображение swipe меню

    Пишу сайт с планшета, тем самым не имею возможности 'проинспектировать элемент'. Проблема следующего характера: http://kfb7900.bget.ru Сверстал свайп-меню, вверху (header) появилась полоса (блок), если открыть меню, полоса исчезает, при закрытии вновь появляется У кого какие соображения?

    Asked by DimmoS,

    0 votes
    3 answers

  13. margin-right в IE

    есть такой код (это сокращ?нный вариант, но суть отображает полностью): <html> <body> <div style="margin-right: 600px; border: 1px solid red; overflow: hidden;"> фывафыва фываыв аджлфыоав должфырв алдорфыв алдрфыв jhgjhgjhgighklhglhkljhkljhkljhkljhlkjhjkhkjhkjhlkjhlkjhkljh;liojojli;h;luihoiu </div> </body> </html> Для чего это надо? Надо, чтобы содержимое при разном размере контейнера заполняло его по ширине, оставляя постоянно справа поле фиксированной ширины под другие данные... В FF вс? работает отлично (попробуйте поизменять размер окна браузера...) В IE - посмотрите, что делает эта какашка... Необходимо решение проблем…

    Asked by ZoNT,

    0 votes
    2 answers

  14. Левые графические маркеры в IE6

    Проблема - страннее некуда. Сделал графические маркеры для элементов списка, но в ИЕ6 и ниже, как-то неправильно отображается маркер верхнего элемента списка - он съезжает вниз зачем-то. http://www.korben.biz/nukerus/modules.php?name=Products - неправильное отображение только в ИЕ6, ИЕ5 тоже - ниже не пробовал, но видимо также. В FF, IE 7 и Опере работает правильно. Подскажите, пожалуйста, в ч?м может быть заскок? уже вс? перепробовал! Вот код CSS: .nav { margin-left: -20px; padding-top: 10px; } .nav li { float: none; } .nav ul li a:hover, .nav ul li:hover { list-style-image: url(images/arrcur.gif); } .nav a.current, .nav a.current:visited { color:#ff0000; list-…

    Asked by Korben,

    0 votes
    1 answer

  15. <area> прога

    Слышал кто-то про прогу, которая помогает вручную составлять карты ,(а не вручную набивать координаты )? Я подозреваю, что это штмл редактор. Не подскажет кто нибудь где эта кнопочка ?

    Asked by shiz,

    0 votes
    1 answer

  16. Размер окна и видимость DIVa

    Не могу понять как сделать так, чтобы при размере окна до 1200 пикселей блок не отображался, а при 1200 и больше отоюражался. помогите плиз

    Asked by DiMas,

    0 votes
    2 answers

  17. float и border

    Всем хи!!! Не могу решить тривиальную задачю. Есть контейнер, включающий в себя плавающие дивы. Как сделать чтобы граница внешнего контейнера отрисовывалась вокруг плавающих в нем дивов. <style> #pageNavigationPanel { border: 1px solid #000; height: auto; } #pageNavigationPanel div { position: relative; float: left; width: 14px; height: 14px; } </style> <div id="pageNavigationPanel"> <div>32</div> <div>1</div> <div>2</div> <div>32</div> <div>3</div> </div> fkds

    Asked by CoDy,

    0 votes
    2 answers

  18. Что-то не то =(

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" dir="ltr" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <link rel="stylesheet" type="text/css" href="#" /> <style type="text/css"> html, body {height: 100%; width: 100%; margin: 0; padding: 0} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} tabl…

    Asked by Yahoo!,

    0 votes
    1 answer

  19. map и area

    Недавно поручили администрирование сайта, сайт вроде делали профессионалы, но сколько их не просили исправить ошибку, так все и осталось... Проблема в следующем: на сайте навигация представляет собой карту-изображене. В opera и FF все отображается корректно, но в IE ссылки куда-то уезжают и находятся совсем не в том месте, где должны быть. Вот код: <div id="flash"></div> <script type="text/javascript"> var so = new SWFObject("assets/flash/flash2.swf", "flash", "527", "256", "9", "#FFFFFF"); so.addParam("wmode", "transparent"); so.write("flash"); </script> <div style="position:absolute;left:0px;top:0px;text-align:center;z-index:3;width:100%;"&g…

    Asked by zeff,

    0 votes
    4 answers

  20. Двойной backround в CSS в IE

    Всех приветствую. Возникла такая проблема. background: url(img/img1.png) bottom no-repeat, url(img/img2.png) top no-repeat; Создание окаймляющих элементов для верха и низа блока нормально отображается в Opera, Chrome А вот IE 8 не отображает. Если просто background: url(img/img1.png) bottom no-repeat; То нормально, а вот для верха и низа сразу не отображает. В чем проблема? Как обойти или исправить? Спасибо!

    Asked by Svoi,

    0 votes
    4 answers

  21. Редактирование стилей пейджера

    Столкнулся с одной проблемой, и никак не могу ничего с ней сделать. Суть: <div class="item-list"> <ul class="pager"> <li class="pager-numbers first">Page 2 of 3</li> <li class="pager-previous"><a href="/node" title="Go to previou[img][/img]s page" class="active">‹ previous</a></li> <li class="pager-item"><a href="/node" title="Go to page 1" class="active">1</a></li> <li class="pager-current">2</li> <li class="pager-item"><a href="/node?page=2" title="Go to page 3" class="active">3</a></li> <li class="last"><a href="/node?page=2" class="active">Next ››&l…

    Asked by red_komrad,

    0 votes
    8 answers

  22. Cron Jobs

    Мой хост предоставляет так называемые услуги Cron Jobs/ Что там нужно отобразить, чтобы в определенной папке на сайте удалялись файлы тхт?

    Asked by chest,

    0 votes
    12 answers

  23. верстают ли сегодня по модульной сетке

    Случайно наткнулся на статью об применении в верстке модульной сетки gird960, статья очень старая, посему вопрос, актуально ли сегодня верстать с применением сетки?

    Asked by karlitos32,

    0 votes
    5 answers

  24. Вопрос про псевдоэлементы

    Доброго времени суток! Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью): http://www.screencapture.ru/file/C0A13E7e http://www.screencapture.ru/file/7472932B Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно. Спасибо!

    Asked by web-monster,

    0 votes
    6 answers

  25. Overflow увеличивает высоту родителя

    https://jsfiddle.net/6on27wxf/ Вот такой простой пример. При использовании стиля overflow: hidden; у родительского div увеличивается высота и снизу появляется серая полоса. Если overflow убрать то все нормально. Как сделать overflow: hidden и сохранить высоту?

    Asked by uniken1,

    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