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. Проблема в браузене Сафари

    <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …

    Asked by Mal4ishnik,

    0 votes
    11 answers

  2. Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?

    Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…

    Asked by Drunk_Monkey,

    0 votes
    1 answer

  3. Есть див с выпадающем меню и ссылкой на него

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

    Asked by 107andz,

    0 votes
    8 answers

  4. Проблема с высотой блока в IE6

    Нужно сделать чтобы слой полностью накрывал блок текста. Делаю так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #data { position: relative; } #cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } </style> </head> <body> <div id="data"> <p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая соде…

    Asked by ZooY,

    0 votes
    2 answers

  5. Высота TEXTAREA

    Можно ли сделать так, чтобы TEXTAREA тянулось в высоту по содержимому? overflow:visible не помогает

    Asked by Колос,

    0 votes
    4 answers

  6. Что неправильно?

    День добрый, в чем ошибка? <?php header("Content-Type: text/xml"); echo "<?xml version=\"1.0\" encoding=\"windows-1251\"?>"; ?> <rss version="2.0"> <channel> <title>***</title> <link>***</link> <description>***</description> <language>ru</language> <?php *** ?> </channel> </rss>

    Asked by woofs,

    0 votes
    8 answers

  7. Выравнивание по-центру абсолютного блока с неизвестной шириной. Возможно?

    <style type="text/css"> .temp1 { position: absolute; left: 40%; border: solid 1px black; } .temp2 { position: absolute; border: solid 1px red; top: 200px; left: -50%; } </style> <div class="temp1"> <pre class="temp2"> </pre> </div> Вот есть у меня блок: тег pre, я не знаю его ширину. Но мне нужно его спозиционировать по центру... Возможно ли это?

    Asked by Xoce,

    0 votes
    2 answers

  8. Оцените верстку пожалуйста. Делал для себя.

    Здравствуйте! Скачал с интернета PSD шаблон сайта и сверстал. Прошу указать ошибки или недочеты и в общем оценить верстку. Буду очень благодарен! http://narod.ru/disk/3121133001/GreenOrange.rar.html

    Asked by aknur,

    0 votes
    14 answers

  9. Не проходит валидность атрибут data-lightbox

    Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example". <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.m…

    Asked by 13bis,

    0 votes
    5 answers

  10. background-size: cover + backgroud-attachment: fixed на ipad?

    Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…

    Asked by Нарек,

    0 votes
    1 answer

  11. Как сделать html таблицу с объединением ячеек?

    Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

    Asked by Evsey,

    0 votes
    3 answers

  12. жесткая ширина таблицы

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

    Asked by jurassik,

    0 votes
    7 answers

  13. При открытии ссылки во фрейме - поднять полосу прокрутки вверх ?

    Здравствуйте. Такая ситуация: Есть индексный документ с большим списком ссылок, который открывается во фрейме. Список длинный и на экран не помещается - появляется полоса прокрутки. И проблема заключается в том, что если нажимать на ссылку, которая находится внизу списка, то документ открывается в этом же фрейме, но его не видно сразу, т.к. мы находимся внизу бегунка. Приходится пониматься вверх по полосе прокрутки чтобы увидеть документ.. Как можно подниматься вверх страницы после открытия ссылки ?? Надеюсь понятно объяснил Спасибо заранее.

    Asked by quake3,

    0 votes
    7 answers

  14. Вопрос

    Всем привет, я новичок и хотел бы узнать, а часто ли используют при верстке в html теги редактирования текста, такие как - <b>, <i>, <strong>,<em>

    Asked by Bean John,

    0 votes
    4 answers

  15. Резиновый дизайн

    Доброго времени суток, уважаемые. Столкнулся с проблемой и не знаю как ее решить. Нужно 2 контейнерных элемента разместить на странице так, чтобы верхний был постоянной величины в 20 пикселей, а вот второй, который ниже, растягивался бы в зависимости от высоты страницы. На каких это элементах реализовать в общем-то не имеет значение. Пробовал сделать таблицей, присвоив одной ячейке фиксированную высоту, а второй не указывать высоту, но тогда всеравно растягиваются обе строки, даже та которая с фиксированной высотой. Потом пробовал сделать на дивах, указав одному диву высоту 20 пикселей, а второму 100%, но тогда появляется полоса прокрутки, т.к. страница получается в высо…

    Asked by Ogalig,

    0 votes
    7 answers

  16. При использовании png.htc, в iE6 невозможно выделить текст

    Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.

    Asked by BassEast,

    0 votes
    7 answers

  17. Можно ли добавлять новые пункты меню на все страницы сайта одновременно

    Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.

    Asked by avtorytet,

    0 votes
    12 answers

  18. Плюсы и минусы верстки

    Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { marg…

    Asked by zolga7,

    0 votes
    11 answers

  19. Форма поиска. Chrome.

    Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…

    Asked by ZMichail,

    0 votes
    8 answers

  20. Вопрс по макету

    Есть вопрос по макету. (psd) Макет более 80мб. На форуме не выложишь. Где лучче залить файл и выложить ссылку на него? (Гугл диск подойдет?) Может у кого, знающего найдется 10 минут, чтоб ответить на вопрос по верстке?

    Asked by torsar,

    0 votes
    0 answers

  21. Высота строк в таблице

    Вот код таблицы: <body> <table cellspacing="0" cellpadding="0" border="1"> <tr valign="top" height="0"> <td><!--#include virtual="/ssi/header.html" --></td> </tr> <tr valign="top"> <td> <div id="page-content"></div> </td> </tr> <tr valign="bottom" height="0"> <td><!--#include virtual="/ssi/footer.html" --></td> </tr> </table> </body> В стилях: table { height:100%; width:100%; } Однако в IE каждая строка занимает треть экрана, хотя шапка и подвал должны быть прижаты. В Mozilla все нормально. И еще, какой DOCTYPE необходимо ук…

    Asked by pps,

    0 votes
    1 answer

  22. Выравнивание элементов внутри div

    Всем добрый ночи. Подскажите пожалуйста. Целый день потратил на эту проблему. Код выкладывать не стану ибо много, посмотрите пожалуйста если не трудно: http://c45.su/forum/ Наверху при разрешении 1200 все норм, как только уменьшаю разрешение, панелька авторизации в хедере съезжает на вниз. Как выровнять содержимое слоя right_verh по правому краю, и чтобы при уменьшении экрана этот слой уменьшался, но при <1200 он остановился (подобно картинке внизу, ее я сделал как надо) ? Спасибо.

    Asked by crash,

    0 votes
    3 answers

  23. AJAX

    Прошу ответь мне на 3 вопроса: 1)Что это такое. 2)Зачем оно надо. 3)Как этим пользоваться. Пожалуйста, не кидайте ссылки типа http://www.google.com/blablabla.

    Asked by Victor Ananiev,

    0 votes
    7 answers

  24. Подскажите, можжно ли осуществить такое.

    Заменить у селекта эту кнопочку ? , на эту ? желательно не извращенным способом)

    Asked by Sotnikov,

    0 votes
    6 answers

  25. Прозрачность background в IE

    Добрый день ! Сталкнулся с проблемой background . В мазиле он прозрачный т.е. наследует по умолчанию отцовский а в IE нет , просто белый , пытаюсь убрать его не получается помогите .

    Asked by bgraf,

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