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
-
Не закрываются подкатегории.
И снова тема категорий Пишу, т.к не нашел ответа. В меню категорий, сразу раскрыты подкатегории. Так не должно быть ( не удобно, и путает ). http://joxi.ru/l2Z3M6Wh3NbRAJ Как сделать, чтоб подкатегории закрывались? Вот код категорий: <div id="content-container"> <div id="content_right"> {if $page && $page->url==''}{include file='slider.tpl'}{/if} {$content} </div> <div id="content_left"> <div id="nav-container"> {function name=categories_tree} {if $categories} <ul id="nav"> {foreach $categories as $c} …
0 votes1 answer -
Не правильный путь к файлу
Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.
0 votes2 answers -
Как сделать вывод двух этих картинок в центре при любых разрешениях монитора?
Здравствуйте друзья! Как сделать вывод двух этих картинок в центре при любых разрешениях монитора? А то в одном разрешении картинки ровно по центру, а при других разрешениях разьежаются... <div align="center"> <img src="http://free-pc.ru/images/podp_str/header.png"alt="" /> <img src="http://free-pc.ru/images/podp_str/body.png"alt="" /> </div> Результат: http://jsfiddle.net/pa5y9f4g/ Спасибо!
0 votes8 answers -
Семантическая разметка Schema
Привет, друзья. Решил на сайт внести семантическую разметку Schema.org для организации (название и контакты). Вопрос: нужно ли ее дублировать на каждой странице (в подвале, в моем случае). Спасибо
0 votes1 answer -
Фрейм страница отображается на 1/4 части от всего экрана в окне браузера
Здравствуйте! В сайтостроении я дум дубом. Создал фрейм страницу, в файл index.html залил следующий код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ЗАГОЛОВОК ДОКУМЕНТА</title> </head> <body style="margin:0px; padding: 0px;"> <iframe src="http://ur.farengate77.pp.infobizclassic.ru" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe> </body> </html> Проблема состоит в том, что при открытии сайта в любом браузере, он отображается всего на 1/4 часть экрана, как будто у меня экран сразрешением не 1200х800, а 1200х200 Вот ссыл…
0 votes0 answers -
Фигурный блок
Нужно изображению придать шестигранный вид с бордером по периметру
0 votes1 answer -
Как должно быть?
Есть свойства: .one h1{color:red;} .two h1{color:green;} И есть вёрстка: <div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div> Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1. Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, …
0 votes2 answers -
Скрипт для изменения картинки
Есть картинка длинной 1000px. Каждые 200px начиная сверху, есть картинка с мордой и улыбкой, чем ближе к низу тем улыбка становится больше(спрайт). Всего 5 изображений на одной картинке. Нужен скрипт который за 2 секунды промотает снизу вверх все 5 изображений, чтобы получилась анимация(как в мультике). Могли бы пожалуйста подкинуть решение. Решение найдено здесь
0 votes0 answers -
@font-face
Всем доброго времени суток. Проблема следующая описываю @font-face в css следующим образом: @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } для вложенных тегов типа #menu ul li a {fon-family: MyWebFont} шрифт не подключается для тега <a href="#">...</a> , если отдельно описать a{font-family:MyWebFont; } и в html разместить не вложенный тег <a href="#">.....</a>, то шрифт подключается, п…
0 votes0 answers -
Помогите найти техники
В общем интересуют методы и приёмы CSS которые дают возможность ставить блок с контентом на второе или третье место(колонку),при этом в HTML разметке блок контента должен идти первым,как то натыкался в сети а теперь вот не могу найти так как не знаю как такой способ правильно называется,в теме с макетом бросал кто то ссылку с примером но там немного не то.
0 votes5 answers -
Что за непонятные пробелы между блоками?
Задача – чтоб высота основного контейнера (темно-синий) подстраивался под высоту голубых, при этом голубые должны идти вряд не соскакивая вниз. Но вот здесь http://rozma.inf.ua/ видно, что между голубыми контейнерами есть какие-то просветы, которые спихивают последний блок на следующий ряд. В чем загвоздка – никак не пойму..
0 votes2 answers -
Карта-изображение
Здравствуйте! В создании сайтов я новичок, самостоятельно изучала htmlbook.ru и искала решения в интернете, но, все-таки нужна помощь. Задача - создать карту-изображение из нескольких частей (3-5) идущих вертикально одна за другой. Каким образом задавать позиционирование этих, фактически, фоновых изображений служащих еще и картой? Была мысль склеить их в одно, но... Кажется, если большое изображение нарезать на несколько меньших, то загрузка идет быстрее? Есть ли вариант объединить их в "подложку" для одной карты или нужно делать несколько отдельных карт? И как их тогда размещать одна над другой?
0 votes4 answers -
Блок коментариев
Помогите плиз!!!!! Как зделать вот такую засечку в скругленном блоке. Очень нужно!!! http://vk.com/doc124...b50ba86bb9b1e17
0 votes2 answers -
Закругление с помощью PIE.htc
Доброго дня/утра/вечера форумчане! Вот такая проблема нагрянула: надо в IE8 сделать закругленные углы кнопок. Использую pie, но он почему-то закругляет только верхние уголки кнопки, хотя закругление указано для всех углов. Может кто встречался с таким? Можно ли кнопку привести к приличному виду? Стили кнопки .bookcard_button { width: 166px; height: 28px; cursor: pointer; border-radius: 16px; behavior: url(/templates/css/pie/PIE.htc); text-align: center; padding-top: 3px; background-image: linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%); background-image: -o-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rg…
0 votes4 answers -
Strict Doctype
Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?
0 votes2 answers -
Почему не работает :hover?
http://jsfiddle.net/Qjm3n/
0 votes1 answer -
поделитесь ссылкой на урок или готовый макет
Нужен урок или пример по верстке адаптивного макета с левым меню а-ля lenta.ru При изменении размера браузера сворачивается и открывается при нажатии на кнопку. Желательно без бутстрапа. Если у кого-то есть поделитесь пожалуйста
0 votes1 answer -
Пустое место под фоном
У меня есть фон(картинка) #big_container{text-align:center;height:auto;width:100%;min-height:100%;background: url(img/dnk2.jpg); background-size: cover; }и есть блок div с простой картинкой,по бокам от этой картинки градиенты вот такие http://cssdeck.com/labs/tfjvhg0d. у картинки стоит height:auto;и она помещается при любом разрешении монитора,а вот градиентам "auto"-не написать,т.к. они пропадают,приходится писать 100% и возникает такая проблема,появляются полосы прокрутки,и внизу страницы белый поля,под фоном,как их убрать? Нужно чтобы картинка и градиенты были одинаковой высоты,и помещались в экран при любом разрешении.
0 votes0 answers -
Выход текста или таблицы за рамки первоначального блока
Уже не в первый раз сталкиваюсь с подобной проблемой. Порой находил выход из ситуации с переразмещением некоторых блоков, а также добавлением новых. Но то было раньше, то были мои первые более менее на что-то похожие работы, впрочем, там было слишком много кода, причем лишнего, поскольку со временем я нашел более приемлемые варианты составления этих же шаблонов. На тот момент упор делался на общую картинку, а не на правильность составления кода, ну и все что с этим связано. Раньше сталкивался лишь с небольшой переделкой уже готовых и полноценных шаблонов, но не так давно решил заняться изучением самого процесса их создания, практически с нуля. Вот как сейчас. На данный мо…
0 votes3 answers -
Не получается растянуть блок по высоте!
Всем Здравствуйте! Такая вот проблема: внутри "div" находится "p", который растягивается в зависимости от объема текста, который в него помещается. Но "div" при этом остается фиксированной высоты "min-height". Я так понимаю все дело в свойстве position. Но не знаю, как это обойти. Нужно, чтобы "div" растягивался вместе с тегом "p". Вот скрин вылезающего текста: http://joxi.ru/YmEqpnRI9BNem6 Вот css код для "div": div{ position: relative; display: inline-block; width: 900px; left: 220px; background-color: #c3c3c3; min-height: 241px;}Ну и на всякий случай css код для "p":p{ display: inline-block; width: 500px; position: absolute; top: 50px;…
0 votes3 answers -
Правый контейнер падает
Привет. Как сделать, чтобы правый контейнер не падал? Если текст в одну строку, то все в порядке, а если 2 и больше, то падает. Или проще сделать через table? CSS: .tdm {width: auto; font-size: 13px; padding-right: 15px;} .type-of-material {width: 100%; height: 85px; background: #620; margin: 10px 0 0 0;} .type-of-material-cover {width: 116px; height: 85px; background: #fff; float: left;} .type-of-material-info {width: 100%; background: #904; float: right;}HTML: <div class="tdm"> <div class="type-of-material"> <div class="type-of-material-cover"></div> <div class="type-of-material-info"> 51-я пех…
0 votes2 answers -
Создание шаблона
Вот пытаюсь создать сайт. Сделал вот так. Для всей страницы указал минимальную ширину 1024 пикселя.Меню и логотип занимают вместе 1005 пикселей,при этом у меню и логотипа сделал отступы от левого края (margin-left) в пикселях. т.е. получается при любом размере монитора от 1024 у меня не должно появлятся горизонтальной прокрутке .Правильно я понимаю? И скажите правильно ли я делаю.? Вот если что ссылка
0 votes5 answers -
FRAME-ы и социальные кнопоки
Как добиться взаимодействия между двумя фреймами, на одном фрейме размещены соц. кнопки, на другом разные статьи. Нужна возможность добавлять эти статьи в соц. сети, не прописывая каждый раз код соц. кнопок в статьях.
0 votes1 answer -
отступ снизу у изображения
#warp { float: left; margin-right: 10px } <img src="image.jpg" width="519" height="405" id="warp">текст .. текст .. текст отступ снизу от изображения до текста создается по самому высокому текстовому элементу?
0 votes1 answer -
Ссылки на сайте перестали быть активными
В общем проблема такая. В один момент на сайте перестали работать все ссылки, и перестал появляться курсор "pointer". вместо pointer появляется text, курсор для редактирования текста. может кто сталкивался с такой проблемой??? как это выглядит можно посмотреть здесь www.mupgoii.ru А также при наведении на ссылку, не появляется путь ссылки.
0 votes2 answers