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. css или js анимации

    Добрый день, подскажите что же все таки производительней и в каких ситуациях. А то сделал очень интерактивный проект, но не меня ни заказчика не устраивает периодические подвисания анимации. Полностью везде использовалась css анимация с JS управлением. Вот решил переделать проект, но нужно решить проблему оптимизации.

    Asked by li4e,

    0 votes
    5 answers

  2. Вопрос касается html, css. Возможно ли сделать список, как на сайте (ссыль на фото) без использования JS?

    Всем привет. Вопрос касается html, css. Занимаюсь версткой сайта. Хотел бы сделать список (чисто на divах без конструкции ul li), который похож на тот, что был сделан на сайте (название сайта на картинке ) . Но я не могу с ходу понять... возможно ли сделать это без использования JS? Чисто через html и css3. Если можно, то как? Парочку попыток я предпринял. Сразу столкнулся с кучей проблем. Начиная с картинки, которая хоть и увеличивалась в блоке с помощью события hover, но была слегка забагована. Местами она просто навсего теряла эффект плавности и приобретала дерганное увеличение/уменьшение, что можно наблюдать в демонстрации к этой статье: http://tradebenefit.ru/art?i…

    Asked by Eugenice,

    0 votes
    2 answers

  3. Добавление логотипа img приводит к смещению inline-block элемента вниз

    Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…

    Asked by twelve_chairs,

    0 votes
    1 answer

  4. вопросы по сайту

    http://slavian.coolpage.biz/site2/ http://slavian.coolpage.biz/site2/template.psd как в картинку logo поставить буквочку М стрелки на баннере footer уменя wrapper-ом ограничен, надо фон сделать серый

    Asked by rpmcmerphy,

    0 votes
    1 answer

  5. При увеличении масштаба не растягивается фон

    При увеличении масштаба не растягивается фон. Читала, что background-size, должен решить проблему, но не решает. Пробовала и со значением 100%, и значением cover. Пробовала и с префиксами. Синтаксических ошибок нет, я уверена, но оно не работает. При уменьшении масштаба он растягивается, а при увеличении нет. Структура html такая: <body> <header></header> <main></main> <footer> <container></container> </footer> </body> Мне нужно, чтобы у container была фиксированная ширина (задана в px), а фон, заданный в footer тянулся на всю ширину окна. Подскажите, что я делаю не так?

    Asked by Анна Лиходеева,

    0 votes
    1 answer

  6. Помогите с рисунком

    Всем привет. Помогите плиз!!! У меня такой вопрос, почему png картинка не отображается в Opera и Mozilla, а в IE все норм. Картинка прозрачная с тенью. вот ссылка www.zenit-karelia.narod.ru! таблица CSS находится в исходном коде странице вместе с HTML кодом! Картинка о которой идет речь находиться в div'е #logo и название тоже logo.png! Всем заранее спасибо!!:|

    Asked by DB Copper,

    0 votes
    2 answers

  7. Вопрос по быстродействию

    У меня такой вопрос по поводу CSS-стилей. Какой способ внедрения стилей в страницу способствует большей скорости загрузки страницы? 1) назначать каждому элементу свой идентификатор или класс и стили выносить в отдельный файл; 2) прописывать стили для каждого тега как параметр style="";

    Asked by Flex,

    0 votes
    1 answer

  8. сайт в iPad

    Добрый день! У меня проблема с отображением сайта на iPad. Говорят, не работает галерея и не показывается текст. У меня 2 вопроса: 1. есть ли эмуляторы iPad'а (я гуглила, нашла только эмуляторы экрана, а не движка) 2. может, кто знает, какие проблемы/особенности с javascript'oм на iPad'e. Я использую jQuery.

    Asked by shura-sparrow,

    0 votes
    4 answers

  9. Оптимизировать строчку кода (упростить)

    <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> a {—;} не предлагать, на странице используются несколько разных стилей к ссылкам

    Asked by xDev,

    0 votes
    7 answers

  10. Проблема с отображением в IE

    В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная. ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема. адрес сайта http://ingeniare.ru .ribbon em { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.3855752193730787, M21=1.2855752193730796, M22=1.6320888862379558); margin-top:-50px; margin-left:-40px; font-size:7px; } img {-ms-interpolation-mode: bicubic;} #top-titlemenu ul li {width:200px !important;} .sombra625{margin-top:-3px !important}

    Asked by moss,

    0 votes
    7 answers

  11. Технология, на которой сделан сайт w3.org

    Здесь прочитал, что w3.org сделан в виде адаптивного макета, подстраиваемого под ширину браузера. Нельзя ли подсказать мне технологию, на которой данная технология сделана? Для меня этот макет в новинку. Я увидел в HTML-коде некоторые конструкции, которые мне раньше не встречались. Вероятно, что дело в них. <style type="text/css" media="print, screen and (min-width: 481px)"> .... </style> и <link rel="stylesheet" href="/2008/site/css/minimum" type="text/css" media="handheld, all" /> Если это так, то где можно увидеть официальную документацию по этому?

    Asked by clavin,

    0 votes
    4 answers

  12. Фон для бюлока

    Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока wrapper (я так понимаю его нужно редактировать??) #wrapper { background: url("images/bg.PNG") repeat-y scroll 0 0 #fff; } Картинка "images/bg.PNG" вот http://hotbanya.ru/wp-content/themes/statua_v1.0.5/images/bg.PNG но ничего не выходит. Что не так? Или это вообще не так делается?

    Asked by fowl,

    0 votes
    7 answers

  13. Меню на CSS

    Добрый день! Постановка проблемы: Сделал меню, все работает, кроме активной ссылки (когда нажимаешь на пункт меню, он остается подсвеченным, что мы ТУТ находимся). Не совсем понимаю в какую ветку написать. Однако думаю сюда, тк проблема точно с кодом CSS. Проверил валидатором, есть проблемы с CSS, но они точно не влияют на конкреную проблему (и кстати пока не представляю как от них избавиться, но здесь не об этом). Экскурс: Делаю сайт на MODx, ссылка на сайт с проблемным меню, ссылка на сайт с меню работающим. Я перепробовал за последнюю неделю уже все на что я способен видимо, по логике (моей) все работает, а на деле нет... Пользовал информацию из этого урока про меню. Н…

    Asked by wowa,

    0 votes
    6 answers

  14. Учение верстки

    Добрый всем день. Нужна ваша помощь, покидайте ссылки на изучение верстки, желательно видеоуроки, если даже платные. очень нужно, Буду очень признателен.

    Asked by 7hp,

    0 votes
    5 answers

  15. подскажите с чего начать?

    Хочу сделать приблизительно вот такой сайт. Верстать умею, но не знаю как сделать его так что бы было удобно потом наполнять и редактировать. Подскажите пожалуйста с чего начинать?Есть предположение что нужно как то синхронизировать с CMS? но как - понятия не имею.

    Asked by olechic,

    0 votes
    5 answers

  16. Помогите с оформлением ссылок

    Подскажите пожалуйста, как сделать так, чтобы при переходе по ссылке она становилась жирным шрифтом ? И a:visited и a:active это не то... При Visited все ссылки посещенные когда-либо становятся жирным а при актив только в момент нажатия... т.е после того как отпустил кнопу они принимают обычный вид. А мне нужно чтобы они оставались жирными в меню, какбы обьясняя человеку в каком месте сайта он в данный момент находится. На старом сайте на Ucoz'e у меня это нормально реализованно (Но там уже был клас к которому пишешь свойства и подсмотреть где он находился не как нельзя, т.к сам код меню закрыт для глаз) Там цсс выглядело вот так. .uMenuV a.uMenuItemA { color: #ccc…

    Asked by cheatoff-strike,

    0 votes
    8 answers

  17. Перестал работать Open Sans Normal из Google Font

    Вчера перестал работать шрифт Open Sans, при чем только Normal, везде, где был Normal, отображается Bold. Шрифт грузится из Google Font. Проблема на всех моих сайтах, где он используется, с другими шрифтами и начертаниями проблем нет. блдаж! Проблема только в Chrome. Извиняюсь, выяснилось, что проблема только у меня, но как исправить? Кеш чистил

    Asked by litwit,

    0 votes
    1 answer

  18. Расположение инлайновых тегов друг над другом

    Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?

    Asked by Ge1i0N,

    0 votes
    2 answers

  19. Почему исходный код отличается от кода в консоли?

    Если открыть страницу и посмотреть ее исходный код, то выдает следующее <!doctype html> <html> <head> <meta charset="utf-8"> <link href="view/skin1/css_core.css" rel="stylesheet" type="text/css" /> <title>Franc!</title> </head> <body> <!--[if lt IE 9]> <script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('footer'); </script> <![endif]--></body> </html> Но если открыть консоль, то видим вот такое: Объясните мне, пожалуйста…

    Asked by Bizon4ik,

    0 votes
    2 answers

  20. Кроссбраузерность изображений

    Здравствуйте. Подскажите пожалуйста, как решить следующую проблему: сайт на WordPress, шаблон резиновый, я переделал размеры вставляемых изображений из px в %, при позиционировании изображений, в margin также применил %, так вот, в браузерах Chrome, Mozilla, Opera и Яндекс - всё отображается нормально, а в IE есть небольшое смещение некоторых картинок вверх, а в Safari - вообще конкретно уплывают. Margin я задавал атрибутом style, посмотреть пример моей страницы можно здесь. Как бы исправить этот баг?

    Asked by webded,

    0 votes
    3 answers

  21. Проблема с оформлением

    - Сайт должен как по высоте так и по ширине занимать 100% экрана. - Футер всегда должен быть прижат к низу - фон при различных ширинах и высотах (карта) не должен создавать прокрутку. Вот с ширинами получается, а с высотой нет. Получается я могу изменить размер окна браузера при этом ширина меняется и под нее подстраивается фон. А по высоте такого не происходит... Подскажите как реализовать... http://jsfiddle.net/zmtxuvk9/

    Asked by psics,

    0 votes
    4 answers

  22. Нестандартные шрифты для e-mail рассылок

    Добрый день! Хотела узнать можно ли использовать нестандартные шрифты в html-рассылках? В инете не могу найти подробную инфу

    Asked by Nailya,

    0 votes
    1 answer

  23. Body height: 0;

    Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

    Asked by seemax,

    0 votes
    2 answers

  24. Форма поиска по данным

    С помощью чего делается обработка событий по данным, заданным в поиске? Как прописывается код в таком случае? Форму я сделала, но остальное... Примеры: http://www.bn.ru/zap_fl_w.phtml или http://prian.ru/

    Asked by _elf_,

    0 votes
    3 answers

  25. Что за технология используется?

    Здраствуйте, вот увидел такую вещь и захотелось сделать нечто подобное суть в том что трехмерный объект можно вертеть на 360 градусов. Я так понимаю тут используется flash+javascript. Поделитесь пожалуйста литературой по подобной теме. http://www.volkswagen.com/etc/medialib/vwc...l?culture=ru_RU

    Asked by demon1987,

    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