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. Прошу вашей критики

    Народ, всем привет, в общем я только начал изучать верстку. Взял шаблон вот тут: http://www.graphicsfuel.com/wp-content/uploads/2010/09/corporatix.jpg Хотел сделать резиновую верстку, но когда меняю размеры браузера, всё совсем плохо становится. Разместил свои наработки вот тут: http://togliatty.ucoz.ru/ Это моя первая наработка. Прошу опытных людей указать мне на мои недоработки, недочеты, грубые ошибки, и способ их исправления. Заранее благодарен.

    Asked by fenix_63,

    0 votes
    6 answers

  2. CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров)

    Задача: сделать одинаковое отображение в браузерах OC Windows 7 Google Chrome 37 —-- отступ 1px Mozilla Firefox 32 ——- отступ 2px Opera 24 —————-- отступ 2px Safari 5.1.07 ———— отступ 2px Internet Explorer 11 —- отступ 1px Яндекс.Браузер 14.7 - отступ 2px Амиго 32 —————- отступ 2px Код CSS: div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}Весь код: <html><head><style type="text/css">body {padding:0;margin:0;}div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}</style></head><body…

    Asked by jackjay,

    0 votes
    6 answers

  3. Помогите разобраться с tabs

    Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...

    Asked by Sargon777,

    0 votes
    6 answers

  4. При нажатии на ссылку курсор становиться в нужную строку формы

    Здравствуйте. Нужно чтобы при нажатии на ссылку курсор становился в конкретную текстовою строку формы.

    Asked by Puperlancer,

    0 votes
    6 answers

  5. Мета-теги и ключевые слова.

    Кто должен прописывать мета-теги и ключевые слова: верстальщик или сеошник?

    Asked by DivMan,

    0 votes
    6 answers

  6. Картинки в ряд

    Добрый день. Ребят помогите пож сделать красивый код. Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html но какой то стиль мешает. как все красиво сделать? получается вот такой вариант http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg но код вообще жесток <p><a href="konvejernye-lenty/konvejernye-lenty-obshhego-naznacheniya.html"><img title="конвейерная лента общего назначения" src="images/icons/lenta-konvejernaya-obshhego-naznacheniya.png" alt="общего назначения" width="100" height="100" /></a><a style="line-height: 1.5em…

    Asked by psychomonkey,

    0 votes
    6 answers

  7. background при помощи after & before

    Добрый день, подскажите как задать background для классов first, second через after и before - чтоб отображался по ширине на весь экран. Сейчас отображается background только внутри элемента. http://jsfiddle.net/mrfrunze/krkbdruu/2/ Допустима ли такая запись: <section class="content"> <div class="container"> <section class="first"> </section> <section class="second"> </section> </div></section><section class="first"> внутри <div class="container"> ? Спасибо..

    Asked by mrfrunze,

    0 votes
    6 answers

  8. Убрать лишний код в css

    Задача: как убрать не использованные стили в css? может кто подскажет какой ни будь сервис?

    Asked by soltx,

    0 votes
    6 answers

  9. Сайт под ключ. Вопросы.

    Здравствуйте! Есть задание сделать небольшой сайт-визитку под ключ. Значит, я верстаю сайт (дизайн будет их), ставлю на CMS, регистрирую домен, хостинг и отдаю логин и пароль. Так вот, есть несколько вопросов, по поводу того, как должно все это происходить: 1. Я за свой счет должна оплатить домен и хостинг? 2. Домен, ведь, будет зарегистрирован на меня? Или я должна зарегистрироваться на другое имя? Как вообще, все это делается? 3. По поводу оплаты: как, на всякий случай, защититься от обмана? Значит, я публикую сайт в инете, заказчик смотрит, если все нравится -- производит отплату и только потом я отдаю пароль и логин от сайта? Спасибо.

    Asked by Fendia,

    0 votes
    6 answers

  10. панель классов в sublime

    подскажите пожалуйста существует ли в sublime панель, которая показывает названия классов или функций, которые есть в открытом файле? проблема в том, что сейчас у меня в файле >20 классов и перемещаться по ним, двигая скролл неудобно

    Asked by cyklop77,

    0 votes
    6 answers

  11. Размер шрифта

    Всем привет) Можно ли сделать как-нибудь, чтобы при сужении экрана или блока, текст плавно уменьшал размер шрифта ? Так сказать резинка или адаптив.

    Asked by raptor-dm,

    0 votes
    6 answers

  12. Как закрепить блоки ?

    **Удалено** Разобрался сам

    Asked by Diletant,

    0 votes
    6 answers

  13. Хитрое форматирвоание

    Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?

    Asked by кэп,

    0 votes
    6 answers

  14. Автозаполнение форм

    Всем привет. Есть с таблица с товарами. И в последнем столбце хотелось бы сделать кнопку заказа, определенного товара, который соответственно первом столбце таблицы. Вот пример http://zenova.ru/category/vozduhoduvki/vihrevie-vozduhoduvki-seko-bl Но тут правда как корзина, мне нужно просто что в окне popup с формой, уже в теме заявки, был этот товар Заранее, Спасибо!

    Asked by Patrickk,

    0 votes
    6 answers

  15. banner

    как разместит в баннере картинку, во весь баннер. html kod <aside id = "banner"> <img src="../covers/roma2.png"> s kartinkoy problema </aside> css: #banner{ height: 150px; margin-top: 15px; background-color:rgb(150,150,150); }

    Asked by Leyla84,

    0 votes
    6 answers

  16. Как закрепить картинку в среднем блоке

    Здравствуйте, Коллеги! Сайт на готовом движке http://mobilang.ru Свертан в три колонки. В средней колонке разместил картинку, но при изменении ширины окна браузера она выпадает вниз. Хотелось бы, чтобы картинка всегда была на месте. при любой ширине окна браузера. Как то это можно сделать? В CSS файле следующие записи про эти колонки: #leftcol { position:relative; top:-10px; left:-10px; float:left; width:260px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:280px; /* actual value */ margin:0 0 -10px 0; padding:0px; z-index:5; } #rightcol { position:relative; top: -10px; right:-10px; float:right; width:300px; /* for IE5/WIN */ voice-family: "\"}\"";…

    Asked by hieronym,

    0 votes
    6 answers

  17. альтернатива google drive

    Вечер добрый Ранее хранил макеты, которые верстаю/сверстал на google drive, т.к. просто удобно, да и посмотреть в любой момент можно. А вот недавно вернулся туда, и увидел их обновлённый диск, и возможности хранить сайт для просмотра, как раньше, уже не увидел (или плохо смотрел), по-этому вопрос: есть ли похожие альтернативы гугл драйву, чтобы хранить сайт и просматривать как готовую страницу. может яндекс диск пойдёт? upd. интересует просто хранилище для черновиков, бесплатное.

    Asked by orange_juice,

    0 votes
    6 answers

  18. Как поставить чувака на свое место?

    Привет всем) вот скриншот из фотошопа http://hostingkartinok.com/show-image.php?id=3c668501d2105d5215c4b5c5e700137e он рукой чуть чуть контент задивает, как такое реализовать ?

    Asked by raptor-dm,

    0 votes
    6 answers

  19. Media Queries для старых IE

    Почему-то не работает скрипт от гугла <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->Тег вставляю в head. Верстку проверяю в IE11 в режиме IE8. HTML5 теги получилось так подключить. Что можно сделать, подскажите <head> <title>SPRING</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="sass1/stylesheets/style.css"> <link href="http://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css"> <script type="text/javascript"…

    Asked by MeisMe,

    0 votes
    6 answers

  20. В меню jquery не отображается текст

    Помогите! Скачала плагин готовый для сайта. Не знаю можно тут ссылку указать или нет. В общем вроде анимированной навигации по сайту. При переходе по пунктам меню всплывает блок с описанием и возможными ссылками, при этом в зависимости от выбранного пункта меняется фон страницы. В меню как бы задумано показывать просто текст, а я хочу чтобы были ссылки а не просто текст. <li><a href="#">Запечённый омлет</a></li> Прописала ссылку , а текст вообще исчез! Почему не пойму. Что может быть проще, всегда если нужно текст сделать ссылкой ставишь a href="#" и всё работаёт. Помогите пожалуйста. Код такой: <div id="ac_content" class="ac_content"> &…

    Asked by Obia,

    0 votes
    6 answers

  21. Доступ к placeholder

    Можно ли сделать для фомы вида <input placeholder="текст"> свой цвет шрифта и курсив для надписи "текст", отличный от цвета шрифта и нормального начертание, которые будут для вводимого в поле текста?

    Asked by PavelTkachev,

    0 votes
    6 answers

  22. Как сохранить картинку кликнув по ссылке?

    Как можно сделать ссылку для сохранения картинок. Чтобы в браузере выдавался запрос на сохранение файла. Необходимо кроссбраузерное решение и, если возможно, без доп.скриптов. Вот пример: http://jsfiddle.net/zney95y7/ Спасибо.

    Asked by alleclf,

    0 votes
    6 answers

  23. Подскажите, как изменить размер элемента "radiobutton" в стилях?

    Когда меняю размер следующим образом, то все работает <input type="radio" class="radioBtn" style="width:250px; height:250px;"name="sel" id="sel_adr">Но когда так же делаю через стиль, то почему-то не работает. В чем может быть причина? .radioBtn { width: 250px; height: 250px;}<input type="radio" class="radioBtn" name="sel" id="sel_adr">

    Asked by osetr,

    0 votes
    6 answers

  24. Проблемы с прыгающим меню

    Приветствую всех.Помогите пожалуйста.Мне нужно сделать обычное горизонтальное меню с 4-мя ссылками.Расстояние между ссылками должно быть строго 50px и при наведении мышки на пункт меню текст должен становиться жирным(а:hover{font-weight:bold}).Проблема в том,что из-за "font-weight:bold" и установленного "паддинга" в 50 px между тегами "li" меню начинает смещаться.Мне нужно,чтобы остальные ссылки были неподвижны.Как это сделать?

    Asked by Dimacik,

    0 votes
    6 answers

  25. mp3-player

    Загрузил на сервер плеер(swf), проверил - на месте, вышел на страничку (http://cupoma58.tf9.ru/shkatulka.html) - ничего нет. Попытка выйти на плеер через поисковик - ошибка 403. В чём дело ?

    Asked by cupoma58,

    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