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. Почти меню, при наведении на блок, показывает другой блок

    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …

    Asked by iillyyaa2,

    0 votes
    21 answers

  2. Notepad ++ и "ЖИВОЙ ПРОСМОТР"

    Для начала думаю лучше бы добавить официальное видео(правда другой программы!): http://youtu.be/rvo3Mv1Z4qU?t=2m47s А вот и сам вопрос-МОЖНО ЛИ ОРГАНИЗОВАТЬ ТАКОЙ ЖЕ "ЖИВОЙ ПРОСМОТР" И В NOTEPADе?! Если знаете аналоги Brackets,напишите пожалуйста(нужна программа с просмотром изменений в реальном времени!).

    Asked by SKSKSS2013,

    0 votes
    5 answers

  3. помогите со скриптом - нужна простенькая форма, чтобы заполненные в н

    помогите со скриптом - нужна простенькая форма, чтобы заполненные в нем пользователем данные отправлялись на email. form name="form2" method="post" action="mailto:arb-everest@yandex.ru" enctype="text/plain" p input name="textfield" type="text" value="" size="100" Фамилия, Имя, Отчество /p p input name="textfield2" type="text" value="" size="100" /p p input type="submit" name="Submit" value="Submit" вот приблизительно что я хочу... http://www.wsugra.ru/recruting/form-worker.htm но ничего не получается . браузер после нажатия в какую то конфигурацию лезет... заранее очень признателен

    Asked by vovchikku,

    0 votes
    11 answers

  4. Адаптивная вёрстка под iPhone

    Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо

    Asked by Briss,

    0 votes
    6 answers

  5. верстка сложного макета

    Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет

    Asked by spy7190,

    0 votes
    20 answers

  6. обращение в CSS к первой строке в таблице

    вопрос такой есть таблица с идентификатором, могу ли я как-то не редактирую HTML а только CSS файл который подключен к этой странице применить стиль к первой строче этой таблици, а было бы здорово если к любой определенной другой, но НИКАК НЕ КО ВСЕМ!, подчеркиваю только к одной. <TABLE id="n1"> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE>

    Asked by bezdna,

    0 votes
    4 answers

  7. Таблица со значениями и графиком

    Хочу сделать табличку с числами, и в _этих_ же ячейках фоном цветная полоска, длина которой пропорциональна числу в ячейке. И никак не могу придумать правильные стили, чтобы число располагалось _на_ фоне, а не слева/справа/снизу/сверху. Подскажите, пожалуйста, как это реализовать.

    Asked by IVB,

    0 votes
    11 answers

  8. font - сокращенная запись

    Возникла проблема при создании сайта: Фаерфокс не отображает классы у гиперссылок, в css написал: {font: italic Georgia, Arial, sans-serif;} а ссылки так и остались тем шрифтом, что были и курсивом не выделились. Причем в Опере, EI и программе редактирования все правильно отображается, в отличие от Firefox. В чем тут проблема?

    Asked by Дио,

    0 votes
    6 answers

  9. Как запретить горизонтальную прокрутку?

    Как запретить горизонтальную прокрутку?

    Asked by alkapone,

    0 votes
    4 answers

  10. эффекты css отображаются в IE, но не отображаются в опере и FF

    дело в том, что css я никогда не пользовалась, так что я чайник просто. на укозовском сайте нужно было сделать парочку изменений. с горем пополам, разобралась, результат в эксплоэре просто великолепный, а в опере и эксплоэре фейки: 1. .statusBlock {padding-top:3px;} .statusOnline {color:#040aff;} .statusOffline {color: RGB(255, 3, 27);} это цвет статуса пользователя. в эксплоэре изменился, в опере и то, и другое чёрное 2. text-align:center - этот тег вообще не работает. выравнивание как было левое, так и осталось. 3. не отображается ряд изображений. помогите, пожалста)))))))

    Asked by angel_a,

    0 votes
    14 answers

  11. Как сверстать стрелку на CSS

    Здравствуйте! Помогите с решением. Подскажите, можно ли сверстать стрелку на псевдоэлементе? https://prnt.sc/gb74sc https://prnt.sc/gb7kos

    Asked by Goodman-77,

    0 votes
    6 answers

  12. Тень блока без background: url

    Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>

    Asked by mamay,

    0 votes
    15 answers

  13. фон

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

    Asked by bald,

    0 votes
    15 answers

  14. Вертикальное центрирование изображения

    Доброго времени суток. Ситуация такая. Есть некий блочный элемент (допустим, абзац), внутри которого есть картинка и немного текста. Картинка вставлена тегом Код, работающий в Опере и Лисе: HTML: <img src="menu.png"> Some Text CSS: p { height: 100px; line-height: 100px; } p img { vertical-align: middle; } Буду очень рад, если кто-то подскажет как заставить работать это в IE

    Asked by Kaiden,

    0 votes
    11 answers

  15. Разное отображение в Firefox и IE. Как лечить?

    Добрый день. Есть таблица. Одна ячейка отведена под новостной блок. Новости формирую через блоки <div>. 4 блока формируются правильно и стоят на своих местах, а вот с самой последней надписью "Читать все новости..." проблема. В Firefox отображается нормально, а в IE прилепает вверх. Если делаю в стиле отступ сверху, выравнивается в IE, но ползет таблица в Firefox. Подскажите, почему такая разница в интерпретиция тегов и как это можно исправить? Вот кусок из CSS p.news_data { font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-decoration:none; font-size:10px; color:#000; margin: 10px 10px 0 10px; } p.news_zagolovok { font-family:Verdana, Geneva, sans-se…

    Asked by amv,

    0 votes
    21 answers

  16. 3 колонки одной высоты с резиновым центром

    Добрый вечер! Возникла задача сверстать 3 колонки одной высоты. Мне очень понравился метод Matthew Taylor'a, но одно меня ставит в тупик: все колонки здесь имеют длину в %. Мне же нужно, к примеру, 300px левая, 350px правая и центр - всё оставшееся место. За основу брал статью-перевод http://www.master-web.info/equal-height-co...ss-browser-css/ Крутил, вертел, пока ничего не вышло. И почему-то кажется, что этот метод не рассчитан под фиксированные сайд-бары Есть ли у кого идеи, как это и можно ли сделать? Спасибо

    Asked by Yuriy,

    0 votes
    26 answers

  17. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy,

    0 votes
    0 answers

  18. Как оформить границы таблицы с помощью CSS

    Подскажите примерчик кода CSS, пожайлуста! Есть таблица, состоящая из одного столбца и двух строчек, собственно в вверхней ячейке картинка, а в нижней черные границы таблицы. Как мне сделать так, чтобы у второй ячейки верхняя граница неотображалась, а границы слева и справа и снизу оформить цветом и толщиной линии?

    Asked by okunev2,

    0 votes
    5 answers

  19. Проблема с заменой курсора в Firefox

    Всем привет :-) У меня в стилях прописана смена курсора при наведении: td.submenu { cursor: hand; } И на самой странице: <table> <tr><td height=25> <tr><td class=submenu>submenu1 <tr><td height=25> </table> Проблема состоит в том, что Mozilla Firefox не меняет в этом месте курсор. А мне очень нужно чтоб он сменился (тем более, говорят firefox популярнее стал :/). Есть варианты как поступить?

    Asked by _EAX_,

    0 votes
    10 answers

  20. Здравствуйте Уважаемые профессионалы!

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

    Asked by romawka_ural,

    0 votes
    12 answers

  21. Растянуть изображение в диве

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

    Asked by Veanissepil,

    0 votes
    3 answers

  22. Css-меню и сепараторы

    Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…

    Asked by param,

    0 votes
    2 answers

  23. http://www.htmlbook.ru/css/hover.html - в IE6 меню не работает

    Народ такая ситуация, во на сайте дается код выпадающей менюшки!! Так вот в 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"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font…

    Asked by sufokol,

    0 votes
    4 answers

  24. browsersync.io работает только с html страницей

    Что есть: - локальный сервер (OpenServer) - на локальном сервере сайт "php-site" - установлен чистый browsersync без grunt и прочего запускаю brosersync: browser-sync start --proxy "php-site" --file "*"в браузере открывается мой сайт с адресом http://localhost:3000 Автообновление работает только с html файлами, если сервер к примеру отдает script.php или style.css browsersync перестает обновлять страницу при изменении файлов. Как заставить работать автообновление brosersync с php?

    Asked by ori,

    0 votes
    3 answers

  25. не могу растянуть среднюю колонку в IE

    Сайт сверстан таблицей из трех колонок. Крайние колонки ограничены шириной 160 пикселей, а средняя должна растягиваться на оставшуюся ширину экрана. Т.е. сайт должен быть резиновым. И везде это работает, но только не в IE. Если я задаю ширину любой ячейки в средней колонке = 100% - то таблица уходит за пределы экрана. Если не задаю - сжимается до одиноковой ширины с крайними колонками. Если вкладываю в нее (в любую ячейку в средней колонке) таблицу с шириной 100% - все равно не помогает. Вот код: <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='160'> текст </td> <td> <table width='100%' cellpadding='0' cells…

    Asked by begin,

    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