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. margin сдвигает родительский блок

    Здравствуйте! Объясните пожалуйста, почему когда я прописываю margin-top блоку #mid_header - сдвигается вместе с ним родительский элемент #header? http://jsfiddle.net/NZ4FV/1/ Буду очень благодарен!

    Asked by Imperil,

    0 votes
    4 answers

  2. Сайт на Joomla.

    Здравствуйте ! Хочу сделать простенький сайт с 1видео, на шаблоне Joomla. название-сайта.RU ( раньше никогда не делал ) Посоветуйте хостинг бесплатный или не очень дорогой, куда можно загрузить шаблон Joomla? а то выбор вроде большой, боюсь ошибиться. Прошу подсказки у тех, кто разбирается. Спасибо

    Asked by salmin,

    0 votes
    7 answers

  3. полоска сверху

    люди подскажите как сделать полоску (не изображение) как у вас сверху, там где кнопки Статьи,Блог,Практикум итд.

    Asked by 2rikyo,

    0 votes
    3 answers

  4. Как теперь наблюдать за стандартами?

    Так как W3C не имеет никакого дела уже к HTML5, а им занимается WHATWG то как я понимаю W3C ж уже не документирует HTML5, по этому подскажите пожалуйста где можно следить за офф. стандартами. И как дело обстоит с CSS? W3C им же еще занимаются и на их сайте можно следить за стандартами?

    Asked by tini.kRyptoNite,

    0 votes
    3 answers

  5. Убрать фокус с элемента в форме.

    Задача следующая. Есть форма в ней список, в списке инпуты, но последним в списке идёт плюсик, нажав на который, добавляются ещё инпуты. Но суть в том, как сделать так, что бы при нажатии Tab, фокус не попадал на плюсик? Без скриптов.

    Asked by tefery,

    0 votes
    2 answers

  6. Резиновый макет как застваить сжиматься-разжиматься

    Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…

    Asked by param,

    0 votes
    8 answers

  7. В чем ошибка?

    Вот ссылка - http://validator.w3.org/check?uri=http%3A%2F%2Fupdatedir.ucoz.ru%2Fdir&charset=%28detect+automatically%29&doctype=Inline&group=0 Я не пойму в чем суть моей ошибки? После "/" пишет ошибку точнее выделяет ">" выделяет красным!Почему? Извините=)перевел на русский и все понял)) Только теперь еще проблемка.Перевел текст,но не понял в чем суть проблемы Еще раз тысяча извинений))я все понял что от меня хотят)дело в том,что я не поставил элемент ul))просто это тег я разместил на странице со всем атериалами)) А вот теперь я бессилен((подскажите в чем суть моих ошибок?

    Asked by ELBegemotos,

    0 votes
    6 answers

  8. Совмещение центрирования и фиксации.

    Начал изучать "html5, css3 и web 2.0" по Дронову. Пишет сухо, догонял, пока писал про html, в CSS вообще опа полная началась. Почитал уроки, посмотрел примеры, но не нашел ответы на интересующие вопросы. Читал примеры, листал форум, похожее есть, но не про нашу честь, как говориться. К делу: пишу страничку, задача, примерно обрисована в схеме.., необходимо поверх фонового изображения накинуть несколько блоков с рисунками. Основная сложность - позиционирование. В целом, в полном окне все выглядит неплохо,но как только начинаю масштабировать окно браузера, все начинает плыть, кнопки (граф. текст в схеме) съезжают, баннер сверху на главной съезжает, все болит, ничего не помо…

    Asked by wyvannm,

    0 votes
    0 answers

  9. можно ли так делать?

    можно ли использовать такие имена id, будут ли проблемы? <body id="site"> <div id="header"> <div id="logo"> </div> <div id="top-navigation"> <ul> <li>О компании</li> <li>Сертефикаты</li> <li>Нагарды</li> <li>Контакты</li> </ul> </div> <div id="phone"> <span id="code">(+375-29)</span> <span id="number">1-233-456</span> </div> <div id="navigation"> <ul> <li>О воде</li> <li>Спасенные</li> <li>Неспасенные</li> <li>Транспорт</li&g…

    Asked by olechic,

    0 votes
    4 answers

  10. Не отображаются бордеры. В чем проблема?

    Привет, ребят! У меня прописанные бордеры не отображаются, подскажите в чем проблема. Код представлен ниже: <!DOCTYPE HTML> <html lang="ru-RU"> <head> <title>untitled</title> <meta charset="UTF-8"> <style type="text/css"> html, body {margin: 0;} .top-left { position: absolute; top: 0px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .top-middle { position: absolute; top: 0px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dash…

    Asked by bearsandvodka,

    0 votes
    4 answers

  11. Где искать элементы шаблона?

    Возможно, тема сформулирована неправильно, но я не знаю, как по-другому. Итак, есть картинка, которую нужно удалить вместе с дивом, в инспекторе браузера это выглядит так: <div id="left-col" class="three columns"> <div id="block-block-16" class="block block-block">содержимое</div> <div id="block-aggregator-feed-2" class="block block-aggregator">содержимое 2</div> <!--9c7ec26b--><!--9c7ec26b--> </div> Мне нужно полностью удалить блок <div id="block-block-16" class="block block-block">, при этом в файле шаблона на этом же месте: <div id="left-col" class="three columns"> <?…

    Asked by maritca,

    0 votes
    2 answers

  12. Главное меню

    Помогите разместить элементы главного меню друг возле друга. <div class="hmenu"> <ul class="gor_menu1"> <li><a href="#"><span><b>Головна</b></span></a> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Загальна інформація</span></a> <ul class="gor_menu"> <li><a href="#">Законодавча база</a></li> <li><a href="#">Контакти</a></li> </ul> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Напрямки діяльності</span></a> <…

    Asked by Tyurin,

    0 votes
    2 answers

  13. Перебор массива объектов JSON[HELP]

    написал скрипт для вывода массива...но он както коряво выводит..что не так? Посмотрите http://smirnoff.ho.ua/JSUI/ Код: $(document).ready(function(){ $.getJSON( "json/posts.json", function(data){ for (i = 0; i < data.length; i++) { var post = [data[i].title, data[i].body]; $("#posts").append("<article><header><h3>"+post[0]+"</h3></header><section><p>"+post[1]+"</p></section><footer><div id=\"tags\"></div><div class=\"controls\"><a class=\"btn btn-danger btn-mini\">удалить</a></div></footer></article>"); for (a = 0; a < data[i].tags.lengt…

    Asked by DartBein,

    0 votes
    0 answers

  14. Непонятная конструкция <img>

    Вопрос очень прост: что значит и как работает следующая конструкция. <img id="xxx" src="/get_attachment.html?*параметры*">

    Asked by pumpkin,

    0 votes
    6 answers

  15. Не работает ссылка

    Уважаемые спецы, ПОМОГИТЕ! Проблема следующего рода: есть какой-то текст, в котором есть такая ссылка: <a href="#/yгтамжын наадан\">ФОТОГРАФИИ</a> и есть место, на которое эта ссылка отправляет: <submenu page_title="УГТАМЖЫН НААДАН" swf="media_gallery.swf" xmlPath = "xml/naadan.xml" bgType = "image" bgFile = "images/background/15.jpg"/>. Закавыка в том, что если имена написаны кириллицей, то ссылка не работает. А латиницей ну никак нельзя. Как можно побороть эту проблему?

    Asked by ehfuif,

    0 votes
    1 answer

  16. Пользовательская полоса прокрутки

    Здравствуйте! Мне нужно поменять стандартную полосу прокрутки в браузере на собственную. Не просто поменять ее цвет, а полностью заменить - то есть использовать собственное изображение... Реально ли это осуществить и каким образом..?

    Asked by QoooPer,

    0 votes
    9 answers

  17. Разъезжаются блоки.

    Здравствуйте, при изменений размера окна браузера или просто ,при нажатий сtrl + , некоторые блоки в дизайне разъезжаются по сторонам. Как избежать этой проблемы ? Посмотреть что происходит , можно по этой сыллке http://www.nurme18.eu/fc/ Спасибо.

    Asked by Simel,

    0 votes
    1 answer

  18. Резиновый сайт с динамическим сайдбаром

    Есть дизайн, резиновый (растягивается по всей ширине страницы)? в две колонки (контент и правая колонка). Проблема в том, что на одной странице правая колонка имеет ширину допустим 40%, а на другой - 20%. то есть я понимаю так, что для правой колонки я ширину не задаю, но как сделать, что бы левая( то есть контент) растягивался в первом случае на 60%, а во втором на 80%. Помню где-то видел подобное решение, но нету времени искать. Заранее спасибо.

    Asked by dradven,

    0 votes
    1 answer

  19. Почему высота блока имеет нулевую высоту, хотя выставлено 100%

    Почему высота блока имеет нулевую высоту, хотя выставлено 100%? Родительский div вытягивается на всю страницу. http://ufalug.ru Речь идет о div`е с id=container

    Asked by veleg,

    0 votes
    7 answers

  20. как это сделать?

    как по такому макету http://savepic.net/3007217.htm выполнить следующие условия: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайдер резиновый. При малом разрешении зарезается справа. и еще один вопрос правильно ли я определил блочную структуру http://itmages.ru/image/view/573149/7c1b8177

    Asked by olechic,

    0 votes
    3 answers

  21. Древовидный список

    Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном прогр…

    Asked by Atmos,

    0 votes
    1 answer

  22. проблема с круглими меню

    меню не появляется в Chrome и в Opera, а в Mozille все пордядке..Помогите пожалуста, пытался создат вот такой http://jsfiddle.net/jPFgS/17/ круглинкий дизайн, (я совсем новичок в этом,) так вот, в вверху 3 меню, средная при "hover" появлается, а вот те другие нет, в mozilla все работает, а вот в Chrome и в Opera нет, как можно решить эту проблему?.прошу знаюшим помочь мне..извенитье за плохой русский, сам я не русский..

    Asked by sarhov,

    0 votes
    0 answers

  23. Хром двинулся

    Здравствуйте. Проблема не дает мне спокойно сдать проект заказчику: Вся проблема в том, что в хроме все изображения, которые я задаю как фон для div'ов двинулись на 1px влево, или же фон (body) двинулся на 1 px вправо и другие картинки не вписываются и оставлюят такую пустоту. В чем проблема и как ее можно решить? Зарание благодарен.

    Asked by BetaVersion,

    0 votes
    6 answers

  24. Новое окно с заданными параметрами по нажатию на submit

    Здравствуйте! Подскажите пожалуйста, как по нажатию на кнопку формы <input type="submit" value="КЛИК"> открыть файл обработчик, который указан в атрибуте action, в новом окне, поверх текущего с заданными параметрами. По типу mywindow=window.open('uploud.php' ,'','height=300, width=300' ); Или как вариант, как уйти от кнопки <input type="submit" value="КЛИК"> к обычной ссылке <a href='uploud.php'>КЛИК</a>, но так что бы все данные формы записались в суперглобальный массив POST. СПАСИБО!

    Asked by fiver,

    0 votes
    5 answers

  25. Уезжает меню, HELP!

    Ребята, меню наверху с кодом #headermenu{ margin:0; clear:both; width:1000px; height:82px; background:url('../image/jp/header_menu.png') center no-repeat; margin:auto 10% auto 10%; position:fixed; top:65px; z-index:1002; При расширении на большой экран не остается по центру, а уезжает левее. Как сделать так, чтобы оно оставалось по центру?? =( Ссылка на скриншот:

    Asked by ce-ce,

    0 votes
    2 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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