HTML Coding

29,542 questions in this forum

1. Проблемы с фоном на маленьких разрешениях

   Всем привет. Собственно, вопрос: Так получилось, что в шапке должна быть картинка шириной в 1800 пикселей, она не тянется и всегда стоит по центру. Весь контент сайта умещается в 960 пикселей, а вот в шапке и футере должен быть непоторяющийся фон в 1800. Т.е. в любом случае приходится задавать: #head{ width: 1800px; } Естественно, что при маленьком разрешении экрана появляется скролл, и сайт отображается не по центру. Так вот. Как сделать, чтобы фон масштабировался? Чтобы не было этого скролла, а фон как бы по бокам обрезался? И при любом разрешении сайт всегда был по центру. В общем, нужно сделать как на: http://ofs21.ru/ сделана шапка. Смотрите в разных разрешениях. З…

   Asked by Sedacove, May 14, 2012

   0 votes
   1 answer
2. Не работает селектор атрибутов в Safari 5

   Не работает селектор атрибутов "~" в Safari 5 на мобильном устройстве (iOs). Селектор целиком выглядит вот так .tabs > input.tab-selector-1:checked ~ div > div:nth-child(1){} При всем при этом, другой селектор той же категории "+" вполне переваривается. В чем может быть дело? Заранее признателен

   Asked by kich, May 23, 2012

   0 votes
   0 answers
3. z-index

   помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

   Asked by cyklop77, June 4, 2012

   0 votes
   3 answers
4. проблемы с блоками

   Добрый вечер знатоки css и HTML, у меня появилась проблемма, вернее она была но вот никак немогу ее решить, прошу помощи ! вобщем есть сайт вордпресс движок, есть неплохой шаблон, который я немного переделал, но вот незадача мой sidebar нижная его часть, уходит влево, при условии что основного контента мало , тоесть некоторые блоки уходят под контент и правый sidebar не растягивается по вертикали вот прилагаю ссылку http://osadovod.ru/tag/malina А вот если контента много http://osadovod.ru/bolezni-i-vrediteli-rastenij-chast-pervaya-bolezni.html код темы замудренный, вот див который отвечает за бар #sidebar{float:left;width:322px;} Голову уже сломал как сделать так чт…

   Asked by redfox1986, June 15, 2012

   0 votes
   6 answers
5. form

   Помогите не могу понять создал форму задал для поля через css фоновое изображение но остались края от формы как от них избавится или может я неправильно задал фон для формы. jsfiddle.net/zRwvH/

   Asked by nimens, August 15, 2012

   0 votes
   2 answers
6. Рамка на DIV с частичным перекрытием текста

   Всем добра! Интереса ради захотелось сделать блок с такой рамкой, как на картинке: Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема. Суть её заключается в следующем. Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы. Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком. Таким образом, появляется скроллер и внизу образуется пустое п…

   Asked by Rasmussen, September 21, 2012

   0 votes
   3 answers
7. Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт?

   Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт? Например если с лицензионной точки зрения всё чисто. Насколько я понимаю, так будет даже надежнее, чем хостить на том же гугле или других сервисах, как платных так и бесплатных. Ведь если лёг сервак с шрифтами - он же и не отдаст сам сайт , в обратном случае придется отдавать фоллбек-шрифты, вместо красивых изначально планируемых если лёг сторонний сервис. Я имею в виду web fonts ttf/eot/woff завернутые в @font-face. Но вот почему-то, если просмотреть скажем с 100 сайтов использующих web fonts, буквально 1-2 будут хостить их у себя в том числе (если учесть, что есть Free & Open Source шрифты…

   Asked by Vincent Vega, March 18, 2013

   • шрифты webfonts
   0 votes
   2 answers
8. switch не пашет (((

   $(function(){ $(document).click(function(e){ c=c+1; if (c==5) {c=1} alert(c); switch (c) { case 1: $('.cubespinner').css({ '-webkit-transform':'rotateY(-90 deg)' }); break case 2: $('.cubespinner').css({ 'transform':'rotateY(-90 deg)', 'transform':'rotateZ(90 deg)' }); break case 3: $('.cubespinner').css({ 'transform':'rotateY(-180 deg)', 'transform':'rotateZ(90 deg)' }); break case 4: $('.cubespinner').css({ 'transform':'rotateY(90 deg)', 'tran…

   Asked by romoga, January 29, 2014

   • switch
   0 votes
   3 answers
9. clearfix

   http://jsfiddle.net/G7X7N/1/ зачем нужен visibility: hidden; ? ведь без него всё также работает

   Asked by DivMan, May 9, 2014

   0 votes
   3 answers
10. Прозрачность

    Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>

    Asked by SLameN, August 23, 2014

    0 votes
    1 answer
11. Помогите, пожалуйста, разобраться с картинкой

    Здравствуйте уважаемые форумчане! Помогите, пожалуйста, разобраться с картинкой, почему-то она не хочет растягиваться на всю ширину блока. Вот эта страница в сети : http://web-verstka.com.ua/portfolio/barb/

    Asked by stan07, September 28, 2015

    0 votes
    2 answers
12. Подскажите начинающему

    Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…

    Asked by radamant01, April 25, 2016

    0 votes
    1 answer
13. Проблема с отображение блоков в EI7

    Вот есть такая структура. Когда в 1м блоке мало текста, то Div и span стоят в одну строку, когда много то span сдвигается вниз. Все работает норм, вот только в IE7 div зажимает span и он не падает ниже, а просто становится уже (так что в строку помещается одно слово) и растягивается в высоту. что можно сделать? <div style=" display: block; float: none; margin: 0 4px 10px 0; overflow: hidden;"> <div style="float:left; border: 1px solid">text text text text text text text text text text text text text text texttext text text text </div> <span style="float:right;border:1px solid">11</span> </div> white-space - не помогает при д…

    Asked by Graf.Vampir, December 20, 2010

    0 votes
    1 answer
14. Оформление цитат

    Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…

    Asked by bob_24, September 12, 2011

    0 votes
    5 answers
15. КАК РЕЗАТЬ МАКЕТ?

    Вопрос1. Как резать макет: по слоям или целиком ? и как после этого верстать(можно ли верстать слоями , или я чего то не понимаю)? Вопрос2. Как это сделать в photoshop cs5?

    Asked by olechic, September 23, 2011

    0 votes
    1 answer
16. динамичный размер таблицы

    в общем табличка <table id="tmap" border=3 > <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/sneg.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td></tr> <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/sneg.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td><td BACKGROUND="img/map/les1.jpg"></td></tr> <tr ><td BACKGROUND="img/map/les1.jpg"></td><td BA…

    Asked by crautcher, October 6, 2011

    0 votes
    2 answers
17. Громоздкий код

    Добрый день. Подскажите пожалуйста, есть ли возможность подключать один .html файл внутрь другого. У меня есть много файлов .html, скажем лого, меню, разные колонки и т.д., и я хочу соединить это всё воедино. Конечно можно создать один .html и туда всё скопировать из всех файлов, но тогда мне будет тяжело это редактировать и дописывать новое. Мне надо чтобы файл выглядел приблизительно так: <body> {include file="logo.html"} {include file="menu.html"} {include file="left.html"} {include file="right.html"} {include file="post.html"} {include file="foot-menu.html"} {include file="foot.html"} </body> Я пробовал уже разные варианты, которые нашёл в интернете, но чт…

    Asked by Arinden, October 24, 2011

    0 votes
    3 answers
18. Border - отделение пунктов меню

    День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…

    Asked by konda, October 25, 2011

    0 votes
    6 answers
19. дергает всплывающее окно при попытке его сдвинуть

    http://www.174help.ru/ в Google Chrome при открытии всплывающего окна и попытке сдвинуть его, окошко резко выдергивает влево. В чем может быть дело?

    Asked by laird, November 14, 2011

    0 votes
    1 answer
20. Фон

    Нужно разместить за div(шапка) блоком другой div(градиентный фон) и так что бы он не сдвигал другие блоки. Как сделать? Пробовал через postion и z-index в итоге ничего не вышло. crystalsite.tw1.ru

    Asked by rfnfdfcz, December 2, 2011

    0 votes
    4 answers
21. Версия для печати

    При верстке версии для печати столкнулся со следующей проблемой: Каждый браузер ставит свои отступы для страницы ( не внутри html а при предварительном просмотре страницы перед печатью ). Есть ли способ обнулить эти отступы? margin: 0; padding: 0; не подходят, т. к. они влияют только на html документ, а не настройки браузера.

    Asked by shtrobnik, February 3, 2012

    0 votes
    6 answers
22. Помогите к кодом

    Вот начал создавать сайт. Хочу что бы он был ПОЛНОСТЬЮ резиновый по высоте и ширине! Мне нужно что бы блоки (шапка, новости, меню, и подвал) были определенных размеров в %. Помогите плиз.... Вот HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Delesive Game - игровые сервера Counter Strike 1.6</title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="container"> <div class="header"> <b><i>Delesive Game</i&g…

    Asked by Sodeum, March 5, 2012

    0 votes
    2 answers
23. Подсказки как в яндексе

    Добрый день. Нужно реализовать подсказки как на яндексе ссылка, слева в блоке "цифровые фотоаппараты" возле полей есть вопросики, кликнув по которым всплывает окно. Т.е нужна подсказка не привязанная к мышке. Подскажите пожалуйста где найти такой скрипт? у меня есть вот такая подсказка можно ли её отредактировать так чтобы она не привязывалась к мышке и можно было уже в подсказку всунуть например ссылку? $(document).ready(function() { //Подсказки $(".tip_trigger").hover(function(){ tip = $(this).find('.tip'); tip.show(); //Показываем подсказку }, function() { tip.hide(); //Скрываем подсказку }).mousemove(function(e) { var mousex = e.pageX + 20; //Получа…

    Asked by Modestes, April 11, 2012

    0 votes
    5 answers
24. Фиксированная ширина

    Приветствтвую всех. Возникла у меня такая проблема. Есть у меня блок фиксированной ширины. В нем размещены thumb-ы (фотографии). Так вот в одной "строке" помещается 3 картинки, и четвертая уже должна уходить вниз, чего она не делает. Вот как мне этого добиться? Задавал фиксированную ширину вместе со свойством "float", не помогает.

    Asked by SpideR-KOSS, May 6, 2012

    0 votes
    1 answer
25. Открытие браузерами одинаковых ссылок.

    Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src=…

    Asked by BAntDit, May 9, 2012

    0 votes
    0 answers