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. Три дива объединить, position: absolute не подходит. Что использовать?

    Прошу помочь реализовать одну идею, есть таблица из 1 строки и 2 колонок, размеры таковы( высота 100% ширина каждой колонки 50% от ширины экрана). В каждой ячейке фотография, нужно поставить прицел в центр каждой ячейки. Код <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } </style> </head> <body> <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;"><img src="1.jpg" height="886" width="955"></div> <div style="position: absolute; width:3px; height:50px; background:#f00;to…

    Asked by Атом,

    0 votes
    3 answers

  2. Редактирование размеров курсора в Chrome

    Здравствуйте, Есть окно поиска. Все бы ничего, но при введении текста в него, Chrome и Firefox ведут себя по-разному в плане размеров мигающего курсора. Firefox Chrome Как видно, курсор у Chrome больше и почему-то лезит наверх. Можно ли как-то решить данную проблему?

    Asked by Feel,

    0 votes
    0 answers

  3. Виджеты для коментариев вконтакта и фейсбука

    Вот себе на сайт хочу под каждую статью и видео сделать виджет вк(для русской версии сайта) и виджет фейсбука(для англ).Вот пример такого виджета от вконтакта http://dota2.ru/video/4185-novye-veshhi-14-marta-new-items-14-march/ а вот собственно оффициальное описание и создание такого виджета http://vk.com/developers.php?o=-1&p=Comments . Так вот хотел спросить о некоторых моментах: 1.Добавить такой виджет на сайт стоит денег? 2.Зачем там есть возможность выбрать "Количество комментариев" если всеравно писать их можно сотнями??? пример: http://dota2.ru/video/4202-naviars-art-the-tribute-movie/ 3.Меня в фейсбуке нету,скажите,есть ли там подобная фишка или нету?

    Asked by pudge,

    0 votes
    6 answers

  4. Помогите разобраться с background url

    Здравствуйте, Не могу найти причину отсутствия подгрузки подложки для формы поиска. Вот так все работает: background: #EEE url(https://lh4.googleusercontent.com/-EllJnywnmlY/UAaKJYSYYMI/AAAAAAAABUU/IaRo-yUcRmc/s235/search.png) no-repeat; Копирую картинку себе на пк, меняю путь: background: #EEE url(img/search.png) no-repeat; И картинка уже не подгружается. Помогите люди добрые

    Asked by Feel,

    0 votes
    2 answers

  5. Прошу помощи с SVG→Canvas на iPad3 (iOS6)

    Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!

    Asked by SelenIT,

    0 votes
    5 answers

  6. Помогите сделать адаптированный шрифт! Очень нужно!

    Помогите, пожалуйста, сделать адаптированный шрифт. Очень нужно!!! http://87.237.116.73/index.php //CSS * { margin: 0; padding: 0; } html { background-color: #fff; height: 100%; } body { color: #333333; font: 0.75em/1.5em Arial,sans-serif; } #ImgTitle{ position: absolute; top: 2%; left:30%; color: red; font-size:53px; font-family:Artesanias; } @font-face { max-height: 6.5%; font-family: 'Artesanias'; src: url('fonts/Artesanias.eot?') format('eot'), url('fonts/Artesanias.woff') format('woff'), url('fonts/Artesanias.ttf') format('truetype'), url('fonts/Artesanias.svg#Artesanias') format('svg'); } //HTML <div id="ImgT…

    Asked by Michael Myers,

    0 votes
    2 answers

  7. Ограничения для резиновых блоков

    Всем привет, я как обычно со своими проблемами))) Нужна очень помощь, ибо сам никак не могу решить уже второй день) Пример: _http://codepen.io/anon/pen/GeKlf Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого) Подозреваю, что я неправильно что-то делаю)) Спасибо))

    Asked by decode,

    0 votes
    4 answers

  8. Медиа-запросы VS Fluid Grid

    Начал изучать вёрстку сайтов под любое устройство. Ну т.е. адаптивный дизайн. Как я понимаю существует способ создания с помощью Медиа-запросов с подключением Respond.js для IE. Но так же есть технология создания одного сайта вычисляя с помощью формулы пропорций в процентах «target / context = result» для всех устройств(Fluid Grid). Все таки как правильно делать и какие сильные-cлабые стороны данных вопросов. Мне почему-то кажется что с помощью Fluid Grid не совсем получается то что надо и проблем с будущей версткой будет очень много..Например нужно в таком случае подгонять изображения, контент и т.п. постоянно. Прав ли я? Попробовал создать с помощью Fluid Grid все вро…

    Asked by Demon_gms,

    0 votes
    3 answers

  9. Почему на сайте jsfiddle нельзя копировать коды?

    Почему на сайте http://jsfiddle.net/HGHyJ/8/ нельзя копировать текс кода?какогото фига копируется ссылка которая мне ненужна...

    Asked by pudge,

    0 votes
    11 answers

  10. Требуется помощь c jQuery. Автоматически добавить класс к изображениям.

    <script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('rel', 'fancybox'); select.fancybox(); }); </script> Код вырвал из всем известного плагина FancyBox насколько я догадываюсь именно он добавляет ко всем изображениям ссылку с этим же изображением и rel=fancybox все бы ничего, но с этим плагином у меня напряг, да и вообще с любым другим подобным... Есть карусель, картинки в ней генерируются с помощью php (сайт на Wordpress), хочется чтобы при нажатии на к…

    Asked by Березовский,

    0 votes
    9 answers

  11. Подключение стилей не из корня

    Подскажите пожалуйста, есть сайт html + css... В корне есть страница (например 1.html), есть папка со стилями (скажем, css), в которой есть файл style.css. В странице прописано следующее: <link href="css/style.css" rel="stylesheet" type="text/css"> и как-бы все работает хорошо. Возникла необходимость создать папку (скажем, blog) и разместить в ней страницу (пусть, 2.html). Вышеупомянутый код не подключает к ней стили. Конечно <link href="http://mysite.ru/css/style.css" rel="stylesheet" type="text/css"> будет работать, но как-то не по фэншую... Подскажите, может какое-то правило создать в .htaccess, либо как-то по другому сделать подключение стилей? Либо остави…

    Asked by B-Real,

    0 votes
    5 answers

  12. [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

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

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

    Asked by pudge,

    0 votes
    3 answers

  14. Разъезжаются блоки (не помещаются по ширине)

    Всем привет! Наконец-то форум заработал :-) Подскажите, пожалуйста, почему на странице №1 правый блок находится на своём месте, а на соседней странице №2 он не помещается и съезжает вниз? (актуально для FF и Chrome) Где нужно поправить, чтобы на второй странице правый блок не съезжал?

    Asked by vkapas,

    0 votes
    2 answers

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

    Вот нужно вставить много видео на своем сайте,все видео с ютуба.Начал интересоватся то как это можно осуществить и вариантов оказалось немало,больше всего запомнился вариант через 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

  16. 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

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

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

    Asked by pudge,

    0 votes
    2 answers

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

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

    Asked by Piley,

    0 votes
    6 answers

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

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

    Asked by T@NKIST,

    0 votes
    3 answers

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

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

    Asked by devilcranx,

    0 votes
    3 answers

  21. Ограничение размеров картинки в 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

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

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

    Asked by Troll13,

    0 votes
    2 answers

  23. Оцените заготовку для проектов

    Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --…

    Asked by Zverushka,

    0 votes
    11 answers

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

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

    Asked by AIMCH3R,

    0 votes
    2 answers

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

    Не судите меня строго,я начинающий.У меня такая проблема.Есть некая картинка,на весь экран, на ней два флажка ссылками.При уменьшении экрана флажки разлетаются. По логике надо бы картинку с флажками завернуть в 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

  • Обсуждения

    • 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