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

29542 questions in this forum

  1. Типографика контента по Ководству Лебедева

    Уверен, что многие дизайнеры и верстальщики знают два приведенных ниже правила: 1. В оформлении русского текста кавычки должны выглядеть как «елочки». 2. Эти самые кавычки должны выносится за границу текста. Вполне подробно и ясно эти правила для Рунета были озвучены Артемием Лебедевым еще в 2004 и 2005 годах соответственно (см. параграфы Ководства «Кавычки» и «Висячая пунктуация»). Для простоты реализации этого принципа я пользуюсь следующим куском CSS: Q {quotes: '«' '»' '"' '"'; behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '«' + this.innerHTML + '»') : '');} Теперь любой текст, заключенный в тэг Q, будет браться в кавычки "елочками". …

    Asked by solovets-denis,

    0 votes
    42 answers

  2. Вложенные селекторы

    Часто возникают вопросы по поводу вложенности селекторов. "Указываю свойство в CSS, а оно не применяется". В том случае, если цепочка указания верная, существует вероятность, что достичь результата не позволяет более сильный селектор. Давайте попробуем разобраться: Принцип состоит в следующем. Самым сильным является инлайн стиль, его нельзя переназначить ничем. Если Вы указали в своем html документе, будьте готовы, что их не удастся переназначить в CSS, хоть в шапке, хоть в отдельном файле. Поэтому я бы не рекомендовал вообще их использовать, лучше назначить элементу класс и задать через него, причем цправляться будет централизовано, Вы в любой момент сможете в одном мест…

    Asked by Justnewone,

    0 votes
    2 answers

  3. Возможно ли изменить внешний вид полосы прокрутки при использовании тэга "overflow"?

    Подскажите как изменить внешний вид полосы прокрутки при использовании тэга "overflow".

    Asked by kab,

    0 votes
    15 answers

  4. Не Отображаются Иконки Ico

    Здравствуйте! Надо, чтобы отображались иконки в строке браузера и напротив названия сайта, когда он добавляется в ИЗБРАННОЕ. Для этого в разделе <head> прописал такие строки: <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> Но при этом ничего не отображается, ни в адресной строке, ни в избранном. Файл favicon.ico существует и находится в папке WWW\HTDOCS, то есть в корне. Помогите, пожалуйста!

    Asked by Hleb,

    0 votes
    11 answers

  5. резиновый текст

    здравствуйте, подскажите, пожалуйста: в полностью резиновом списке делаю font-syze: 120%. но при изменении размеров окна блоки <li> меняют свой размер, а вот текст в нем нет. в чем может быть проблема??? чего не понимаю ol.leftbar { float: left; width: 20%; padding: 0; } li.bar { font-style: italic; font-size: 120%; border: solid grey; margin: 5% 0 5% 0; } <ol class="leftbar"> <li class="bar">Текст не масштабируется1</li> <li class="bar">Текст не масштабируется2</li> <li class="bar">Текст не масштабируется3</li> <li class="bar">Текст не масштабируется4</li> </ol>

    Asked by bdshadow,

    0 votes
    7 answers

  6. В Firefox все слои длинее. чем в IE

    Почему в Firefox почти все слои выглядят длинее (по высоте), чем в Internet Explorer? Хотя в ИЕ высота жёстко задана. Padding не ставил. Но в некоторых ячейках не так мало информации?

    Asked by imariki,

    0 votes
    25 answers

  7. Верстка с div в одну строку

    Привет всем знатокам хтмл-цсс такая проблема: нужно в одну строчку сделать следующую вешь: картинка, картинка под ней впритык ещ? одна картинка, картинка, при этом учесть что все это в ширине 700 пикселей. если момент "картинка под ней впритык ещ? одна картинка," сделать divом, прописать у него ширину, высоту и display:inline, а в нем просто через br сделать эти две картинки, то с эксплорером все ок, а вот мозилла глючит.. кто знает как поправить баг, помогите пожалуйста, наверно надо что-то ещ? дописать в стилях дива? ЗЫ: сделать требуется без помощи таблиц

    Asked by Lergana,

    0 votes
    5 answers

  8. div надо приклеить справа снизу страницы.. никак((

    ребят есть такой код <style type="text/css"> .block1 { bottom: 0px; padding-right: 10px; background: #ccc; position: absolute; } </style> <div class="block1">Lorem</div> в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу http://anitchkov.vputi.net а мне надо что бы он был в самом углу справа, снизу справа и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!! буду очень признателен за подсказки заранее спасибо

    Asked by prajenik,

    0 votes
    11 answers

  9. смещение текста

    Привет, не пойму в ч?м дело. Текст смещается когда нажимаю на ЭНТР (начинаю новый параграф ) как это можно исправить?

    Asked by vrednyu4aya,

    0 votes
    25 answers

  10. Как через CSS нарисовать произвольную фигуру?

    Всем привет. Хочу на сайте создать блоки произвольной формы. Скрин ниже. Пробовал через SVG - да, получается, но мне это не подходит. Многовато будет весить страница, если таких фигур будет несколько. Так что этот вариант отпадает. Canvas - тоже не подходит. Ведь там JS, а он не у каждого пользователя включен (в браузере). Этот вариант тоже отпадает.CSS - я не знаю, как с помощью CSS нарисовать такой блок. Нашёл лишь свойства, которые могут помочь: [сode]z-index, border-radius, border-width, transform, transform-origin, display, :after, :before, position. Но как - я не знаю. Пробовал просто "налепливать" фигуру на фигуру, чтобы получить нужную, но не получилось. Нет, полу…

    Asked by DraculaOleg,

    0 votes
    6 answers

  11. Выпадающее меню и таблица

    Приветствую. Имеется любопытное выпадающее меню на CSS/JQuery. А у меня страничка с таблицей на всю область экрана. При верстке я получаю - таблица закрывает собой меню. Если установить таблице (или её содержимому) z-index, равный скажем "-1", то я вижу меню. Но только элементы-папки. Содержимого нет (равно как и стрелочки вниз). И по наведению/клику не разворачивается (выпадает). Если же не ставить таблице/содержимому z-index, а задать его для менюшки (отдельно в стилях моей страницы либо в тексте css-файла, являющегося частью меню) скажем в значение "5", то не отображается опять же. Вопрос в том, где мне порыться, где покопать, чтоб смочь сверстать как необходимо (менюш…

    Asked by hAhol,

    0 votes
    28 answers

  12. Проблема с CSS в Smarty

    У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…

    Asked by shkoda,

    0 votes
    10 answers

  13. аналог masonry

    посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

    Asked by cyklop77,

    0 votes
    24 answers

  14. Высота и ширина в процентах

    Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…

    Asked by romero,

    0 votes
    3 answers

  15. резиновый div по высоте

    добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

    Asked by jul_k,

    0 votes
    25 answers

  16. chrom/safari как убрать рамку у input

    В браузерах хром и сафари у текстовых инпутов, если по ним кликнуть появляется цветная рамка. Можно ли ее как нибудь убрать?

    Asked by rediskavet,

    0 votes
    6 answers

  17. Выпадающее вниз вертикальное меню на DLE

    Проблема заключается в следующем: есть шаблон DLE c вертикальными менюшками которые выпадают вниз на уровни. Реализовано все таким макаром: <ul id="nav"> <li><a href="/">ГЛАВНАЯ</a></li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 1 </a></li> <li id=""><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 2 </a></li> </ul> </li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛ…

    Asked by Incestecide,

    0 votes
    3 answers

  18. position:fixed при transform

    Всем привет! Столкнулся с такой проблемой: У меня есть блок у которого задан position:fixed; left:0; top:0. и он у меня прилип к углу экрана браузера. но вот если родителю этого блока задать трансформ, например, transform: translateX(0), даже нулевой, то фиксед начинает считать не от экрана браузера, а от блока с трансформом. Никогда с таким не сталкивался, кто-то может объяснить почему он себя так ведет и как этом можно пофиксить. Набросал мини примерчик http://codepen.io/Z1gnet/pen/VYOxGG

    Asked by Z1gnet,

    0 votes
    3 answers

  19. Как убрать пустую строку между параграфами?

    Есть два параграфа, и между ними всегда создается пустая строка. Как от нее избавиться? Нужно что бы следующий параграф начинал сразу после первого. И ещ? такой вопросик. У меня почему-то параграф не начинается с красной строки! Хотя по свойству параграфа такой должно быть. Хотя я знаю, как с помощью CSS сделать у параграфа красну строку, но все же.

    Asked by rarog83,

    0 votes
    12 answers

  20. Разная толщина шрифта в браузере и photoshop

    Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…

    Asked by worth,

    0 votes
    5 answers

  21. Не вводится текст в поле ввода

    Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.

    Asked by kirillov,

    0 votes
    4 answers

  22. Перевод шаблона на русский язык

    Здравствуйте. Впервые берусь за верстку, нашел нужный шаблон, но при изменении в теге <h2> с английских слов на русские, при просмотре в браузере текст исчезает. Шаблон начинается со строк: <!DOCTYPE html> <html lang="en"> <head> <title>Название сайта</title> <meta charset="utf-8"> Пробовал менять <html lang="en"> на <html lang="ru"> - не помогает. Может нужно кодировку изменить? На всякий случай загрузил шаблон на Народ http://narod.ru/disk/17445643001/Airplanes.rar.html Пишу здесь т.к. в поиске по форуму такой темы не нашел. Подскажите пожалуйста.

    Asked by q3dm4pro,

    0 votes
    14 answers

  23. Кэширование внешних скриптов через .htacess

    Здравствуйте! Подскажите пожалуйста, что в .htacess нужно прописать, чтобы начали кэшироваться внешние скрипты? Сейчас инструмент гугла говорит следующее: Используйте кеш браузераЕсли указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.Используйте кеш браузера для следующих ресурсов:http://connect.ok.ru/connect.js (не указан срок действия)https://www.google.com/recaptcha/api/js/recaptcha_ajax.js (50 минут)http://mc.yandex.ru/metrika/watch.js (60 минут)Каким образом эти файлы можно заставить кэшироваться? Стандартные способы кэша в .htacess не помогают.

    Asked by Автостопщик,

    0 votes
    2 answers

  24. (Html) Кеширование и обновление

    Приветствую. Делаю сайт на SSI, и при очередной закачке нового блока-страницы (например колонка новости) - приходится каждую страницу обновлять вручную. Как намекнуть браузеру, что пора обновить всю инфу с этого URL? И вообще какие есть способы решения этого вопроса? Заранее спасибо за информацию.

    Asked by Quite Absurd,

    0 votes
    11 answers

  25. Блокнот с подсветкой

    порекомендовали пользоваться блокнотом с подсветкой. приобрела Notepad++. теперь вот осталось разобраться какой цвет что означет))) я понимаю что вопрос бредовый. помогите разобраться новичку

    Asked by qwe!,

    0 votes
    20 answers
×
×
  • 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