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.designforge.ru/

    Asked by ArgonXPrime,

    0 votes
    3 answers

  2. Лишние пикселя

    Всем доброго времени суток!При верстке сайта наткнулся на одну проблему,которую никак не могу решить,собственно говоря,поэтому и обратился к вам! Вот сайт - сайт В меню главных разделов :"Художники" Фоновая картинка имеет высоту в 72 пикселя,но тег <li> упорно почему-то ставит высоту 75 пикселей,что мешает ровно отцентрировать сам список,итог:"Откуда появляются эти три лишние пикселя?" Прошу прощения,вопрос исчерпан Решение: Применить к изображению vertical-align:bottom;

    Asked by Xolodeec,

    0 votes
    0 answers

  3. Какие посоветуете соц. кнопки?

    AddThis,Ya.share или pluso?! Хотя насчет последних вкрадываются сомнения... http://toster.ru/q/63780 А КАКИМИ ПОЛЬЗУЕТЕСЬ ВЫ?! И какие недостатки у конкурентов

    Asked by SKSKSS2013,

    0 votes
    1 answer

  4. Очень странный баг

    Такой код: <!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="styles/photon.css" /></head><body><form > <input/> <input/> <input/></form><div style="border-top: 1px solid black;" ></div> <!-- РАЗДЕЛИТЕЛЬ --><div> <span> ТЕСТ </span> <div class="test"> ТЕСТ 2 </div> </div></body></html>.test {float: right;}Проблема заключается в следующем, div с текстом "ТЕСТ 2" в FireFox отображается на одной строке с div'ом с текстом "ТЕСТ", а в Chrome и Opera почему-то съезжает на одну строку вниз. Ме…

    Asked by qwestpool,

    0 votes
    6 answers

  5. Перенос строки на кнопке

    Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <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

  6. Проблема с отображением верстки под safari

    http://joxi.ru/ekY1UxjKTJAMNqSkBro вот так выглядит страница, не видно некоторых картинок фоновых, не видно градиентов у кнопок

    Asked by swandev,

    0 votes
    1 answer

  7. href ссылки и display:none

    2 проблемы 1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=? 2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, ани…

    Asked by Hoax,

    0 votes
    7 answers

  8. Собственные теги для форматирования текста. Допустимо?

    Обычно я для форматирования текста беру стандартные теги, типа <i> и <b> и задаю им тот стиль, который мне нужен. Вопрос, честно, дурацкий, но не могу уснуть из-за него: Могу ли я применять собственные теги с заданным набором правил? И чем это черевато? В простом виде: мне нужно красный цвет и пунктирную линию для некоторых слов. Чтобы не занимать стандартные теги, то задаю эти свойства в <jopa>свой тег</jopa>, который уже дальше могу по необходимости дополнить стандартными.

    Asked by Melodyn,

    0 votes
    8 answers

  9. Интересная рамка для изображения(блока).

    Всем привет. Подскажите, как реализовать рамку вокруг картинки в стиле плёнки, картинки верха, низа, и т.д. есть. Как разместить их вокруг элемента7

    Asked by xTODx,

    0 votes
    5 answers

  10. Динамическая таблица

    Добрый день друзья ! Очень прошу помочь ! Надо собрать HTML файл с динамической таблицей, т.е. чтобы она перемещалась при прокрутке странице. position: fixed пробовал, не то. Примерно надо сделать так как в этом файле: https://drive.google.com/file/d/0BwY7WN_7H7UYX2NzNWNhS3B5VTA/edit?usp=sharing Скачайте его, нажмите на какую то букву и двигайте вниз-Вы увидите как будет перемещаться таблица. Вот точно такую же надо собрать мне. Очень прошу помогите пожалуйста. Заранее спасибо!

    Asked by Жуван,

    0 votes
    3 answers

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

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

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

    Asked by Quickerz,

    0 votes
    4 answers

  13. Как сделать, чтобы дочерние элементы не наследовали стиль родителя?

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

    Asked by wi34rd,

    0 votes
    1 answer

  14. Диагональное зачёркивание

    Необходимо при наведении на блок с предложением цены перечеркивать ценник. Сейчас реализовано через горизонтальное зачеркивание при помощи картинки. .hoverClass{ background:url('redline.png') repeat-x 0 50%; }Какие есть идеи? Возможно ли повернуть картинку и расположить ее диагонально? Может нужно использовать text-decoration: line-through, при этом направив из левого нижнего угла в правый верхний?

    Asked by Vitalya T,

    0 votes
    1 answer

  15. Объединение начертаний шрифта

    Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то ис…

    Asked by maxakagaret,

    0 votes
    2 answers

  16. Анимация открытия двери

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

    Asked by iKNG,

    0 votes
    3 answers

  17. Как быстро скопировать страницу в jsfiddle и ему подобные?

    Здравствуйте. Часто надо задать вопрос, а сайт на локалке. Есть ли какой путь для быстрого копирования структуры и стилей в jsfiddle и ему подобные сервису, вместо ручного набивания и копирования стилей отдельных элементов? В общем поступил так: 1. В Хроме правой кнопкой "показать код страницы". Копировал - вставил в HTML зону 2. Пробежался под подключенным файлам стилей в порядке их подключения и скопировал их в CSS зону через те же средства разработчика Хром. 3. Удалил из HTML ссылки на подключение css файлов Проверим, что получилось ...

    Asked by borus,

    0 votes
    2 answers

  18. Почему после абсолютного позиционирования появляется отступ сверху?

    Здравствуйте. Вот пример локального сайта. Скажите, почему при задании абсолютного позиционирования элементу #rt-top .rt-container > div:last-child, сверху возникает пустая область? Кажется это из-за отсутствия закрывающей > у div'а и промашки с выбором селектора

    Asked by borus,

    0 votes
    0 answers

  19. Убрать ширину элемента с float

    Здравствуйте. Есть элемент списка (Li) с фиксированной шириной (скажем width:100px). При изменении размера окна браузера через медиа-запрос в стилях этот элемент становится плавающим (скажем float:left). Требуется чтобы он имел ширину по своему контенту, но он сохраняет ширину в 100px У свойства width нет значений, с помощью которых можно было бы сбросить унаследованное. Или я что-то не понимаю? Это можно как-то решить без скрипта? Что-то я затупил.. width:auto и делов-то сорри

    Asked by toman,

    0 votes
    0 answers

  20. Масштаб, размер страницы на моб. устройств..

    Опять нужна ваша помощь добрые и опытные верстальщики! Уже чуть ли не неделю мучаюсь и никак не получается сделать так что-бы сайт открывался на мобильных устройств в полном масштабе, размере. То есть к примеру сайт в ширину 1000px, открывается не на всё ширину а на ширину самого устройства, 320px, 480px, 760px и.т.д..... С тегом meta viewport поигрался уже раз сто... ничего не меняется что я ставлю device-width, что задаю width=1000, что width=1000px, в общем ничего не понимаю, как я этот тег только не менял никаких изменении от его использования не происходили... сайт как открывался в левом верхнем углю так и открывается.... Пытался body задать min-width тоже ничего, в…

    Asked by EaGames,

    0 votes
    7 answers

  21. Почему текст соскакивает вниз?

    Текст соскакивает на строку ниже иконок: http://jsfiddle.net/7WMMy/3/ Почему?

    Asked by borus,

    0 votes
    15 answers

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

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

    Asked by PavelTkachev,

    0 votes
    4 answers

  23. Помогите убрать рамку

    Доброго времени суток. Столкнулся с проблемой, в форме поиска отображается непонятная рамка, причем только в chrome, в мозиле отсутствует. Не понимаю как убрать. Вот изображение: Вот css: .search{ float: right; margin-top: 10px; padding: 0px 30px; position: relative; width: 170px;}.search .input{ background: #fff; border: 1px solid #ececec; border-radius: 10px; box-sizing: border-box; font: 13px arial, sans-serif; height: 30px; outline: none; padding: 5px 37px 5px 15px; width: 100%;}.search .submit{ background: url(images/go.png) 50% no-repeat; border: none; height: 30px; opacity: 0.3; position: absolute; right: 30px; top: 0px; width: 30px; outline: …

    Asked by froot,

    0 votes
    9 answers

  24. robots.txt

    Здравствуйте. Моему сайту (http://kovkavolgograd.ru/) три месяца. Индексируется в яндексе только одна страница. robots.txt брал с интернета. Подскажите какие строчки в robots.txt запрещают индексацию страниц сайта и записей сайта? Disallow: /wp-login.php Disallow: /wp-register.php Disallow: /webstat/ Disallow: /feed/ Disallow: /trackback Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?* Disallow: /*? Disallow: /category/*/* Disallow: /wp-content/ Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /comments С Ув.

    Asked by adgjm90,

    0 votes
    11 answers

  25. а/б тестинг гугл - все время перенаправляет на первую версию сайта

    Проблема такая, пытаюсь подружиться с а/б гугл тестингом. У меня есть 2 версии сайта. Соотвественно, в настройках гугла, одна версия стоит как исходная, а вторая - как Версия 1. В настройках поставлена галочка, которая была по умолчанию выключена "разделять траффик между версиями поровну". 1) Как не зайду на сайт - все время кидает на вторую версию. Что я делаю не так? 2) Я хочу отслеживать конверсию, то есть ajax запрос на страницу contact.php, где идет заказ заявки. Для этого мне пришлось заменить стандартный код на следующий: <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-49332801-1']); _gaq.push(['_trackPageview…

    Asked by Zverushka,

    0 votes
    1 answer
×
×
  • 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