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.

    Подскажите хорошую книгу(и) по CSS. Желательно чтобы в ней подробна был рассмотрена верстка с помощью слоев. Заранее, спасибо...

    Asked by bobr0ff,

    0 votes
    8 answers

  2. Элемент не центрируется в 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,

    0 votes
    7 answers

  3. Валидатор ругается на тег - table.

    Здравствуйте. Валидатор ругается на тег - <table>, подскажите как устранить эту ошибку ? https://validator.w3.org/check?uri=http%3A%2F%2Fxn--b1aaib2asvk.xn--p1ai%2Fkustom.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices , а также говорит про устаревшую запись - <p><a name="lst1"></a></p>, как её правильно переписать ? Адрес страницы - http://велосвет.рф/kustom.html . Спасибо !

    Asked by Kompilator,

    0 votes
    24 answers

  4. Скошенный угол на css

    Приветствую, подскажите пожалуйста как лучше реализовать скошенный угол как на макете http://prntscr.com/7xzkou

    Asked by toha135,

    0 votes
    5 answers

  5. Текст в поле input

    Вопрос: в поле <input type=text value="поиск..."> отображается текст "поиск..." как сделать так, чтобы при клике мышкой в это поле текст исчезал, и желательно, чтобы при клике в другом месте сайта (чтобы сделать неактивным это поле), текст снова появлялся! и самое важное то что бы текст в value имел серый цвет например, а когда что та печатаеш в инпуте, текст уже был чёрного цвета(например). Нужна профессиональная решение этого вопроса, думаю это каждый использует, у меня есть скрипт, но не нравится как работает. Спасибо.

    Asked by dark25,

    0 votes
    4 answers

  6. Резиновый дизайн: проблема в IE6 и ниже

    Делал резиновый дизайн. В Firefoxe, Opere, IE7 все работает так как надо, а вот в более ранних версиях IE появляются глюки(как на картинке внизу). Проблем еще в том что у меня Vista и не могу постоянно просматривать то, что получается в более ранних IE. должно быть: В IE6 и более ранних: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> * {margin: 0px; padding: 0px;} html {background: #000000; height: 100%;} body {min-width: 1000px; min-height: 100%; position: relative;} * html body {hei…

    Asked by k2s,

    0 votes
    3 answers

  7. Помогите. В IE 6 стиль показывается по-другому.

    Есть такой стиль, прописанный в файле css .list3 li a { background:url(images/bull-1.gif) no-repeat left 6px; padding:0 0 0 13px; text-decoration:none; display:block;} Во всех браузерах показывается норм, а в IE6 - лишний отступ между буллитом и текстом. Как исправить? Как пользоваться конструкцией: <!--[if lte IE 6]--> Пожалуйста, подскажите, кто с таким сталкивался.

    Asked by mne150let,

    0 votes
    24 answers

  8. Подключаемый шрифт

    Здравствуйте, подключил .otf шрифт к проекту, но во всех примерах написано про подключение шрифта с расширением .ttf Есть ли смысл конвертировать .otf шрифт в .ttf если браузеры поддерижвают расширение .otf и шрифт отображается корректно?

    Asked by Temiks,

    0 votes
    4 answers

  9. не получаются правильные переносы

    На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названи…

    Asked by begin,

    0 votes
    3 answers

  10. Курсор при наведении на картинку-ссылку

    Хочу сделать простую смену картинки при наведении на нее курсора мыши (код ниже). В IE6 при наведении курсора он так и остается указателем-стрелкой, в FF2 - принимает форму руки (как и полагается). Почему так происходит в IE и как это исправить, чтобы курсор явно говорил, что это картинка-ссылка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test</title> </head> <body> <a href="#"><div id="b1" style="width:144px; height:90px; display:block; background-image:url(pic/button1.png)…

    Asked by Online,

    0 votes
    1 answer

  11. disabled не дает пройти валидацию

    у меня на страничке есть такая строчка <link rel="alternate stylesheet" type="text/css" media="screen,projection" href="../print.css" title="printview" disabled /> и валидатор (xhtml strict) пишет как-нибудь можно это исправить? disabled нужен для корректного включения/выключения стилей в ие на странице я использую прием описанный тут - http://cssing.org.ua/2007/04/07/print-vers...ith-javascript/

    Asked by Flo,

    0 votes
    4 answers

  12. Меню в одну строчку

    В одной из ячеек таблицы есть меню, как правильнее на css его расположить в одну строчку по горизонтали? #menu_footer1 { margin-left: 64px; margin-top: 16px; } #menu_footer2 { margin-left: 125px; margin-top: 16px; } <div id="menu_footer1"><a class="menu_footer1" href="#">Меню1</a></div> <div id="menu_footer2"><a class="menu_footer1" href="#">Меню2</a></div>

    Asked by okunev2,

    0 votes
    5 answers

  13. Центровка текста по вертикали

    Верстаю сайт http://vsenadomu.ru/ и никак не могу отцентрировать поле поиска Вот такой код работает в ИЕ7 и FireFox 3 и хроме, но не работает в Opera 9.64. Если поставить padding 0 0 0; убрать vertical-align: bottom и добавить line-height:48x, то работает везде крому firefox sad.gif /* Search */ #at-search { background: no-repeat left center; position: absolute; top: 21px; left: -10px; z-index: 0; float: right; margin: 0; } #at-search .inputbox { color: #070000; width: 275px; background: url(../images/search.png) no-repeat; text-transform: none; text-align: center; padding: 15px 0 0; height: 48px;vertical-align: bottom; border-width: 0; } .narrow #at-search .inputbox{ …

    Asked by szag,

    0 votes
    5 answers

  14. всплывающие окна

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

    Asked by Дормидонт,

    0 votes
    7 answers

  15. Родительский div неадекватной высоты

    Здравствуйте. Есть проблема - родительский элемент <div class="orderby-displaynumber"> не принимает высоту внутренних элементов... Приходится писать костыль типа height:30px (но так не годится), с .clr{clear:both;overflow:hidden;} он принимает непонятную высоту (хотя Firebag не показывает, что его растягивает) <div class="orderby-displaynumber"> <div class="orderby"> <div class="orderlistcontainer"><div class="title">Сортировать по</div><div class="activeOrder"><a href="..." title=" +/-">Название +/-</a></div>...</div> <div class="orderlistcontainer"><div class="title">Производитель: <…

    Asked by Hijacker,

    0 votes
    8 answers

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

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

    Asked by nUKe,

    0 votes
    11 answers

  17. position: fixed и обтекание текстом

    указал для шапки сайта (она сверху) position: fixed. теперь надо сделать, чтобы прокручиваемый вниз текст не уходил под шапку (она полупрозрачная). домой пришел уставший и никак не могу сообразить...

    Asked by beatstream,

    0 votes
    7 answers

  18. ссылки в выпадающем списке

    Добрый вечер! Извините, если такой вопрос был, в этом случае я буду жутко благодарна ссылкам по теме... В общем, мне необходимо сделать выпадающий список. При выборе одного из них осуществляется переход по ссылке. Подскажите, как прикрутить к элементам ссылку? Мучаюсь с этим уже который час, найденные рецепты не помогают... Заранее благодарна)

    Asked by daria,

    0 votes
    4 answers

  19. Широкий фон

    Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.

    Asked by foggy,

    0 votes
    8 answers

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

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

    Asked by torsar,

    0 votes
    0 answers

  21. opera vs "универсальный шаблон"

    Доброго времени суток! Возникла проблема с оперой (что меня удивило) Сверстан сайт по вот этой идее http://trifler.ru/blog/i/users/ushablon.htm пример работает везде и на ура. у меня же после внедрения в жЫзнь, по закону подлости отображает не правильно ФФ и ИЕ корректно понимают margin-bottom:-32767px;padding-bottom:32767px; а вот опера не пожелала пример сайта http://devel.domik.net/mod/offers/ даю ссылку не на главную старницу специально. вкратце для тех кто не хочет заходить: в опере появляется огромное пространство размеров в те самые ~30000рх. Код в студию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401…

    Asked by ignar,

    0 votes
    3 answers

  22. Проявить бблоки по ссылки

    Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!

    Asked by inweb,

    0 votes
    4 answers

  23. Проблема с высотой блока в 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

  24. Работа с IFRAME, длина по материалу...

    Доброе время суток, я ранее не когда не использовал IFRAME, но сейчас при реконструкции моего портфолио столкнулся с небольшой проблемой, хотя и проблемой это назвать тяжело, но вроде всё работает хорошо, дело в том что всё идёт так: у меня идёт небольшой блок с превьюшками(мини-картинки) при нажатии на которые с низу будет выводится материал..., но материал разных размеров, в плане высоты... то есть фиксированная ширина у меня стоит 847px, а длина у самого блока плавает в зависимости от материала, примерно от 500px до 800px подскажите пожалуйста - возможно ли, как то выставить auto, что бы длина IFRAME ориентировалась по длине вложенного материала(без прокрутки)... ? За …

    Asked by Guooff,

    0 votes
    7 answers

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

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

    Asked by Drunk_Monkey,

    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