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. Перенос строки на кнопке

    Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <br /> не катит, он переносит не только текст, но и саму кнопку. HTML <div id="shop"><a href="http://mebelny.in.ua/shop/" class="friend" target="_blank" title="Партнер сайта"/>ИНТЕРНЕТ МАГАЗИН</a></div>CSS .friend{text-decoration:none; text-align:center; padding:10px 33px; border:solid 1px #850101; -webkit-border-radius:0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:0px; -moz-border-radiu…

    Asked by px379,

    0 votes
    4 answers

  2. <nav> без обертки в резиновом макете

    Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.cs…

    Asked by cmndr_alexgreen,

    0 votes
    4 answers

  3. Раскрывающееся меню

    Здравствуйте. Возникла проблема. Честно говоря, даже не знаю, с какой стороны к ней подойти. Есть вот такое вот меню: http://jsfiddle.net/8AL7A Сейчас оно работает, как на примере сверху. После клика по слову "Меню" все пункты сворачиваются. Нужно, чтобы активный пункт оставался видимым как на примере снизу. Количество пунктов произвольное. Меню генерируется автоматически. Единственное до чего я додумался, это выносить выделенный пункт за пределы родительского блока при генерации и скриптом располагать его в нужной позиции. Тогда при сворачивании нужно будет просто обнулят позицию. Но это, по-моему, слишком сложное решение для такого случая. Я не жду готовых решения. Но …

    Asked by Quickerz,

    0 votes
    4 answers

  4. Отличие селекторов

    чем CSS *{} отличается от html{}. Дейчтвие, вроде бы, одинаковое. Может быть скорость работы?

    Asked by PavelTkachev,

    0 votes
    4 answers

  5. Как частично убрать тень

    Доброго времени суток, помогите убрать тень внутри всплывающего меню как на рисунке, спасибо! http://jsfiddle.net/4f9Te/

    Asked by Kenshi24,

    0 votes
    4 answers

  6. Единое меню, для офлайн "сайта" т.е. без движка?

    Очень-очень нужна помощь. В примере "Фиксированная ширина, навигация слева" (на этом же сайте) Если расположить пункты меню слева в желтом поле, можно ли сделать ссылки так, что б они открывались в правом синем поле, не перегружая левое? Или слева открывался файл menu.html с пунктами меню, а справа содержимое ссылки например str1.html и т.д. Если да, то как? (я подумал о фреймах сразу, но теги body и frame оказались не очень совместимы как -то?! Люди добрые, поможите, чем можете, если можете. Имеется ввиду, без использования какого либо движка вообще, типа Джомла и т.п. И вообще без веб сервера, просто странички на своем компьютере т.е. в офлайне, точнее для C…

    Asked by reanews,

    0 votes
    4 answers

  7. Изогнутая тень ?

    Всех приветствую. Натокнулся на проблемную тень. Как реализовать такое, тень изогнута. Спасибо.

    Asked by Hol1killer,

    0 votes
    4 answers

  8. Как запретить CSS сворачивать меню

    Добрый день, господа! В css среди прочего имеется вот такой код #nav ul li { margin-top:-23px; -moz-transition: 0.4s linear 0.4s; -ms-transition: 0.4s linear 0.4s; -o-transition: 0.4s linear 0.4s -webkit-transition: 0.4s linear 0.4s; transition: 0.4s linear 0.4s;}#nav a:focus ~ ul li { margin-top:0; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linears; -webkit-transition: 0.4s linears; transition: 0.4s linear;}Меню в результате выглядит вот так Т.е. когда пользователь кликает по пункту меню, меню полностью закрывается Подскажите как избавиться от этого эффекта? Мне нужно чтобы пользователь видел на к…

    Asked by McLotos,

    0 votes
    4 answers

  9. H1 внутри DIV откуда берется отступ

    Есть участок кода <div class="topblue"> <h1><?= $csm ?></h1> </div> <ul class="breadcrumbs"> <li><a href="#">111111</a></li> <li><a href="#">Фотографии</a></li> <li><a href="#">Море</a></li> <li class="current"><a href="#">Главные фотки на странице</a></li> </ul>Стили .topblue { background-color: #e6f1f8; /* padding: 2px $column-gutter;*/}h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, s…

    Asked by ekkl,

    0 votes
    4 answers

  10. Выравнивание пункта меню при наведении

    Добрый день, у меня не получается выровнять пункт меню по центру по вертикали, при наведении мышки (показано на картинке вот тут http://take.ms/1TnDK) Сам сайт http://okhtyrka.in.ua/works/medorelax/index.html

    Asked by lindim3000,

    0 votes
    4 answers

  11. Сайт в уменьшенном состоянии на айфонах.

    Здравствуйте! При открытии сайта на айфоне -появлеется только верхний левый угол - приходится уменьшать. Как сделать так чтобы она открывался целиком , но в уменьшенном зуме.

    Asked by Kypaku,

    0 votes
    4 answers

  12. Проблема с версткой

    Вот выложил верстку на хостинг http://fh7927lb.bget.ru/ как сделать вот такой список(правое нижнее) http://s1.ipicture.ru/uploads/20140404/EHQBiDCo.png у меня почему та не получается сделать такой простой список. И еще вопрос. почему когда я прописываю .searshText Position:relative; а .searshButton position:absolute; top:0; right:0; почему кнопка улетает на самый верхний левый угол, хотя должна быть относительно текстового поля?

    Asked by WEB-best,

    0 votes
    4 answers

  13. Как будет правильно выглядеть код на html5

    Совсем запутался. Как будет правильно выглядеть код на html5. <div> <h1>Заголовок<h1> <div>seo партянка</div> <div> <h2>статья 1<h2> <div>content</div> <div> <div> <h2>статья 2<h2> <div>content 2</div> <div> </div> Спасибо.

    Asked by Aspik,

    0 votes
    4 answers

  14. Не работает Refresh

    Есть небольшой php файл. Простая форма отправки данных на мейл. После этого выводится сообщение, мол письмо ушло и сейчас вас перенаправят обратно на сайт. Но вот эта строка перестала работать: header("Refresh: 3; url=http://primehotel.ru"); Раньше все нормально работало на Хостинджире, пока они не уронили свою панель управления и у них не начался ад. Перенес сайт на другой ТаймВэб, но там то же самое. Форма отрабатывает, письмо уходит, но страница замораживается на этом сообщении. Как это можно решить без использования jQuery, Jawa и т.д. так как я не вэб программер и с такой задачей сам не справлюсь. Нужно решение как тут, одной строчкой. Просто тупо редирект, без …

    Asked by amv,

    0 votes
    4 answers

  15. как сделать чтобы текст был здесь

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

    Asked by adminfilm,

    0 votes
    4 answers

  16. Button проблема

    во всплывающем окне (по любой кнопке нажать) - button заставляет прыгать окошко на ховере. Как вылечить? В ие8 кстати дополнительных проблем не предвидится? http://svchos.bget.ru/present/

    Asked by Zverushka,

    0 votes
    4 answers

  17. Незаметна навигация при помощи клавиши Tab

    По каким причинам может быть не виден переход по разделам меню, с помощью клавши Tab?

    Asked by Dzvene,

    0 votes
    4 answers

  18. Принцип назначения размера шрифтов текста и заголовков при адаптивной вёрстке

    Здравствуйте. Хочу прояснить, как можно в адаптивной верстке оптимально и просто управлять размерами шрифтов при разном разрешении (без привлечения сторонних плагинов типа slabText). Это правильный подход: 1. Нужно назначать один базовый размер основного текста для body для каждого диапазона разрешений экранов(при маленьких разрешениях экрана целесообразно слегка уменьшать базовый размер текста) 2. А затем заголовки и особо значимые тексты уже масштабировать с помощью процентного указания размера шрифта font-size: ххх% Это рабочий подход?

    Asked by borus,

    0 votes
    4 answers

  19. Проблемы при создании меню

    Добрый день. У меня проблема следующего характера, не могу привести в порядок меню. Простите за наглость, но я реально туплю. Уже неделю голову ломаю. Вот так должна выглядеть меню не в активном состоянии. http://savepic.net/5146388.png а при наведение на блок, он должен плавно приподнимается вверх и там появляется меню раздела. Своего рода выпадающее меню, только с заморочкой. Вот так должен выгляедть блок при наведении на него. На картинке показано что активны все блоки, это просто для наглядности сразу три раздела активны. http://savepic.net/5171989.png Помогите пожалуйста, не могу разобраться. Покажите хотя бы путь куда идти. Заранее благодарю.

    Asked by iron_t,

    0 votes
    4 answers

  20. Input type text сделать резиновым

    Собственно САБЖ. Вот код: http://jsfiddle.net/dJrD5/ Пытался сделать с помощью min-width и max-width, но ничего не вышло.

    Asked by Tobey,

    0 votes
    4 answers

  21. Резиновый <div> по вертикали

    Здравствуйте! Помогите с такой проблемой. На сайте есть шапка, в шапке будут расположены еще несколько div-ов. Задача: надо сделать так, что бы шапка растягивалась по вертикали, в зависимости от наполнения ее контентом. Высота шапки установлена 100%, в результате, шапка увеличилась по вертикали на большее расстояние чем ожидалось. HTML <!DOCTYPE html><html><head><title>HYBRID - главная</title><meta charset="utf-8"><link href="style.css" rel="stylesheet" media="all"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery…

    Asked by px379,

    0 votes
    4 answers

  22. Неправильное отображение шрифта

    Добрый день, при версте сайта я столкнулся с такой проблемой шрифты не правильно отображаются, и отличаються от того что на макете, вот сам сайт: http://linnikstudio.in.ua/works/RockLand/index.html а вот рисунок с pixel perfect : помогите в чем может быть проблема, шрифты подключены через font face.

    Asked by lindim3000,

    0 votes
    4 answers

  23. Плавное появление меню слева

    Приветствую, нужно готовое решение с плавным появлением менюшки как нибудь слева (тянущийся блоки), чтобы без каких либо картинок, т.к менюшки разные по длине запиливаю сюда ###

    Asked by Struggle,

    0 votes
    4 answers

  24. Выровнять центральный блок между двумя блоками по центру

    Здравствуйте! Суть состоит вот в чем, в шапке есть 3 блока (по настоящему их - 5, ниже я нарисовал схему для понятности). Надо средний блок #conteiner, вместе с его содержимым, выровнять по центру, относительно двух крайних - #akciya и #order_form. Ну или на худой конец, хотя бы по центру шапки. Абсолютное позиционирование не подходит. При разных разрешениях монитора, крайние блоки уйдут в стороны, а средний останется на своей позиции. Думал уже воспользоваться табличной версткой, но, я так понимаю, что при табличной вестке можно забыть про обтекание элеменов (что бы при масштабировании окна браузера, элементы таблицы съезжали вниз). Скриншот для наглядности CS…

    Asked by px379,

    0 votes
    4 answers

  25. Наполнение блока

    Здравствуйте. Есть некий <div><img></img></div> При увеличении изображения внутри дива изображение выходит за его рамки. Как сделать чтобы вместо этого, при увеличении изображения, в блоке появлялись полосы прокрутки?

    Asked by betmakh,

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