HTML Coding

29542 questions in this forum

1. CSS-хак для Мака/айФона/айПада

   Столкнулся с очередной траблой при внедрении кастомных шрифтов: на эпловских устройствах (включая Мак-мини) они позиционируются по вертикали по-другому (ближе к верху строчного бокса), чем на виндовых машинах. Из-за этого заголовок с плавающей иконкой под маком/айфоном/айпадом выглядят некузяво (словно иконка вниз сползла, хотя по факту, наоборот, вверх уполз заголовок). Игры с line-height и vertical-align не помогают — на маке всё равно всё по своему. Не вижу иного выхода, как явно подпереть одну из платформ специфическими для нее отступами, но столкнулся с проблемой: как в CSS опознать платформу? Встречающиеся в поиске решения нацелены либо на движок Webkit (что мне не …

   Asked by SelenIT, October 26, 2010

   0 votes
   8 answers
2. Резиновые трехколоночные макеты

   Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)

   Asked by Vlad, January 27, 2011

   0 votes
   11 answers
3. Высота <div>

   есть несколько страниц с разным объемом содержимого в div.content. ниже идет div.footer как закрепить высоту первого блока?

   Asked by ghrd, May 30, 2012

   0 votes
   20 answers
4. Кто должен делать адаптивность?

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

   Asked by Imperil, October 26, 2015

   0 votes
   12 answers
5. Удивительный баг IE (6.0.2900 а может и других)

   http://bug.alexprojects.ru/test-index.shtml Откройте в IE (я открывал в 6.0.2900). Изначально у вас должно быть пустое поле СПРАВА от меню внутри ЛЕВОЙ красной рамки. Нажмите на ряде букв в жёлтом окне. Рамки это бордеры ячеек (TD). Левой ячейке сказано иметь ширину 190. (и align=right) Попробуйте в других браузерах, попробуйте при разной ширине окна IE. Какие будут соображения? 6.0.2900.5512 - двигается поле справа от меню. 6.0.2900.2180 - двигается новостной блок. При определённом (достаточно большом) количестве символов в поле где "ааааа" - все эффекты исчезают. Также эффект зависит от ширины выводимых символов.

   Asked by aruru, March 24, 2009

   0 votes
   7 answers
6. Ошибка при проверке валидатором css

   Сайт Joomla, шаблон создал сначала в Atisteer, потом напильником дорабатывал, а теперь валидатор css выдаёт вот такую ошибку "Ошибка значения : color Ошибка разбора : {TextColor} ". А если полный кусок кода взять, то вот он .atr-postcontent { font-size: 12px; text-align: left; color: {TextColor}; padding-bottom: 10px; } Главное то, что я то такого точно не писал. Это Артистиир чего-то придумал. Подскажите это он для чего-то нужного сделал? Ведь запаковывать два раза в такие кавычки "{}" нельзя? То есть возможно это глюк программы и можно просто это убрать, а может быть нет?

   Asked by ankoch, July 16, 2010

   0 votes
   6 answers
7. Отточие

   Всем добрый день. Меня интересует вопрос создания отточия в верстке HTML письма. Тема создания этого элемента разными способами поднималась и здесь, и на других сайтах, но речь всегда идет просто о HTML и CSS. В моей ситуации есть ограничения E-mail HTML. Я уже сломал голову. Может кто-то сталкивался с этой проблемой?

   Asked by Racemus, April 11, 2012

   0 votes
   13 answers
8. Пиксельный перфекционизм

   Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…

   Asked by basist, December 12, 2013

   0 votes
   18 answers
9. Смена темы сайта без мерцания

   Скриптами я меняю значение href у тега link со стилями сайта. То есть меняю темы сайта безе перезагрузки сайта. Так вот, как только скрипт меняет href у link, то сайт становится без оформления, пока не загрузятся стили новой темы и не применятся браузером. Как избавиться от такого поведения?

   Asked by FanAizu, February 18, 2015

   0 votes
   15 answers
10. z-index и контекст наложения

    Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…

    Asked by SnowSilver, December 20, 2017

    0 votes
    5 answers
11. Элемент не центрируется в Firefox / IE.

    Довелось мне править чужой говнокод. Основной кусок: <tr> <td> <table align="center"> <tr> <td> <table align="center"> <tr> <td> <DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (…

    Asked by Kawamura, July 13, 2010

    0 votes
    7 answers
12. Разъезжается ячейка в таблице. Хотя размеры указаны.

    Делаю шапку для сайта. Делал вначале слоями, но в последствии оказалось, что отображается эта шапка не во всех браузерах хорошо. Сейчас таблицей сделал, и о ужас :-) с таблицей тоже не все гуд. Вот посмотрите таблицу (убрал картинки и стили, что бы было нагляднее) В комментах кода суть моей проблемы. Как сделать так, чтобы ячейки ?1 и ?2 оставались при своих размерах, независимо от введенных данных ячейки ?3. Заранее благодарю :-) P.S Таблица хорошо отображается только в Firefox 2

    Asked by 100kd, December 7, 2007

    0 votes
    9 answers
13. Опрос

    Всех с Новым Годом! Подскажите, как сделать страницу результатов опроса?

    Asked by krig, December 30, 2007

    0 votes
    10 answers
14. выпадающее меню

    Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…

    Asked by dfg, March 4, 2008

    0 votes
    3 answers
15. Список нумерованный в обратном порядке

    Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?

    Asked by Chiquitita, March 12, 2008

    0 votes
    3 answers
16. Как сделать ссылку такого вида

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

    Asked by nUKe, March 16, 2008

    0 votes
    11 answers
17. Обёртка с тенью и футер

    Доброй ночи. Вчера по совету одного форумчанина я сделал тень у сайта с помощью css стиля box-shadow. Я обернул весь свой сайт в div и дал этому диву стиль. Но сейчас я заметил, что теперь футер не прижимается к низу браузера, что впринципе и логично, но вчера я об этом не подумал. Сейчас я пробовал делать 2 обёртки. Отдельно для wrapper и отдельно для футер, но получается тоже не совсем то, что нужно. Да и видимо это совсем уж искусственный способ. В общем посоветуйте как это можно реализовать. Мне надо, чтобы тень у сайта была и футер прижимался. Вот ссылка для наглядности: http://deluxe-okna.ru/production/index.php

    Asked by prowoke, March 21, 2011

    0 votes
    9 answers
18. svg - как включить текст к rect, circle и т.п.?

    Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…

    Asked by eugen35, August 25, 2014

    • svg
    0 votes
    2 answers
19. Как сделать анимацию логотипа при помощи css 3

    Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation

    Asked by Anna Zharova, May 16, 2015

    0 votes
    19 answers
20. Некорректное расширение картинки.

    Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.

    Asked by Dimitry Wolotko, September 27, 2007

    0 votes
    4 answers
21. прослушивание mp3 на сате.помогите!

    такая задача-надо на сайте сделать прослушивание mp3.уже все перепробывала-не получается. <object id=MediaPlayer codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab##Version=6,4,5,715 type=application/x-oleobject height=50 standby="Loading Microsoft Windows Media Player components..." width=250 classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95> <param name="FileName" value="../music/Come_To_Me_My_Baby.mp3"> <param name="TransparentAtStart" value="true"> <param name="AutoStart" value="true"> <param name="AnimationatStart" value="false"> <param name="ShowStatusBar" value="true"> <param name="ShowControl…

    Asked by empire, May 5, 2008

    0 votes
    13 answers
22. include

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

    Asked by Angus, May 5, 2011

    0 votes
    15 answers
23. Как на реальных проектах используется Git ?

    Здравствуйте. На данный момент я верстаю для себя и пользуюсь гитом так как я привык (ниже опишу как). Вот сейчас хотел бы узнать, как мне придется работать с гитом когда над проектом работать буду не я один ? На данный момент я работаю так: 1. Создаю в github новый репозиторий; 2. Клонирую этот репозиторий к себе на локальную машину; 3. И начинаю верстать; 4. Комиты я пишу частые для себя (все делаю в ветке master, знаю что это не правильно но пока для меня нет необходимости их разделять); Комитах пишу что то типа этого: - Подключает {какой то} шрифт; - Создает какой то блок; - Добавляет файл с переменными less/sass; - Создает секцию header -…

    Asked by Аришан, February 22, 2019

    • git
    0 votes
    7 answers
24. Reset form

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

    Asked by korzhik, November 7, 2007

    0 votes
    1 answer
25. при наведении на картинку

    Помогите пожалуйста. у меня есть картинка. я хочу чтобы когда наводишь на эту картинку она менялась на другую. как это сделать при помощи CSS? Заранее благодарен. если можете напишите код. заранее благодарю

    Asked by rvital, May 7, 2008

    0 votes
    6 answers