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. Количество <header> на одном сайте

    Начал присматриваться к html 5..Возник вопрос.В инете не нашел. Если на одном сайте используется несколько шаблонов(например главная страница один шаблон, внутренние другой и т.п.).Создаю для главной страницы тэг header . В CSS стили прописываю для header.Если в другом шаблоне понадобится данный тэг. У него уже будут свои стили. В <p> тупо можно было брать и менять id или class. А как тут быть??

    Asked by Demon_gms,

    0 votes
    6 answers

  2. Подскажите, как сделать подобное?

    Добрый день. Недавно появилась идея - создать сайт с автоматизированной системой матчей по игре League Of Legends. Существует огромное кол-во подобных сайтов только по КС. Вот примеры http://fragarena.ru/ http://live-cs.ru/ . На них есть модуль для создания миксов/турниров, в принципе есть такой уже готовый для движка livestreet, однако хочется научится делать подобное своими руками. Подскажите пожалуйста какими знаниями нужно обладать для этого? Можно ли это сделать с помощью одного PHP или все обстоит сложнее? Интересуют модуль с кланварами, сообщество и модуль команд. Очень надеюсь на вашу помощь

    Asked by Piley,

    0 votes
    6 answers

  3. Прокрутка блока на странице

    Как сделать прокрутку блока во весь экран, не трогая всю страницу? Например: когда листаешь новостную ленту ВК и нажимаешь на фото, то появляется новый блок во весь экран со своей прокруткой которая не касается всей странички.

    Asked by T@NKIST,

    0 votes
    3 answers

  4. Не открывается сайт - ждет ajax.aspnetcdn.com

    Все добрый вечер! Никогда не было такой проблемы и вдруг взялась из ниоткуда Блог открывается по несколько минут, пишет "Ожидание от ajax.aspnetcdn.com. Один раз 10 минут пришлось ждать! Google вообще по этой теме ничего не выдает... Подскажите, пожалуйста, в чем проблема и что можно сделать, что вернуть блог в нормально состояние? Заранее спасибо!

    Asked by Troll13,

    0 votes
    2 answers

  5. div выходит за границы родителя

    Здравствуйте, делаю скелет шаблона, столкнулся с проблемой, при использовании float:left, блок выходит за границы родителя. Тег используется всего 2 раза, в одной части сайта. Проблемная часть помечена в коде. HTML <html> <head> <title>Games For Life</title> <link rel="stylesheet" type="text/css" href="template.css"/> </head> <body> <div id="body"> <!--Head--> <div id="head"></div> <div id="link"></div> <!--/Head--> <div id="flash"><img src="images/flash.jpg" border="0"/></div><h4 class="indi_name"><u>Инди-проекты:</u></h4> <div id="indi"> …

    Asked by ProMira,

    0 votes
    3 answers

  6. Верстка меню

    Здравствуйте! При верстке меню возник вопрос. Я хочу сделать его с в различными цветовыми сочетаниями. Как сделать чтобы можно было автоматически изменять цвет меню, ссылок и т.д. Нужно сделать чтобы на странице с меню можно было менять цвет и он автоматически изменялся. Как такое реализовать?

    Asked by devilcranx,

    0 votes
    3 answers

  7. [jQuery] выпадающее меню ajax

    Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(da…

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  8. Ограничение размеров картинки в CSS для IE

    Товарищи, помогите, пожалуйста! Тут такое дело. Взял в аренду интернет-магазин. Редактирую шаблон. Для редактирования доступны только файлы *.tpl и таблица стилей CSS. Каким-то скриптом выводится картинка с изображением товара. Дизайном предполагается, что картинка должна на странице быть уменьшена до размеров не более 350 x 350 (px) с сохранением пропорций. Выводимая картинка имеет идентификатор id="IMG_x", соответственно в CSS ее можно "подцепить" через #IMG_x. Нормальным браузерам можно сказать "max-width" и "max-heigth", и они понимают. А вот Internet Explorer - не понимает! Как можно сказать это Internet Explorer'у, чтобы он делал как надо? Вроде пробовал советы сдел…

    Asked by Catenoid,

    0 votes
    2 answers

  9. Как проще всего сделать спойлер(скрытый текст)

    На этом сайте нету о спойлерах ничего,в интернете показывают способы но слишком много лишнего в них,изза чего тяжело разобратся в принципе работы спойлера.

    Asked by pudge,

    0 votes
    3 answers

  10. Какой способ лучше всего использовать для вставки видео с ютуба на сайте?

    Вот нужно вставить много видео на своем сайте,все видео с ютуба.Начал интересоватся то как это можно осуществить и вариантов оказалось немало,больше всего запомнился вариант через iframe изза своей простоты <iframe style="display: block; margin-left: auto; margin-right: auto;" src="http://www.youtube.com/embed/_uHPoG0Oaoc" frameborder="0" width="520" height="370"/> но он меня настораживает так как на том сайте на котором используют данную технику,видео с ютуба часто лагает,и приходится копировать адрес видео и наново грузить и смотреть через сам ютуб... В общем какой способ щитается лучшим?

    Asked by pudge,

    0 votes
    3 answers

  11. Bootstrap: проблема с фиксацией блока ( affix)

    Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

    Asked by Devvega,

    0 votes
    2 answers

  12. Как устроены сылки на внешние директории?

    Вот столкнулся с проблемой,дочерных страниц сайта стало очень много(тоесть в коренной папке сайта много хтмл документов) и стало неудобно с ним работать,искать нужный файл нужной страницы в куче всего... В общем создал отдельную папку link для таких дочерных страниц,а главную страницу оставил в коренной директории.С главной страницы легко ссылатся на дочерные страницы,таблицы стилей,картинки и т.д.,а вот дочерные страницы немогут ссылатся на главную страницу,те же картинки и те же стили,скрипты и т.д. так как они снаружи.Мне кто то посоветовал поставить перед ссылкой слеш,но это неработает... В общем что нужно поставить вначале ссылки что бы она начинала ссылатся не с тек…

    Asked by pudge,

    0 votes
    2 answers

  13. Z index IE 7-8

    Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо

    Asked by Kuzyo,

    0 votes
    2 answers

  14. Помогите с проблемой!

    Привет всем форумчанам Возникла проблема, в css файле у меня установлены параметры для отображения .img Но нужно вставить одну картинку без этого стиля,применяющегося ко всем картинкам. Есть ли способ как-то обойти этот стиль,либо отключить его применение к определенной имаге?

    Asked by AIMCH3R,

    0 votes
    2 answers

  15. Скрыть\показать элементы

    Добрый вечер. Прошу помочь мне, зеленому новичку, понять... Почему работает вот это: <!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;"> <title>vicont</title> <style type='text/css'> #i1,#i2,#i3{display:none} </style> <script type='text/javascript'> <!-- function showhideBlocks(val){ if (val == 0){ document.getElementById('i1').style.display='none'; document.getElementById('i2').style.display='none';…

    Asked by Sick,

    0 votes
    4 answers

  16. Не могу обуздать картинки

    Не судите меня строго,я начинающий.У меня такая проблема.Есть некая картинка,на весь экран, на ней два флажка ссылками.При уменьшении экрана флажки разлетаются. По логике надо бы картинку с флажками завернуть в div,но как это сделать технически??не знаю. Подскажите пожалуйста. <head> <title>Шах Лав Вест</title> <style type="text/css"> body { background-color:#420200; background-image:url(http://shahlavwest.ru/images/welcome.jpg); background-repeat:no-repeat; background-position:center } .flag_1 { float: left; padding: 500px 0px 0px 220px } .flag_2 { float: right; padding: 500px 220px 0px 0px } </style> </head> <body> <div c…

    Asked by An24,

    0 votes
    1 answer

  17. Как отобразить текст со стороннего сайта?

    С картинками все просто - указал ссылку в img и все. А как с текстом? <div class="fileURLs"> <ul><li id="file_1">blablabla</li></ul> <div class="filelist-summary"> <span class="fltlft">Всего: <strong id="totalFilesBefore">5 файлов</strong> файлов общим размером <strong id="totalSizeBefore">5.5 Гбайт</strong></span> <span class="fltlft">Последний раз обращались сегодня. </span> <span class="success fltrt"></span> </div> </div> как отобразить фразу "5.5 Гбайт" со стороннего сайта на другом ?

    Asked by gendalv,

    0 votes
    3 answers

  18. fancyBox промотка контента

    Использую Inline, открывается окно с контентом, так вот. Проблема в чем, как проматывать контент (текст, картинки и т.д.), чтобы была навигация, вызов модального окна происходит по ссылке, на странице они есть соответственно у каждой свой контент. Т.е. как при промотке картинок, но только "крутить" контент (текст, картинки и т.д.).

    Asked by okunev2,

    0 votes
    0 answers

  19. как сделать «full background горизонтальный слайдер»?

    Не знаю как правильно назвать,подскажите пожалуйста, как можно сделать «full background горизонтальный слайдер» как на этом сайте http://www.waterevive.com/ ? только мне надо сделать только горизонтальный, переходы вверх-вниз мне не нужны, и на этой сайте используют Ascensor.js – там все меню прописывается в нем, и редактировать его у меня не получается, очень все запутанно, так как все параметры меню целиком прописаны в скриптах, нужен другой способ похожей «навигации»…

    Asked by gumapumba,

    0 votes
    3 answers

  20. display: none и поисковый робот

    Здравствуйте. На сайте имеется некоторый блок (div) в который рандомно выводится текст из базы mysql посредством php-запросов. Так как тексты для базы данных не готовы, там пока что выводится "рыба" (типа: текст1... бла-бла-бла.. и тд.) Для того чтобы не смущать посетителей сайта решили этот блок временно скрыть, установив в css-свойствах этого блока display: none. Вопрос. С точки зрения поисковых роботов не будет ли это считаться как нарушение? Я где-то читал, что на сайте не должно быть текстовой информации невидимой посетителю, но видимой для роботов, например, белый текст на белом фоне, и за такие приемы сильно "наказывают". Не будет ли такой прием (display: none) рас…

    Asked by dmifed,

    0 votes
    16 answers

  21. блочная вёрстка

    ребята как не пойму как сделать блочную вёрстку вот этой таблицы http://jsfiddle.net/EHTEm/23/ выручите пожалуйста

    Asked by wellew,

    0 votes
    3 answers

  22. Выравнивание текста

    Вроде простая задачка, но у меня никак не выходит. Нужно выровнять 2 слова на одной строке, один по правому, другой по левому краю. Прописать нужно стилями и обязательно внутри тэгов <body>

    Asked by gadjet,

    0 votes
    2 answers

  23. Подскажите как так сверстать

    Привет всем, Подскачите как сверстать вот так как тут http://slando.ru/ Возникли проблемы именно с средней частью (где рубрики картинками и карта) Подскажите как расположить категории точно так же.

    Asked by rusbit,

    0 votes
    2 answers

  24. Резиновый слайдер со скроллбаром

    Возникла потребность узнать, а существуют ли вообще в природе такие слайдеры. Даже на jQuerry UI обнаружил то, что итоговая ширина для всей линейки слайдов всё равно фикс. Резина нужна не для самого окна со слайдером, а для всей линейки слайдов.

    Asked by John Do,

    0 votes
    10 answers

  25. Резиновый шрифт

    Здравствуйте! Такая проблема: Делаю адаптивный сайт, использую Firefox, а проверяю просто уменьшением окна браузера. Перейдя по ссылки, вы сможете увидеть надпись вверху, и если у вас разрешение меньше 1920*1200, наверняка надпись перейдет на вторую строку, закроя тем самым ссылки. Размер шрифта в процентах, да и вообще я считаю, что все надо делать в процентах. Главное не понимаю, почему, если он в процентах, плохо отображается на других экранах. Может есть какое-то средство, чтобы не создавалась новая строка? Как видете игрался с max-height, не помогает. А заодну еще вопрос задам: почему у меня на телефоне HTC Incredible S простой шрифт идет, а не тот который я установи…

    Asked by Michael Myers,

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