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. минимум оптимизации для верстальщика

    для себя составил список мер, которые по завершению основной вёрстки помогут придать результату более профессиональный вид, ускорить быстродействие страницы и при этом не включают значительную часть работы сеошника: пополните пожалуйста список полезными по вашему мнению действиями и если здесь присутствуют работодатели, то скажите как часто вам приходится при приеме на работу верстальщика обращать внимание на перечисленное

    Asked by cyklop77,

    0 votes
    3 answers

  2. лишние файлы и производительность

    скажите пожалуйста влияет ли хоть в какой то степени присутствие неиспользуемых файлов в папке сайта? пример. есть минифицированный js-файл, используемый слайдером. рядом лежит неминифицированная копия этого файла, которая не используется

    Asked by cyklop77,

    0 votes
    1 answer

  3. включить gzip-сжатие

    включаю gzip-сжатие на сервере посредством добавления в конец .htaccess кода <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> в результате сайт падает и в браузере получаю ошибку подскажите пожалуйста что я делаю неправильно. или другой способ включить gzip-сжатие пе…

    Asked by cyklop77,

    0 votes
    9 answers

  4. Не понимаю поведение эдементов

    Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…

    Asked by shtuceron,

    0 votes
    1 answer

  5. Как растянуть контент до подвала

    Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…

    Asked by s100,

    0 votes
    8 answers

  6. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }

    Asked by Kenshi24,

    0 votes
    1 answer

  7. Многослойная верстка

    Решено

    Asked by amir,

    0 votes
    2 answers

  8. Не понятный баг

    Дивная верстка, весь код написан с любовью и пониманием сия деяния. Проблема: при выделении текста и перемещения мышки в право, страница прокручивается в правую сторону. Особенности: Почти весь контент расположен по середине, некоторые элементы располагаются от середины страницы до правой стороны страницы ( затеи дизайна). Прикрепил картинку, для понимания. На картинке безобразно изображены элементы, по середине большой блок, на пример с ним, если выделить текст и ввести вправо, возникает этот тупой баг. Ну и конечно же порция кода. Код для большого блока с 4 прямоугольниками: { padding: 22px 9999px 0px 0px; color: white; border-top: 2px solid white; } Для внутренних…

    Asked by RodgerFox,

    0 votes
    0 answers

  9. ie 8 и старше не отображают фон

    Здравствуйте. Проблема с IE от 8 и старше. Здесь - тест как всегда отличается IE: фон у <h2>, <p> не отображается. Как бороться? Костыли из этой темы не помогают...

    Asked by balashovka,

    0 votes
    1 answer

  10. снова div

    Здраствуйте, я уже роюсь с этим блоком уже целый день.Мне нужно убрать желтую область,чтобы реклама не смогла загородить слово "shkola" и "slogan" ,на маленьком разрешении реклама загораживает эти слова.

    Asked by crazyjkee,

    0 votes
    1 answer

  11. Посоветуйте какую-нибудь админку для сайта кадрового агенства

    Здравствуйте. Мне срочно нужна панель администрации сайта для кадрового агенства, им требуется админка с удобным интерфейсом, что бы выкладывать свои вакансии. Желательно без задействования MySQL баз. Зарание спасибо

    Asked by Plamer4ik,

    0 votes
    3 answers

  12. оценить степень оптимизации страницы

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

    Asked by cyklop77,

    0 votes
    3 answers

  13. js-макет

    посоветуйте пожалуйста макет для вёрстки, в котором очень много нужно применять javaScript

    Asked by cyklop77,

    0 votes
    0 answers

  14. пропадает фоновое изображение

    здравствуйте. для примера вот такая ситуация: мне нужно в body разместить одну картинку в качестве фоновой: body { border: 1px solid #F907F6 height: 200px; background-image: url("../images/excel_1.png") no-repeat ; } проблема в том, что когда добавляю (no-repeat), то ..не знаю куда улетает эта картинка, нигде не видно. Ведь по умолчанию, как я понимаю, она должна находится в обозримом пространстве, если для неё не назначено никаких сдвигов. а когда убираю (no-repeat) , то, конечно, весь экран покрывается. подскажите, пожалуйста, в чём проблема и как она решается. спасибо

    Asked by Нusuf,

    0 votes
    5 answers

  15. чем отличается ::after от :after?

    Чем отличается ::after от :after? Если не считая двойного и одинарно двоеточия.

    Asked by Slyfox,

    0 votes
    4 answers

  16. Личный сайт-портфолио

    Я фрилансер-верстальщик. Появилась идея сделать своя сайт портфолио. Скажите, а есть ли смысл? Поможет ли этот как то в поиске работы, или же достаточно аккаунта с портфолио на фрилансе?

    Asked by DartBein,

    0 votes
    9 answers

  17. медиа-запросы

    Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..

    Asked by a.antropov,

    0 votes
    1 answer

  18. безымянный section

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

    Asked by cyklop77,

    0 votes
    3 answers

  19. Убрать пробелы между колонками в таблице

    Здравствуйте есть таблица.. почему-то вкруг ячейки стоят отступы.. как их убрать не понимаю.. к таблице применены следующие стили: .myclass table, tr, td, th { border: 1px solid black; border-spacing: 0; width: 290px; } tr, td { padding: 5px; text-align: left; } сделал так и заработало .myclass { border:solid black 1px; border:0; border-spacing:0px; width:160px; }

    Asked by nikki4,

    0 votes
    1 answer

  20. Таблицы

    Здравствуйте, недавно решил сделать на сайте стол заказов и связи с этим необходимо было создать таблицу с информацией о заказах. Основной проблемой является заголовки колонок которые так и норовять выйти с новым заказом. Пробовал использовать <thead> но эффекта ноль. Может быть Вы поможете. Вот адрес стола заказов Моя ссылка Вот норовитый код <table border="1" width="100%" cellpadding="5"> <thead> <tr> <td> Дата</td><td>Название фильма</td><td>Год выпуска</td><td><b>Автор заказа</b></td><td>Статус</td> </tr> </thead> <tfoot> </tfoo…

    Asked by Rustman,

    0 votes
    5 answers

  21. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  22. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  23. img заместь background для менюшек в дизайне.

    Есть меню в котором кнопочки как картинки + снизу их текста. Так как background'ом это реализовать не удобно. Сделал вот так <a><img />ТЕКСТ ссылки</a>. Это плохо или нормально? Просто часто виду темы наподобие что все элементы дизайне должны быть сделана свойством background!

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  24. Как сделать див и прокручивающимся и прилипающим.

    Здравствуйте. В поисковиках не смог найти, вот обращаюсь к знатокам. Ситуация такая, страничка, в ней две колонки из div. Один див в высоту допустим 5-ть экранов скрола, второй только 2-ва. Нужно сделать так чтобы второй блок div (который 2-ва экрана) проматывался нормально эти два экрана совместно с первым, а потом низ этого второго div прилипал к низу странички, первый блок так и проматывался бы дальше а второй как-бы скользил за ним сбоку. Как это реализовать или где почитать? Встречал такие фишки на сайтах газет, но сейчас что-то не могу нигде найти.

    Asked by MeTaN,

    0 votes
    2 answers

  25. картинка фиксированной высоты

    делаю свой первый сайт нарисовала в фотошопе дизайн сайта, порезала на слои, начала верстать с помощью DIV но проблема: картинка с основным фонов имеет фиксированную высоту, а мне нужно,чтобы она растягивалась при увеличении контента ПОМОГИТЕ,ПОЖАЛУЙСТА вот ссылка на картинку http://saveimg.ru/show-image.php?id=80182e754f93d5d9c2ba6719cf17cc23

    Asked by nandini,

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