HTML Coding

29542 questions in this forum

1. Печать страницы

   Здравствуйте! Ситуация такова. Строю первый в своей жизни Интернет-магазин, учусь так сказать... И вот, что у меня не получается: распечатать бланк заказа. Но не просто распечатать, а распечатать не открывая. Объясню. Есть страница заказа, site.ru/order/1, на которой расположена ссылка (или кнопка), нажатие которой приводит к печати (тут самое интересное!) файла site.ru/blank/1.jpg не открывая его. Возможно ли это?

   Asked by kolyuchy, November 6, 2010

   0 votes
   8 answers
2. Бегкраунд - position: absolute

   Ребят подскажите советом как в принципе реализовать следующее: Предположим у нас экран 1280 пикселей. Посередине у нас сайт с размером контента 980 статичный. Справа и слева остается некоторое пространство в зависимости от размера экрана (при 1024) не остается почти ничего. Задача прилепить картинку справа и слева (position: absolute) все замечательно пока не доходит до 1024 она либо наезжает на контент сверху либо при z индексе в минус под контент. А как бы сделать, чтобы как только картинка соприкасается с границей контента она останавливалась и больная ее часть показывалась за пределами браузера? А при больших разрешениях экрана вела себя стандартно постоянно прилеплен…

   Asked by ShumNo, November 19, 2010

   0 votes
   5 answers
3. Пролема с горизонтальным меню в Хром

   Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <div class="menu"> <ul> <li class="company"><a href="#">О КОМПАНИИ</a></li> <li class="services"><a href="#">УСЛУГИ</a></li> <li class="portfolio"><a href="#">ПОРТФОЛИО</a></li> <li class="information"><a href="#">ИНФОРМАЦИЯ</a></li> <li class="contacts">&l…

   Asked by dimacat, April 9, 2011

   0 votes
   5 answers
4. Странные отступы между блоками.

   Добрый день уважаемые форумчане! Делаю сайт визитку. Движок Joomla 1.5. Когда создаю меню и позиционирую его в написанный мною блок, появляются странные отступы между ними...., не могу разобраться почему.., подскажите, что не так? Вот код блока: <div id="block1"></div> <div id="block2"></div> <div id="block3"></div> #block1 { background-image:url(../images/z1.png); background-repeat:no-repeat; width:305px; height:22px; } #block2 { background-image:url(../images/z3.png); background-repeat:repeat-y; width:305px; } #block3 { background-image:url(../images/z5.png); background-repeat:no-repeat; width:305px; h…

   Asked by arthyrgrex, April 27, 2011

   0 votes
   5 answers
5. font-face

   Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?

   Asked by delch, November 12, 2011

   0 votes
   3 answers
6. Что быстрее css3 или картинки ?

   Есть окно (на div'ах) которое с помощью js перетаскивается.Проблема в том что само окно сделано из градиентов и прочих прелестей css и имеет прозрачность. Анимация перетаскивания тормозит и поэтому я думаю что если бы это были gif/png картинки с прозрачностью, то тормоза бы уменьшились. Может кто сталкивался, верна ли моя теория или нет ? стоил ли переделывать всё или это не поможет. Понятно что в практике видно будет, но всё же...

   Asked by gradus, April 5, 2012

   0 votes
   4 answers
7. Проблема с менюшкой

   Верстаю шаблон под cms , возникла проблема в шаблоне в браузере chrome. Активный пункт меню отображается с острыми углами, а не округленными. при чем в опере все нормально отображается... Тема закрыта!

   Asked by dimma111, August 30, 2012

   0 votes
   7 answers
8. адаптивные картинки в firefox

   помогите пожалуйста решить проблему в кроссбраузерностью изменения размеров изображения страничка сделана на bootstrap3. в последней версии FF при уменьшении ширины окна до 300px изображение .girl пропорционально сжимается, а изображение .logo_pic - нет не помогает удаление обёртки <a>, или добавление обёртке классов типа col-xs-12 col-sm-12 col-md-5 col-lg-5 , или изменение display обёртки в opera, chrome сжимаются оба изображения

   Asked by cyklop77, November 13, 2013

   • bootstrap bootstrap3
   0 votes
   8 answers
9. font

   В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???

   Asked by JohnBondlock, February 6, 2014

   0 votes
   4 answers
10. Проблема отступов сверху и снизу у элемента height 100%

    Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/

    Asked by Нарек, June 14, 2014

    0 votes
    5 answers
11. Body height: 0;

    Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

    Asked by seemax, August 24, 2015

    0 votes
    2 answers
12. Проблема с резиновой вёрсткой!!!

    Доброго времени суток. Очень надеюсь на вашу помощь! Сразу даю ссылку на код https://jsfiddle.net/Lavrentyev/f5ygLoxp/5/#&togetherjs=L9Tx3aRbGa Проблема в том, что мне нужна резиновая шапка. Чтобы блок с выбором языка и кнопка входа при уменьшении экрана ехали влево, но при этом сама шапка не обрезалась. Когда я ставлю шапке min-width: 1280px то шапка не обрезается но и блок с выбором языка и кнопка входа остаются на месте (http://joxi.ru/52ayglEIdaYQ20), а если ставлю шапке width: 100% блоки едут как надо, но шапка понятно обрезается по ширине экрана. (http://joxi.ru/5mdogq5HZOd5r1) Не могу разобраться с этим. Помогите, пожалуйста. Немного разобр…

    Asked by lavrentyev, August 25, 2016

    • резиновая верстка
    0 votes
    0 answers
13. media picture

    У меня в проекте используются медиа-изображения с помощью picture и source, изображения формата svg, нужно что бы при ховере менялись некоторые стили у svg-элемента .. Как это сделать? И возможно ли это в данном случае? Пробовал в каждом svg-файле прописовать ховеры, не работает .. Я так понял нужно вставлять все svg на страницу, а с помощью media queries, показывать нужное .. Только так?

    Asked by Hasiev, November 5, 2017

    • svg
    • picture
    • source
    • media-image
    0 votes
    0 answers
14. Выравнивание div через inline-block

    Здравствуйте. Пытаюсь выравнять 2 блока через inline-block. Но они выходят все равно не на одном уровне. Подскажите что не так и как исправить? <style> *{ box-sizing: border-box; padding: 0; } .container{ border: 1px solid red; margin: auto; } .row{ background: rgb(206, 200, 200); } .col-1{ width: 200px; border: 2px solid white; display: inline-block; height: 100px; } .col-2{ width:600px; border: 2px solid white; display: inline-block; hei…

    Asked by FotGOD, September 23, 2018

    0 votes
    2 answers
15. Одно изображение содержащий несколько картинок

    Не совсем правильно объяснил, но вот пример: Ну и управляется это так: #btn-listview-on{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -555px -23px; } #btn-listview-off{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -555px -43px; } #btn-gridview-on{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -579px -43px; } #btn-gridview-off{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -579px -23px; } Насколько актуально использование данного способа? Насколько быстрее и корректнее происходит загрузка…

    Asked by tematika, November 17, 2008

    0 votes
    1 answer
16. Растягивающаяся до пола конструкция

    Не думал, что когда-нибудь скажу такое, но ie впервые за много лет сделал так, как нужно мне На самом деле, имею конструкцию, которая тянется до пола, а нужно вот что: - чтобы была рамка вокруг сайта, с отступами по 20px, которая будет тянутся до пола; - чтобы при уменьшении размеров браузера относительно вертикальной оси эта рамка не наезжала на контент, а оставалась внизу. Пока именно так и происходит в ие; -ну и конечно же, чтобы не утратилась способность подвала всегда оставаться внизу. Сейчас всё так, но вот в лисе при уменьшении окна браузера относит. верт. оси, рамка наезжает на контент. зы: сайт тянется не только сверху вниз, но ещё и по ширине. Очень прошу вашей…

    Asked by Trust, June 14, 2009

    0 votes
    1 answer
17. Помогите с сылками

    Решил обратится сюды, у меня такая проблема ссили на форуме чёрным цветом вот пример http://nebosoft.3dn.ru/forum/34-44-1 ( НЕ РЕКЛАМА ) там где "Прикрепления:" ссылка: "demo.zip" чёрным цветом как сделать её зелёным но только на форуме

    Asked by ВэйДлин, September 26, 2009

    0 votes
    3 answers
18. Оптимизация фона

    Здравствуйте, у меня возникла проблема при отображении фона сайта на меньших разрешениях монитора нежели у меня. Я делал сайт на мониторе 1920х1080. Проблема в том,что при уменьшении разрешения фон начинает обрезаться. Т.е. например головы льва и жирафа "отрезаются", из-за чего смотрится не очень...Мне на ум приходит или сжатие фона,т.е. на малых разрешениях рисунок будет сплющиваться по длине, или скроллинг горизонтальный. Какой вы можете посоветовать оптимальный выход из данной ситуации?И как его реализовать? Фон прописан вот так: html { background: url('../images/cork-bg.png') repeat ; } body { letter-spacing:0.05em; padding: 0; margin…

    Asked by urasq, January 17, 2011

    0 votes
    5 answers
19. всплывающее окно меняет координаты при повторном открытии

    реализовал функцию обратный звонок на ДжиКвери, при нажатии на ссылку всплывает окно при повторном нажатии без перезагрузки страницы окно меняет месторасположения hххp://www.dommoy.com.ua/ кнопка "Обратный звонок" в верху сайта Подскажите плз

    Asked by SKM, June 22, 2011

    0 votes
    1 answer
20. Как выровнять модули

    Всем привет, помогите пожалуйста решить проблему, дело в том, что у меня есть 2 кода, но один выше друго-го, и у меня не получается их выровнять... <left><script type="text/javascript" src="http://stream9.radiostyle.ru/swfobject.js"></script> <div id="player"> <script type='text/javascript'> var so = new SWFObject('http://stream9.radiostyle.ru/mediaplayer.swf','single','180','20','7'); so.addVariable('type', 'mp3'); so.addVariable('file', 'http://stream9.radiostyle.ru:8009/sarp'); so.addVariable('width','180'); so.addVariable('height','20'); so.addVariable('volume','50'); so.addVariable('autostart', 'false'); so.write('player'); </script…

    Asked by safari, August 26, 2011

    0 votes
    12 answers
21. Сайт под все разрешения экрана

    Как подогнать сайт под все разрешения экрана? Вот сайт:ТЫЦ Когда ставлю масштаб на 120% то Сдвигается влево! Помогите пожалуйста!

    Asked by BFG100, January 19, 2012

    0 votes
    2 answers
22. col, background и colspan

    Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?

    Asked by Veseloff, March 27, 2012

    0 votes
    8 answers
23. Сложное обтекание картинок

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

    Asked by knyazvs, June 4, 2012

    0 votes
    6 answers
24. помогите прилепить один div к другому

    Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…

    Asked by str, June 12, 2012

    0 votes
    2 answers
25. Уникальная ширина первой ячейкм таблицы

    У меня есть таблица. Ширина каждой ячейки, кроме первой, равна 151px. А у первой должна быть 14px. Таблица имеет id="apa". Я пишу свойство CSS #apa td{ padding: 0; width: 151px; } Первой ячейке я пишу class="first" .first{ width:14px; } Почему ширина не применяется? В FireBug пишется, что браузер его видит, но даёт приоритет ширине 151px. Как сделать так, чтобы ширина применялась корректно? Можно ли сделать без класса?

    Asked by sktemp, September 12, 2012

    0 votes
    12 answers