HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
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%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…
0 votes2 answers -
Подвинуть пункт меню налево.
Начала верстать макет от Verdera. Макет резиновый и видно что меню тоже тянется по ширине. Проблема с первым пунктом меню. По макету текст в меню отцентрирован, а в первом пункте текст выровнен с левого края, но пропорция сохранена. То есть с текста до правого бордюра расстояние такое же как в других пунктах. Попробовала два варианта решения: 1. Просто сделала как в макете - отрезала часть ширины первого пункта, задала ему text-align:left, а остальным text-align:center. Ссылка 2. отрицательным маргином первый пункт подвинула налево.Ссылка В первом случае ширину первого пункта сократила до 15%, когда ширина остальных пунктов 20%. Во втором подвинула на 130 пк. Но в двух…
0 votes27 answers -
Как лучше сверстать блоки разной высоты на Bootstrap?
Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!
0 votes3 answers -
реально ли сверстать такой дизайн?
проблема у меня возникла в пространстве между верхом билборда и началом домов, там юзается градиент, при размножении получается кака . Честно говоря уже стал сомневаться что данный диз можно вообще сверстать 1к1 чтобы он был резиновым.
0 votes11 answers -
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(…
0 votes16 answers -
base64-кодирование
Узнал о возможности внедрения картинок с помощью base64-кодирования. Поскольку статьи я читал стары, то хочу уточнить остаётся ли сейчас ограничение в размере картинок в 20kb? Существует ли падение производительности при отображении закодированных изображений? Можно ли внедрить в css шрифты с помощью base64-кодирования?
0 votes23 answers -
Как взять нужные стили для блока?
Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?
0 votes10 answers -
Margin И Padding
Дорогие друзья, добрый день! Я не могу разобраться в чем разница между margin'ом и padding'ом. Я конечно понимаю, вопрос глупый. Сам если использую, то, только копипастом. Я понимаю, что padding расширяет весь элемент, а margin - не элемент (как то так) Это можно увидет, если задать фоновый рисунок, или цвет. Но в принципе что лучше использовать, ведь отступ так и так есть. Хотелось бы услышать вашего ответа. Спасибо.
0 votes8 answers -
Выражение "инсертите" - что это?
Приветствую всех! Подскажите, что означает выражение: "поменяйте 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">…
0 votes15 answers -
Размеры изображений в html или css?
Подскажите, как правильно указывать размеры изображений, в коде html странички или создавать стиль на каждое изображение . Вобщем, как правильно со стороны валидности кода, понимаю что мой код сейчас не будет валидным, но есть стремление , где возможно стремится к валидности, тем самым сразу прививая правильные навыки.
0 votes20 answers -
Затемнение картинки 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;) должен только фон, а текст ост…
0 votes2 answers -
ссылка на вклаку страницы
Вопрос наверное простой. Есть страница index.html и на ней меню сделанное в DW CS3 (Spry Tabbed Panels), т.е. на странице много вкладок . Как можно сделать прямую ссылку на определенную вкладку в странице? Ведь адрес то страницы один ... index.html.
0 votes9 answers -
Позиционирование фона
Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.
0 votes13 answers -
Скрытая ссылка
Доброго всем утра (дня, вечера, ночи)! У меня есть два сайта. Один я строю, на другом тренируюсь. Как сделать на сайте, который строю скрытую ссылку на тот, на котором тренируюсь? Тобишь, как сделать, чтобы ссылку видели только администраторы сайта, чтоб она не мозолила глаза пользователям. Ссылку хочу разместить в главном меню. Подскажите пожалуйста, если знаете?
0 votes19 answers -
Как риализовать следующий каркас
Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка
0 votes9 answers -
При верстке в 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(..…
0 votes3 answers -
Побдробная справка по HTML и CSS
Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.
0 votes8 answers -
переход между страницами
возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы
0 votes2 answers -
Как растянуть контент на всю высоту?
Подскажите пожалуйста способ растянуть 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…
0 votes3 answers -
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…
0 votes12 answers -
TD height в IE
Незнаю, может я уже что-то не то сделал (хотя вроде ничего такого не заметил), но смысл заключается в том, что есть таблица в высоту 100% из 3 строк, в верхней и нижней указано значение в пикселях, а центральная - высота не указана, следовательно, должна занать все остальное пространство (что опера, файрфокс, хром и сафарик успешно делают), а ие - растягивает все строки чтобы они равное пространство заняли Скрин: Собственно код: http://86.110.182.2
0 votes25 answers -
Показать/убрать скрытый текст
<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> (Посмотреть) Подскажите, как сделать так, чтобы при нажатии на "Убрать скрытый текст" убирался скрытый…
0 votes9 answers -
Радиус скругления в Photoshop
Подскажите, как в Photoshop на макете узнать радиус скругления какого-либо бокса? Сейчас делаю это так, что тупо масштабирую макет и считаю пиксели, которые входят в закругление бокса.
0 votes2 answers -
Вопрос об раскрытие блока
Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока. Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх? https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing
0 votes5 answers -
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…
0 votes2 answers