HTML Coding

29542 questions in this forum

1. Bootstrap: проблема с фиксацией блока ( affix)

   Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

   Asked by Devvega, March 15, 2013

   • bootstrap affix
   0 votes
   2 answers
2. Подвинуть пункт меню налево.

   Начала верстать макет от Verdera. Макет резиновый и видно что меню тоже тянется по ширине. Проблема с первым пунктом меню. По макету текст в меню отцентрирован, а в первом пункте текст выровнен с левого края, но пропорция сохранена. То есть с текста до правого бордюра расстояние такое же как в других пунктах. Попробовала два варианта решения: 1. Просто сделала как в макете - отрезала часть ширины первого пункта, задала ему text-align:left, а остальным text-align:center. Ссылка 2. отрицательным маргином первый пункт подвинула налево.Ссылка В первом случае ширину первого пункта сократила до 15%, когда ширина остальных пунктов 20%. Во втором подвинула на 130 пк. Но в двух…

   Asked by amelice, August 3, 2011

   0 votes
   27 answers
3. Как лучше сверстать блоки разной высоты на Bootstrap?

   Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!

   Asked by VeraVostro, April 27, 2018

   • css
   • bootstrap
   0 votes
   3 answers
4. реально ли сверстать такой дизайн?

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

   Asked by Satanael, October 5, 2008

   0 votes
   11 answers
5. IE-6

   Приветствую. У меня IE-6 не отображает картинку: h1 { background-image: url(images/lef_t.jpg); background-repeat: no-repeat; background-position: 100% 100%; } body, html { margin:0; padding:0; background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%; color:#000; } body { min-width:768px; } h1, h2 { font-family: Arial,Helvetica,Verdana, sans-serif; } #wrap { position: relative; background-color: #F5Ffd9; background-image:url(images/list.jpg); margin:0 auto; width:768px; border: 2px solid #ADD222; margin-top: 1px; } #masthead { border-bottom: 1px solid #8a2; } #masthead { background-color: #EFA; background-image: url(…

   Asked by Lobo, June 17, 2008

   0 votes
   16 answers
6. base64-кодирование

   Узнал о возможности внедрения картинок с помощью base64-кодирования. Поскольку статьи я читал стары, то хочу уточнить остаётся ли сейчас ограничение в размере картинок в 20kb? Существует ли падение производительности при отображении закодированных изображений? Можно ли внедрить в css шрифты с помощью base64-кодирования?

   Asked by PavelTkachev, March 27, 2014

   0 votes
   23 answers
7. Как взять нужные стили для блока?

   Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

   Asked by milax, October 20, 2009

   0 votes
   10 answers
8. Margin И Padding

   Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.

   Asked by Igorpurgen, September 6, 2010

   0 votes
   8 answers
9. Выражение "инсертите" - что это?

   Приветствую всех! Подскажите, что означает выражение: "поменяйте DIV на табличку с 4 колонками и жестким размером по ширине и инсертите туда отдельно каждую кнопку." Я просмотрел справочник по тегам но ничего похожего не нашел. Что это за тег? <table class="razdel5"> <tr> <td width="225" height="50" align="center" background="ABS_Tyagach.swf"> <a href="http://www.abs-systems.ru/price_01.html" class="razdel">Составляющие антиблокировочной системы тормозов АБС-Тягача*</a></div> </td> <td width="225" height="50" align="center" background="ABS_Pricep.swf"> <a href="http://www.abs-systems.ru/price_02.html" class="razdel">…

   Asked by admelj, July 8, 2009

   0 votes
   15 answers
10. Размеры изображений в html или css?

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

    Asked by ut2010, March 27, 2010

    0 votes
    20 answers
11. Затемнение картинки divом

    Здравствуйте! Имеется код типа: html <img src=""><div class="div_class"><a>Текст</a></div>css .div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст ост…

    Asked by Torawhite, January 10, 2015

    0 votes
    2 answers
12. ссылка на вклаку страницы

    Вопрос наверное простой. Есть страница index.html и на ней меню сделанное в DW CS3 (Spry Tabbed Panels), т.е. на странице много вкладок . Как можно сделать прямую ссылку на определенную вкладку в странице? Ведь адрес то страницы один ... index.html.

    Asked by tamias, February 15, 2008

    0 votes
    9 answers
13. Позиционирование фона

    Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

    Asked by CCron, November 17, 2009

    0 votes
    13 answers
14. Скрытая ссылка

    Доброго всем утра (дня, вечера, ночи)! У меня есть два сайта. Один я строю, на другом тренируюсь. Как сделать на сайте, который строю скрытую ссылку на тот, на котором тренируюсь? Тобишь, как сделать, чтобы ссылку видели только администраторы сайта, чтоб она не мозолила глаза пользователям. Ссылку хочу разместить в главном меню. Подскажите пожалуйста, если знаете?

    Asked by Warlock, November 27, 2009

    0 votes
    19 answers
15. Как риализовать следующий каркас

    Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка

    Asked by The1stPresident, October 25, 2007

    0 votes
    9 answers
16. При верстке в utf-8, IE-6 как-будто не видит css...

    Привет. Такая проблема, есть страница к примеру. В header'e расположены 2 блока ? 1. лого 2. правый блок, расположенный по правому краю. Если заметить, кодривка стоит - utf-8, при этой кодировке IE-6 как будто не видит стилей..т.е. правый блок не выравнивается по правому и что бы я не делал, какие бы стили я не прописывал в CSS, он их игнорирует, а если прописать их в самом div'e то все нормально... и ЕЩЕ ! когда я меняю кодировку на windows-1251, то УРА, ЗАРАБОТАЛО! В чем дело? Нужно разобраться... и надрать этому IE его наглый зад!) CSS body { margin: 0; padding: 0 15px 0 15px; font-family: Arial; font-size: small; background: #fff; color: #404040; background: url(..…

    Asked by Sotnikov, May 6, 2008

    0 votes
    3 answers
17. Побдробная справка по HTML и CSS

    Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.

    Asked by burda_a_m, August 31, 2008

    0 votes
    8 answers
18. переход между страницами

    возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы

    Asked by Deca, April 15, 2010

    0 votes
    2 answers
19. Как растянуть контент на всю высоту?

    Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .co…

    Asked by vikusik, July 22, 2011

    0 votes
    3 answers
20. css всплывающее окно с img поверх текущей страницы

    Доброго дня: имеем конструкцию типа: HTML <section id="ph_main" class="ph_main"> <div class="ph_wrapper ph_wrapper_col1"> <div class="ph_scroll"> <ul class="ph_strip"> <li><a style="height: 160px; width: 150px;" href="/IMG/1.jpg" title="Spring1" ><img src="/IMG/icon/1.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/2.jpg" title="Spring2" ><img src="/IMG/icon/2.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/3.jpg" title="Spring3" ><img src="/IMG/icon/3.jpg" /></a></li> <li><a style="height: 160px; widt…

    Asked by Серый_Ветер, July 21, 2013

    • css
    • img
    • popup windows
    0 votes
    12 answers
21. TD height в IE

    Незнаю, может я уже что-то не то сделал (хотя вроде ничего такого не заметил), но смысл заключается в том, что есть таблица в высоту 100% из 3 строк, в верхней и нижней указано значение в пикселях, а центральная - высота не указана, следовательно, должна занать все остальное пространство (что опера, файрфокс, хром и сафарик успешно делают), а ие - растягивает все строки чтобы они равное пространство заняли Скрин: Собственно код: http://86.110.182.2

    Asked by xXDeMoNXx, February 14, 2010

    0 votes
    25 answers
22. Показать/убрать скрытый текст

    <script language="JavaScript1.2"> var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } </script> <font onClick="expandit(this)">Посмотреть скрытый текст</font> <span style="display:none"> <br> Скрытый текст <br> <font onClick="ЧТО_ЗДЕСЬ_НАПИСАТЬ?">Убрать скрытый текст</font> </span> (Посмотреть) Подскажите, как сделать так, чтобы при нажатии на "Убрать скрытый текст" убирался скрытый…

    Asked by ivnitskiy, April 10, 2010

    0 votes
    9 answers
23. Радиус скругления в Photoshop

    Подскажите, как в Photoshop на макете узнать радиус скругления какого-либо бокса? Сейчас делаю это так, что тупо масштабирую макет и считаю пиксели, которые входят в закругление бокса.

    Asked by aaron, July 29, 2012

    0 votes
    2 answers
24. Вопрос об раскрытие блока

    Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока. Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх? https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing

    Asked by Phanlom, September 2, 2022

    0 votes
    5 answers
25. Gif анимация и курсор

    Всем привет! Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =) Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала? Заранее благодарю! <STYLE type=text/css> .bar A { DISPLAY: inline } .bar A SPAN { DISPLAY: none } .bar A:hover SPAN { DISPLAY: inline; right: 30px; POSITION: absolute } .bar A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90…

    Asked by Jex, November 28, 2007

    0 votes
    2 answers