HTML Coding

29542 questions in this forum

1. Фон не размножается до конца, загадка какая то.

   Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.

   Asked by serg_life, October 14, 2015

   0 votes
   15 answers
2. Выравнять блоки и слои

   Здравствуйте, Надо поднять <div class="conteiner" На один уровень с <div class="fone35> по высоте. Как это можно сделать? https://jsfiddle.net/ratus/g879ptjy/23/

   Asked by ratus, February 3, 2021

   0 votes
   4 answers
3. overflow в Firefox

   Я делаю список вида: <div id="container"> <div class="divitem">item1</div> <div class="divitem">item2</div> <div class="divitem">item3</div> <div class="divitem">item4</div> <div class="divitem">item5</div> <div class="divitem">item6</div> </div> Затем делаю его ограниченным в размерах и скроллируемым только по вертикали: #container { height:80px; border:1px solid; width:100px; overflow-x:visible; overflow-y:auto; } Проблема: С помощью JQuery пытаюсь реализовать Drag элементов списка и вот что получаю в Firefox и IE6/7: В Firefox #container …

   Asked by White Patcher, September 2, 2008

   0 votes
   4 answers
4. аттрибуты тега DIV, class и id

   Интересует такой вопрос. Везде учат как используются эти аттрибуты тега DIV одним способом, а в реале встречаешь вообще совсем другое. Т.е. вот есть код, там идут теги DIV с аттрибутами, но нигде потом нету информации, что эти аттрибуты из себя представляют. Т.е. они описываются где-то не в файле страницы, а могут храниться где-то еще отдельно? А как к ним тогда ссылаться? Вот короткий пример: <div id="layout"> <div id="mainwrapper"> <div id="regbox" class=""> <div id="regselector" class="corner greybord"> <div class="content"> Вот все эти слова в кавычках, это же названия аттрибутов, за ними скрываются какие-то опредения экрана, цветов, слое…

   Asked by htmluse, March 25, 2010

   0 votes
   5 answers
5. Вопрос по бэкграунду

   Вопрос 1 таков,я собираюсь сделать фон сайта покрасивее(раньше была просто заливка цветом),я думаю,какой бы мне сделать размер,чтобы на всех экранах отображалось одинаково? Или какой оптимальный размер без косяков? вопрос 2. я хочу сделать,чтобы бэкграунд сделал как бы контур всего сайта,т.е. примерно вот так: Как мне этот фон вставить,чтобы весь контент вошёл,и он не вылез наружу?фон другой сделаю=) Просто увидел этот фон и аффигел=D Или предложите другие хорошие идеи по созданию фона

   Asked by SenkOne, February 12, 2011

   0 votes
   7 answers
6. IE vs FF

   На этом сайте высоту левой и правой колонки IE отображает не так как FF и Opera. Почему? А написанно так: <td valign="top" width="130" height="440" ><!--//левые обновления-->

   Asked by Bolmazov, September 2, 2008

   0 votes
   4 answers
7. Странные проблемы при верстке для ie 6.0

   Всеми нами любимый Ишачок - совсем сошел с ума, начал вырывать куски текста. Смотрим скриншот: Когда наводиш курсор на первый пункт меню - как видим злощастное полу-слово "ма заказа" испаряеться. ! Но при наведении курсора на другие пункты меню - ничего не происходит: При выделении полу-слова "ма заказа" автоматически выделяеться нормальное "Форма заказа": Ну а вот и сам код этой менюшки: <div id="menuBar"> <div class="menuBarLeft"></div> <div class="menuBarCenter"> <a class="MBLink" href="index.html" title="Главная страница сайта iPhone-uz.com">На Главную</a> <img class="fLeft" src="design/img/menubar/end.jpg" alt=…

   Asked by trinat, January 20, 2010

   0 votes
   6 answers
8. Как правильно обнулять отступы перед началом верстки?

   Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо

   Asked by TonKhaO, January 20, 2010

   0 votes
   8 answers
9. Обтекание снизу

   С выравниванием блоков друг относительно друга слева или справа всё понятно. А вот мне надо реализовать «обтекание снизу». Есть, допустим, блок высотой 500px. Внутри него есть блоки шириной, например, 200px, но разной высоты (допустим, не больше 500px). Надо чтобы они шли каждый следующий ниже предыдушего, а если места не хватает, то переносились бы правее. Примерно аналогично газетной полосе. Это вообще как-то делается?

   Asked by Veseloff, November 22, 2011

   0 votes
   2 answers
10. Работа с несколькими классами

    Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …

    Asked by ErUnDAK, March 6, 2017

    • class
    • css
    • html
    0 votes
    5 answers
11. Верстка сложных элементов

    Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!

    Asked by Alexander_G, October 4, 2017

    0 votes
    4 answers
12. Нарыл в коде ну очень интересную для меня штуку, обьясните плз

    в коде одного дизайна (ставили чюжой сайт на движок), нарыли менюху, css ниже /* -navigation- */ #navcontainer{ width: 700px; height: 22px; position: relative; /* text-align: center;*/ background: url(menu-bg-ru.jpg) no-repeat; /* margin-top: 10px; */ margin-bottom: 20px; clear: both; /* background-color: #fff;*/ } #langmenu{ position:absolute; top:10px; right:20px; } ul#nav{ width: 400px; margin-left: 0; padding-left: 0; } ul#nav li{ width: 70px; margin-left: 0; list-style: none none; display: inline; text-indent: -9999px; } #nav a { float:left; width: 70px; height: 22px; display: block; background: url(menu-bg-ru.jpg) no-repeat 0px 0px; text-al…

    Asked by BogusUA, November 5, 2007

    0 votes
    5 answers
13. что это за фикс?

    очень часто встречается фикс height: 1%; что это за фикс и когда он используется?

    Asked by sc@r@bey, January 4, 2009

    0 votes
    3 answers
14. как сделать запрос

    доброго всем дня у меня такой вопрос: например есть поля. Например выбрать город, выбрать улицу, выбрать дом, нажать выполнить и выводится результат поиска. Так вот, вопрос, с помощью чего это делается. Хотелось бы сделать такое же, может MySQL?

    Asked by kLASTER, October 28, 2009

    0 votes
    2 answers
15. Проблемы с отображением

    В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…

    Asked by ret, August 31, 2010

    0 votes
    8 answers
16. Как сделать так, чтобы при нажатии на кнопку - не перекидывало на другую ссылку?

    Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы: ``` <div id="modal__wrapper"> <div class="modal__overlay" id="modal__overlay"></div> <div class="modal__window"> <a href="#" class="modal__close" id="modal__close"></a> <div class="mo…

    Asked by Dikkey, November 2, 2020

    0 votes
    1 answer
17. Пользовательские курсоры

    Изучаю css, дошло дело до курсоров. Делаю свой курсор, в формате .cur, сохраняю в формате 16 на 16, а на страничке он отображается размерами где то 30 на 30... совсем не красиво. Кто знает в чем проблема? Код: <html> <head> <meta http-equiv="Content-Tupe" content="text/html; charset=windows-1251"> <title>cursor</title> <style type="text/css"> p {color: red} body { cursor: url(file:///D|/cur.cur); background-color:black; } </style> </head> <body> <p>lalalalala</p> </body> </html></style> Страница с которой я брал инфо: http://www.tigir.com/css_cursor.html

    Asked by Walk, January 16, 2008

    0 votes
    5 answers
18. Float и подчеркивание у ссылки

    <html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.

    Asked by dimitrich, April 10, 2008

    0 votes
    8 answers
19. Не могу понять почему так выходит

    верстаю сайт www.mediascan.ru В меню в заголовке меню почему-то появляются лишние пиксели вот как оформлен заголовок меню: <table cellspacing=0 cellpadding=0 border=0 width="100%" > <tr> <td width="20px"><img src="./images/menu_top_left.png"></td><td height="20px" class="menu_top" valign=middle ><p class="menu_head">Последние выпуски</p></td><td width="20px"><img src="./images/menu_top_right.png" ></td> </tr> <tr> а так прописано в css: td.menu_top { background-color:#bbe7a4; text-align:center; vertical-align:middle; color:#476126; font-weight:bold; …

    Asked by anpolimus, July 22, 2008

    0 votes
    4 answers
20. Эффект перекатывания

    Добрый день всем участникам. Подскажите начинающему как сделать сразу 4 такие картинки с перекатыванием, которые стоят друг под другом (описано в http://www.htmlbook.ru/content/?id=110)? Одну картинку вставила и все получилось замечательно. А вот когда стала вставлять вторую, то она перекрыла первую. Подскажите пожалуйста что делать, что вставлять в "голову" и что в "тело"? Только пожалуйста очень подробненько, прямо как для "чайника". Заранее спасибо

    Asked by Edem, November 21, 2008

    0 votes
    5 answers
21. стили в IE

    Плиз подскажите, как заставить работать в IE <html> <body> <div id="d1"></div> <script> document.getElementById("d1").innerHTML = '<style>#abc{color:red}</style><div id="abc">abc ABC abc</div>'; </script> </body> </html> В Опере всё ОК.

    Asked by Аксинья, April 17, 2009

    0 votes
    9 answers
22. Актуальный список HTML5 тегов (включая те которые не указаны в спецификации)

    Собственно, начал изучать HTML5, появилось несколько вопросов: 1) Имеется ли какой-то ресурс-справочник который регулярно обновляется и в котором присутствуют все актуальные теги и атрибуты HTML5? Поясню чем не нравится справочник HTML на htmlbook.ru: Он не обновляется. Много опечаток касаемо того какие элементы поддерживаются а какие нет (например, элемент <u> является частью спецификации HTML5, однако на сайте он почему-то указан как не поддерживаемый элемент HTML5). Такая же ситуация и с атрибутами + указаны не все атрибуты и их значения. Знаком с официальной спецификацией HTML5 (от W3C), но проблема вот в чем: когда смотрел на ютубе как верстают профессионал…

    Asked by Kindsy, January 29, 2015

    0 votes
    3 answers
23. Стилизация css селекторами кнопок next и prev

    Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…

    Asked by grafnet, November 12, 2015

    0 votes
    3 answers
24. Как убрать?

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

    Asked by NIKKK, November 27, 2007

    0 votes
    3 answers
25. Как вставить текстовую ссылку в пространство IMG SRC?

    Есть картинка вставленная упомянутым тегом. 95% на 100% экрана. Теперь мне нужно поместить на эту фотографию текстовую ссылку. Получатся вставить е? перед картинкой, и после картинки, но никак не на саму картинку. Подскажите пожалуйста, как это можно сделать?

    Asked by DanTe-Fr, December 31, 2007

    0 votes
    5 answers