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. избыточность селекторов

    скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)

    Asked by cyklop77,

    0 votes
    6 answers

  2. Проблема с движком Outlook 2007/2003

    Ребята, помогайте, кто соображает в чем может быть проблема. Сверстал письмо для рассылки, во всех браузерах нормально отображается, даже IE6 и тот все показывает. Но при переносе в программу для рассылок и при получении в outlook или при попытке отправить этот бланк через outlook express в верстке есть косяк, который никак не могу победить. Пробовал : - делать боковые изображения блочными элементами - ставить у изображений line-height:1px - везде ставить паддинги и маргины нулевые. В общем версии кончились, нужно быстрее решить проблему, помогите, кто сможет. Проблема на скриншоте изображена. код прикрепил картинка в спойлере <html> <head> <title>Но…

    Asked by Inspirer,

    0 votes
    4 answers

  3. Выравнивание пунктов меню

    Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись? ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул) И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/ Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?) Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

    Asked by ВикторТрошка,

    0 votes
    4 answers

  4. Как создать изображение кодом?

    Здравствуйте! Нужна помощь понимающих. Вопрос: Я хочу сделать иконку не путем добавления ссылки на изображение в код, а кодом, указав размер иконки в 20px, 20px и каждому пикселу присвоить свой цвет, чтобы в итоге они образовали простую иконку. Цель: Получить иконку без надобности заливать изображение на хостинг или использовать с иного ресурса. Подскажите пожалуйста пример кода, как присваивать цвет пикселам. Желательно html, думал сделать через canvas и js, но здесь подвох, если js отключены, иконки отображаться не будут, поэтому остается html. Но если это анриал, тогда уже js, хотя мне кажется это просто сделать, только мне не хватает соображения, что бы понять как это…

    Asked by Artimarius,

    0 votes
    4 answers

  5. Скрипт работает неправильно!

    Доброго времени суток! У меня такая проблема. На сайте есть 3 кнопки. (вот сам сайт: и-медиягрупп.рф) "заказать звонок", "заказать прайс-лист" и "принять участие в акции". Все 3 кнопки сделаны по одному принципу, и фактически используют один и тот же скрипт, просто с разными полями для заполнения, после чего он отсылает данные на почту заказчику. Проблема в том, что в кнопке "заказать прайс-лист" должно быть только одно поле, "ваш e-mail", и чтобы я не делал, там упорно остаются надписи "ваше имя и телефон" (если не сложно, гляньте по ссылочке, потому как я не знаю что сюда залить). Я правда не знаю как это дело победить... вот уже который день "удаляю" эти поля и добавл…

    Asked by mikhelevich,

    0 votes
    2 answers

  6. Два фона

    Здраствуйте дорогие пользователи! В общем у меня такой вопрос: "Как сделать 2 фона на сайте?", допустим, как на кинопоиск. Заранее благодарю.

    Asked by vasa3000,

    0 votes
    7 answers

  7. Странное поведение after в ie

    В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }

    Asked by Zverushka,

    0 votes
    13 answers

  8. button before absolute

    ие8 не понимает :before с позицией absolute у тега button. Есть варианты?

    Asked by Zverushka,

    0 votes
    8 answers

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

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

    Asked by borus,

    0 votes
    4 answers

  10. Отличие отображения вёрстки в iPad и в Сhrome

    Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…

    Asked by prowoke,

    0 votes
    1 answer

  11. Верстка темы Wordpress в контенте старницы

    Добрый день дорогие читатели форума! Обращаюсь к профессионалам по верстки тем на wordpress. Работаю с joomla и знаю что куда лепить, а вот с wordpress кодом практически не знаком. Хотя сам давно хотел уже для себя закрыть этот вопрос. И тут мне была поставлена задача сверстать шаблон на wordpress. Покопавшись в самом структуре кода, я понял что есть html разметка, в которую обернуты php вставки кода с выводом информации бд . Также регенерация классов происходит тоже за счет php. К сожалению разбираться с php у меня времени не так много, хотелось бы сделать все быстрее и как можно лучше. Свое внимание я обратил на редактор контента в woredpress. http://hkar.ru/FCjb …

    Asked by romenson,

    0 votes
    1 answer

  12. В стилях слик-карусели текст отказывается становится рядом с картинкой

    Делаю учебный проект. Не получается поставить текст в слайдере рядом с картинкой html <div class="main__slider"> <div class="carousel"> <div class="carousel-slide"> <div class="carousel__img"> <img src="img/2018-Walking-Shoes-Comfortable.jpg" alt="2018-Walking-Shoes-Comfortable"> </div> <div class="carousel__text"> <h1>Осень 2018</h1> <h2>новая коллекция</h2> …

    Asked by rimidbit,

    0 votes
    1 answer

  13. Как изменить цвета елементов формы?

    Подскажите пожалуйста

    Asked by nds,

    0 votes
    2 answers

  14. Нужна помощь

    Всем привет. У сеня на странице два фрэйма. Есть вертикальные полосы прокрутки. Не могу вставить горизонтальные полосы прокрутки в html. Мой сайт http://www.suvenirclub.narod.ru. Прошу, кто знает, как это сделать, подскажите, плиз. В мозиле и опере полосы появляются автоматически, а вот в интернет-экспорере нет. Если, что не так объяснила и нужны еще какие-нибудь сведения, то напишите на suvenirclub@yandex.ru

    Asked by suvenirclub,

    0 votes
    1 answer

  15. Движок DLE

    Скачал движок DLE. Читаю инструкцию по установке. Поясните, что нужно сделать в пунктах:2,3,4,5, Что такое права для записи (CHMOD 777) Установка скрипта на сервер Установка скрипта на сервер проходит в автоматическом режиме и не должная вызывать особых проблем, но вам необходимо выполнить некоторые действия по настройке прав доступа на папки. 1. Для начала скопируйте все файлы из папки upload в данном архиве на ваш сервер. 2. Установите для папки templates и всем вложенным в нее папкам права на запись (CHMOD 777) 3. Установите для всех файлов в папке templates права на запись (CHMOD 666) 4. Установите права для записи (CHMOD 777) для папок backup, uploads, а также дл…

    Asked by Wolverine,

    0 votes
    1 answer

  16. Можно ли сократить CSS?

    Пишу: style="border-top: 1px solid #8e99d7; border-right: 1px solid #8e99d7; border-left: 1px solid #8e99d7;" Можно ли сократить? Спасибо

    Asked by klik2,

    0 votes
    2 answers

  17. Центрирования по осям X и Y

    Есть HTML: <div id="wrapper"> <div id="cell"> <div class="content"> Content goes here </div> </div> </div> Задача: расположить div.content аккурат по центру окна браузера, при этом, у блока неизвестны width и height Решение №1: #wrapper { display: table; } #cell { display: table-cell; vertical-align: middle; text-align: center; } .content { display: inline-block; } Вопрос: как можно добиться аналогичного результата без использования display: table/table-cell и JS?

    Asked by rookie,

    0 votes
    5 answers

  18. Можно ли использовать текстовую ссылку для отправки формы?

    Возник такой вопрос. Можно ли для отправки формы на сервер использовать текстовую ссылку <a> вместо inputa ?

    Asked by gordey,

    0 votes
    2 answers

  19. Выровнять по центру

    Как выровнять по центру содержимое тега div с помощью CSS. Если в HTML сделать вот так: <div align="center">, то всё будет по центру. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link href="http://www.___.ru/style-all.css" rel="stylesheet" media="all"> <title> </title> </head> <body> <div align="center"> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Middle"> …

    Asked by shabalin-roman,

    0 votes
    3 answers

  20. div scroll XHTML-?

    Здравствуйте, дорогие форумчане. Такая проблема: Не получается отладить в XHTML scroll у <div id="scroll"> (http://www.fahrschule-mering-wybiral.de/). Задача состоит в том, чтобы прокручивалось содержимое только этого div-a. Всё остальное содержание старницы должно оставаться фиксированным. <div id="scroll"> выделен пунктирной рамкой. В HTML.4 это работало (http://art-factor.gmxhome.de/Home-DE-Gemaelde-Grafik.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как решить эту задачу в XHTML??? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh…

    Asked by art-factor,

    0 votes
    2 answers

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

    Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока 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

  22. Съехали блоки

    http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…

    Asked by Vitek25,

    0 votes
    2 answers

  23. Оцените работу пожалуйста!

    Все добрый вечер. Наконец-то сверстал свой первый сайт из psd, раньше баловался просто ковыряясь в чужом коде. Я уверен что код просто ужасен а, так же сделал много чего не эффективного, то есть более сложно чем можно было, а так же не смог подобрать шрифт, а картинки не хотел вставлять, вместо текста. Прошу пожалуйста критики! Заранее спасибо! Именно по части верстки, как можно было сделать все проще! Вот сам макет Вот результат Вот Файлы

    Asked by li4e,

    0 votes
    9 answers

  24. Разворот одной картинки в другую

    Добрый вечер всем! Подскажите пожалуйста какой-нить скрипт желательно js, чтобы при наведении мышки на фото оно разворачивалось по горизонтали и менялось на другое фото. Что-то типа вот этого: http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html. пробовал вставлять - не получилось. МОж. чего не доделал.??? . Я в яве как-бы не спец вообще, скопировать могу....а.... Спасибо!

    Asked by Vic-Tor,

    0 votes
    8 answers

  25. Системный масштаб шрифтов и браузеры

    Верстаю сейчас макет, в котором горизонтальное меню забито текстом под завязку. Масштаб шрифтов в винде выставлен в 125%, так как монитор большой, и мне не нравится узенькая панель задач и мизерные значки при 100%. Так вот, в IE и Firefox меню просто разваливается, поскольку эти браузеры принудительно делают шрифт жирным, и пункты меню просто не помещаются по ширине. Радует только Хром и Опера. Для себя в Firefox проблему решил через about:config, как сделать такое в IE не знаю. Как с этим бороться? Ведь у кого-то из пользователей тоже могут быть увеличенные шрифты в системе.

    Asked by Bassline,

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