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. Розовая полоса

    Как сделать чтоб розовая полоса не переходила на другую строку, а чтоб было слева желтое на 35%, а справа все заполнялось розовой полосой? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <!--<link href="style.css" rel="stylesheet" type="text/css"> --> <style type="text/css"> body,html{ margin:0px; padding:0px; } #header {width:60%; background-color:#CCFFCC; text-align:center; margin:0px auto;} #left{width:35%; background-color:#FFF…

    Asked by romantik2011,

    0 votes
    3 answers

  2. Роли и aria-атрибуты

    Подскажите, зачем нужны роли и aria-атрибуты? По моему они также дублируют друг друга. Стоит использовать и то и то, или что-то одно?

    Asked by PavelTkachev,

    0 votes
    7 answers

  3. Ролловер. Работает в FF, Chrome, Safari. В IE8 - нет :)

    Сделал ролловер : <div id="Tools"> <ul> <li><a href="#"><span>aаааа</span></a></li> <li><a href="#"><span>bbbbb</span></a></li> <li><a href="#"><span>ccccc</span></a></li> <li><a href="#"><span>ddddd</span></a></li> </ul> </div> Стили: #Tools { width:180px; height:400px; background-color:white; float:left; padding:20px 0 0 20px; } #Tools ul { list-style-type:none; } #Tools a, a:vis…

    Asked by Afrika,

    0 votes
    4 answers

  4. Роловерная кнопка средствами CSS

    Здравствуйте. Можно ли сделать ролрлверную кнопку средствами CSS с меняющемся фоном так, что бы не только при наведении но и при нажатии мышкой на не? фон менялся??? Средствами Java делать неохото так как IE блокирует скрипты и постоянно нужно давать разрешение на них.

    Asked by dennrum,

    0 votes
    1 answer

  5. Ромб средствами css

    Здравствуйте! Нужно сверстать, как на картинке ниже. Вопрос: можно ли ромб сделать средствами css? (я сделала в помощью картинки) Код здесь

    Asked by Alfa2015,

    0 votes
    3 answers

  6. Ромбовидная галерея

    Здравствуйте. Кто то сталкивался с подобного рода галереей? -- Пробовал сделать сам, но не получается сделать нижний отступ последующего ряда ромбов. Нашел решение http://mqchen.github.io/jquery.diamonds.js/, но как я понял, там можно сделать или рамку без отступов, или отступ без рамки. Если кто то сталкивался с подобной проблемой и может помочь, буду благодарен

    Asked by Temiks,

    0 votes
    1 answer

  7. Ромбовидное меню.

    Столкнулся с весьма интересной задачей - написать ромбовидное меню. Немножко почитав CSS3 собрал примерно такую штуку. Отлично работает во всех адекватных браузерах, но когда начал это оптимизировать под IE 7-8 возникла проблема. Если быть точнее - то фильтр DXImageTransform.Microsoft.Matrix работать адекватно со свойством overflow:hidden отказался напрочь. Если у кого-нибудь есть идеи как можно побороть данную беду - буду очень признателен. Не хочется из-за explorer'а пересматривать всю концепцию данного меню.

    Asked by gheljenor,

    0 votes
    4 answers

  8. Росположение фотографий в галерее

    Здравствуйте, форумчане. Я хочу сделать галерейку, похожую как в ВК. Вот что у меня получилось http://jsfiddle.net/G6JeH/ Но мне бы хотелось чтобы после первых двух фотографий дальше фотки шли в ряд и с каждой добавленной фотографией уменьшались, вот так: ,но как это сделать не знаю. Не хочется подключать какие то библиотеки для этого. Дайте направление в какую сторону двигаться Спасибо

    Asked by Даниил Виттманн,

    0 votes
    5 answers

  9. Ростолкуйте CSS правило

    min-Height работающий в FF, IE6, IE7, Opera .minHeight { min-height: 200px; height: auto !important; height: 200px; } Растолкуйте плиз, как браузеры читают правило и почему соответственно работает во всех.

    Asked by kozakmamai,

    0 votes
    6 answers

  10. Ротатор HTML для GAdsense

    Есть интересная задачка, которая имеет решения с помощью HTML, но к сожалению я пока не знаю какое. Нужен HTML код, который, при каждом обновлении страницы, должен выводить 4 разных GoogleAdsense объявления. Вернее он должен выводить одно из существующих 4 обьявлений в случайном (или алгоритмическом. Это не важно) порядке. С помощью PHP, естественно это зделать - раз плюнуть. Но вот с помощью HTML ... Спасибо. Я думаю это интересная жизненная ситуация для верстальщика или кодера...

    Asked by nazarlee,

    0 votes
    5 answers

  11. Ротатор изображения в шапке

    В стиле есть строка, отвечающая за изображение, находящееся в шапке сайта: .headimage { background:url(images/headimage.png); height:150px; background-repeat:no-repeat; background-position:center; } На просторах интернета нашел ротатор изображений на php: $format=array("jpg","JPG","jpeg","JPEG","GIF","gif","PNG","png"); $img_rand=array(); $c1=sizeof($format); for($i=0; $i<$c1; $i++){ $add_img=glob("./images/*.".$format[$i].""); $img_rand=array_merge((array)$add_img,(array)$img_rand); } $c2=sizeof($img_rand); $rand=rand(0,($c2-1)); echo "<img src='".$img_rand[$rand]."'>"; Как прикрутить этот ротатор к сайту?

    Asked by bagfinder,

    0 votes
    3 answers

  12. Ротатор как здесь

    На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?

    Asked by Imperil,

    0 votes
    4 answers

  13. Ротация при нажатии. Как заменить обычный плеер на ютуб. должны меняться ютуб окна

    Как заменить обычный плеер на ютуб. должны меняться ютуб окна, ротация при нажатии Добрый вечер Не подскажите как заменить обычный плеер на ютуб _http://promalp-skala.ru/2/index2.htm Когда нажимаешь на банеры Знакомство с Bunchems Как сделать мишку Тедди из Bunchems? и тд должны меняться ютуб окна Код окна Куда вписывать ссылки с роликами?

    Asked by 111,

    0 votes
    0 answers

  14. рубрикатор

    У меня сайт типа доски объявлений соответственно имеется рубрикатор в виде ссылок: автомобили; туризм; строительство и т.п. Какие теги лучше использовать для внутренней оптимизации? Могу ли я каждую рубрику обернуть например в <h4> или лучше в <strong>? Заранее благодарю.

    Asked by djoil,

    0 votes
    1 answer

  15. Ругается валидатор

    Никак не пойму, почему ошибка на 64 линии? http://validator.w3.org/check?uri=http%3A%2F%2Fbarbershop-borodinski.ru%2Fid19853%2Ftechnomart%2Findex.html&charset=utf-8&doctype=HTML5&group=0

    Asked by DivMan,

    0 votes
    12 answers

  16. Ругается валидатор

    Ребят почему валидатор HTML ругается на строку <html lang="en"> всего 1 ошибка никак не пойму почему все же правильно,пробовал менять на ru тоже самое вот что пишет хотя вложенность тегов правильная

    Asked by Евгений_SB,

    0 votes
    2 answers

  17. Русифицированная Дата PHP\MySQL

    Подскажите, плиз, каким образом можно при добавлении инфы занести автоматически в БД дату добавления статьи, а потом вывести дату в формате d.m.y на сайте? Пробовал создавать поле date 'TIMESTAMP' Вывод даты date("d.m.y",$row['date']); Выводится 01.01.70

    Asked by banyman,

    0 votes
    10 answers

  18. Руссификация HTML 5 шаблона

    Всем здравствуйте! Недавно занялся web-програмированием! Скачать шаблон, но когда пытаюсь вводить русский текст - все пусто, кодировки везде utf-8! Вот код <!DOCTYPE html> <html lang="en"> <head> <title>Home - Home Page | Student's Site - Free Website Template from Templates.com</title> <meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8" /> <meta name="description" content="Place your description here"> <meta name="keywords" content="put, your, keyword, here"> <meta name="author" content="Templates.com - website templates provider"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="a…

    Asked by Sunsayka,

    0 votes
    3 answers

  19. Русские буквы в url

    Подаскажите пожалуйсто как сделать так чтобы в адрессной строке на сайте можно было писать с помощью русских букв, при этом чтобы они не менялись в набор кодов букв. К примеру чтобы была ссылка site.ru/привет вместо site.ru/%EF%F0%E8%E2%E5%F2

    Asked by ZYX,

    0 votes
    7 answers

  20. Русские буквы и пробелы в пути

    Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?

    Asked by GLeBaTi,

    0 votes
    2 answers

  21. Русский WordPress

    Я так понял, что официального релиза на рус. не существует. Где его лучше брать? Где берете его вы? Мне попался на глаза от lecactus. От lecactus он только переведен или еще что добавлено? P.S. просто много где на блогах видел упоминания на сайт lecactus.ru

    Asked by Slyfox,

    0 votes
    4 answers

  22. Русский текст в IE и Firefox

    Добрый день, При заполнении формы русским текстом в Firefox на сервер приходит нормальный текст. При заполнении формы русским текстом в IE, на сервер приходит строка непонятного формата. Куда копать, подскажите? На странице используется utf-8. Заранее спасибо.

    Asked by savswsoft,

    0 votes
    1 answer

  23. Русский текст в строке браузера

    Здравствуйте! Подскажите пожалуйста, как можно реализовать название каталогов в строке браузера на русском языке? Пример: http://ru.wikipedia.org/wiki/Заглавная_страница

    Asked by Чебурашка,

    0 votes
    3 answers

  24. Рушится верстка

    Есть такой не сложный код - http://jsfiddle.net/VNkNk/ На сайте обычно это выглядит вот так - http://awesomescreenshot.com/088lzyqa6 Но если название ссылки очень большое, то получается уже такое безобразие - http://awesomescreenshot.com/07flzysc7 Текст переносится на другую строку под время. Мне это не надо. Как сделать, чтобы если текст переносится на следующую строчку, то он начинался не с начала, а примерно вот так - http://awesomescreenshot.com/040lzz140 ?

    Asked by novickOk,

    0 votes
    2 answers

  25. Рушится вёрстка в IE8

    При просмотре сайта из IE9 в режиме IE8 видно, что не работают скрипты (включая html5shiv, поэтому всё плывёт), хотя, вроде, подгружаются. Сайт на Wordpress http://angelo.hes78.com/ Статичная html-версия такой проблемы не испытывает http://webpages.hes78.com/Angelo/ В чём может быть проблема? ___________________________________________________ Сам разобрался. Весь ужас, собственно, был из-за неработающего html5shiv, потому что его необходимо подключать в header. До этого вёрстка, похоже, летела к чертям из-за ошибки js: $('input, textarea').placeholder(); до подключения jquery, который в футере. За компанию с placeholder утащил в футер и html5shiv...

    Asked by xenon_k,

    0 votes
    1 answer

  • Обсуждения

    • 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