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. Меню с круглыми углами

    Подскажите, пожалуйста, как сделать такое меню, целый день мучаюсь. вот код <div id="menu_bottom"> <span class="right"> <a href="#"><div class="top"><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div><span>Пункт 1</span></div></a> <a href="#"><div class="bottom"><span>Пункт 1</span></div></…

    Asked by _Tornado_,

    0 votes
    17 answers

  2. Как грамотно организовать навигацию

    Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…

    Asked by Syndrome,

    0 votes
    0 answers

  3. Не корректное отображение в ИЕ

    Добрый вечер. Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =) Скрины ФФ : http://imm.io/2F9K ИЕ : http://imm.io/2F9M Код css .color_block { border: 2px #808080 solid; /* Параметры рамки */ background: #E6E6E6; /* Цвет фона */ width: 180px; margin: 10px; } em.bt, em.bt b, em.bb, em.bb b { display: block; /* Блочный элемент */ height: 10px; /* Высота уголка */ font-size: 0; /* Размер шрифта */ background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */ position: relative; /* Относительное позиционирование */ } em.bt { top: -2px; /* Сдвигаем лев…

    Asked by Temiks,

    0 votes
    8 answers

  4. как правильно написать шапку сайта

    Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>

    Asked by SID,

    0 votes
    10 answers

  5. Высота блока с position relative

    Здравствуйте. вот что есть сейчас: у блока menu_text position:relative;он встает на правильное место. Но вот высота у него как 2 блока, ниже меню большое расстояние. Если я этот блок удаляю, то лишнее пространство исчезает. Как сделать так, чтобы блок advert_list начинался сразу после меню? html: <div id="menu_wrapper"> <div id="menu_center"> </div> <div id="menu_text"> <div class="menu_button"> <img src="images/menu_home_page.png"><br> Главная </div> <div class="menu_button"> <img src="images/menu_education.png"><br> Образование </div> <div class="men…

    Asked by Aurica,

    0 votes
    6 answers

  6. центрирование не работает в IE6

    Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? html Код: <!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> <title></title> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <m…

    Asked by ChipAlina,

    0 votes
    6 answers

  7. Помощь по сайту

    Что делать если, когда сохраняешь гаджет на страницу своего сайта то программа говорит что оно какое-то неправильное и будет удалено и не сохраняестся???????????????

    Asked by diachenko.alex,

    0 votes
    2 answers

  8. Пропадает margin в ie8, как исправить?

    Подскажите пожалуйста как исправить ситуацию. Есть проблема с отображением левой колонки (меню) на сайте именно в ie8 (в opera, ff, GChr и даже ie6, ie7 - все нормально). При наведении курсора на любой из пунктов меню всё меню смещается вверх, несмотря на заданный для него margin (ul#vmenu.menu{margin: 5px 0 10px;}), то есть исчезает пробел, показанный на картинке. Прилагаю скрин HTML: CSS:

    Asked by ankoch,

    0 votes
    8 answers

  9. проблема с margin

    Использую фишку с контейнером на 100%, футером с отрицательным верхним отступом и hFooter: * { margin: 0; padding: 0; } html,body { height: 100%; width:100%; } .container { background: #999; min-height: 100%; height:auto !important; height:100%; } .hFooter { height: 60px; } .footer { background: #0099CC; color: #fff; height: 60px; margin-top: -60px; } ... <div class="container"> <div class="hFooter"></div> </div> <div class="footer"></div> ... Почему если вставить в контейнер блочный элемент и присвоить ему margin-top, то конструкция не работает, появляется полоса прокрутки и футер съезжает? Если использовать padding-top, то…

    Asked by red!:,

    0 votes
    6 answers

  10. Позиционирование со знаком минус (-)

    Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо

    Asked by maasja,

    0 votes
    8 answers

  11. Frame

    Всем привет, длею сайт через fremeset В общем все получилось, вопрос заключается в седующем : как мне сделать такую же штучку с правой стороны ? т.е у меня фрейм показывает с левой. но мне хочется сделать и справой как сделаьть ? или ерез другую команду какую нит..

    Asked by Deniska_777,

    0 votes
    4 answers

  12. Полоса прокрутки к определённому div'у

    Здравствуйте, у меня возник такой вопрос: пишу чат и в списке онлайн размещяю пользователей, вёрстку делаю в таблице и чтоб ячейка не растягивалась от большого количества народу нужно применить к div'у находящемуся в этой ячейке полосу прокрутки. Подскажите как это организовать.

    Asked by Okula,

    0 votes
    2 answers

  13. Просмотр фотографий

    Приветствую! Мне необходимо разместить несколько фотографий на странице и так, чтобы несколько превьюшек, а при клике на превью - большая фото менялась. Реализовала вот так: http://garant-bryansk.ru/service/online-seminar/ <div class="block" align="center"> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="http://garant-bryansk.ru/img/img-sem/1s.jpg"></a> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.…

    Asked by art-Limon,

    0 votes
    7 answers

  14. Обёртка для Textarea

    <!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" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…

    Asked by HUNTERxp,

    0 votes
    3 answers

  15. Табличная вёрстка

    Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…

    Asked by trololo,

    0 votes
    0 answers

  16. Мышь

    Можно ли используя только DOM Level 0 получать координаты указателя мыши и если можно то какже это сделать? Можно ли скажем прописать картинке атрибут onmousemove и прописать атрибуту обработчик события вытаскивающий координаты указателя?

    Asked by miknsk,

    0 votes
    1 answer

  17. Получение текста в divе

    Всем добрый день. <div id="in1" OnClick="inOut(1)">in 1</div> Возможно ли по нажатию кнопки менять содержимое дива? in 1 заменить на Out 1 Если можно подскажите как.

    Asked by ghost,

    0 votes
    6 answers

  18. Подскажите

    Дайте пожалуйста ссылку на статью, где разработчики css рассказывают, как они предлагают использовать css. Интересует не синтаксис, как присваивать свойства различным селекторам, а структура построения таблиц стилей. В общем ссылка на статьи, где сами разработчики рассказывают, как они считают грамотно строить css. Или может то, как вы считаете грамотным. Просьба отвечать опытных верстальщиков. Заранее благодарю.

    Asked by FanAizu,

    0 votes
    1 answer

  19. XML vs HTML

    Рано или поздно HTML, видимо, отомрёт. Стоит ли полностью переходить на XML уже сейчас? Кто как думает?

    Asked by Nikolaki,

    0 votes
    36 answers

  20. Проблема с отображение блоков в EI7

    Вот есть такая структура. Когда в 1м блоке мало текста, то Div и span стоят в одну строку, когда много то span сдвигается вниз. Все работает норм, вот только в IE7 div зажимает span и он не падает ниже, а просто становится уже (так что в строку помещается одно слово) и растягивается в высоту. что можно сделать? <div style=" display: block; float: none; margin: 0 4px 10px 0; overflow: hidden;"> <div style="float:left; border: 1px solid">text text text text text text text text text text text text text text texttext text text text </div> <span style="float:right;border:1px solid">11</span> </div> white-space - не помогает при д…

    Asked by Graf.Vampir,

    0 votes
    1 answer

  21. Реализация формы регистрации

    Как реализовать на своём сайте такую фишку, чтобы юзеры могли зарегистрироваться и входить на сайт со своим логином и паролем?

    Asked by Maniac,

    0 votes
    5 answers

  22. эффект перелистывания страниц

    Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?

    Asked by -O-J-A-,

    0 votes
    7 answers

  23. Посоветуйте скрипт

    Здравствуйте уважаемые коллеги,возникла потребность заверстать динамически вот такую штуку http://clip2net.com/clip/m32940/1292844534-clip-10kb.png при нажатии кнопка2 кнопка3 переключались бы вкладки ето вроде на джекуерри было,а вот при нажатии на кнопку1 сворачивалось бы все влево,оставалась бы только эта кнопка,и разворачивалось при нажатии на нее же. Заранее благодарю за советы и примеры похожих скриптов.

    Asked by sertu,

    0 votes
    6 answers

  24. Как эффективнее решить проблему

    Приветствую! Нужна помощь опытных верстальщиков. Недавно заинтересовался версткой с помощью CSS и встал в тупик. В общем ситуация такая: 1 - { [————--HEADER————] } 2 - { [div_border1][div][div_border2] } Блок div строго по центру с фиксированной длиной 1000 пикселей. Блоки div_border1 и div_border2 заполняют пустое пространство шаблоном шириной 1 пиксель. В блоках картинки с прозрачностью и тенью соответственно, т.к. будут еще элементы позади этих блоков. Пространства между блоками быть не должно. Элемент делается для так называемого "резинового сайта".

    Asked by Kensei,

    0 votes
    2 answers

  25. Хак оперы или мозилы )

    Мне нужен хак на один из браузеров опера или мозила. Просто в мозиле с position: absolute; работает, а в опере с position: relative; Мне или для одного дописать или для другого без разницы. Если вы чтото знаете о подобных проблемах, то я с радостью прочитаю то что вы напишите;

    Asked by Mr Loga,

    0 votes
    5 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