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
29,542 questions in this forum
-
list-style-position не работает
Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…
0 votes5 answers -
HTML5 - валидное отключение кэширования html-страницы..
сабж такой.. в head'е старницы выставляю согласно вот этому <meta http-equiv="Cache-Control" content="no-cache"/> данный валидатор ругается.. кстати, пендосы тоже по этому поводу плачут)) - в самом низу пост от некоего "Raanan Avido".. вобщем, ничего из кода ниже не подходит.. <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="cache-control" content="no-store" /> да и не сможет подойти, потому как в HTML5 согласно этому материалу у http-equiv есть следующие значения - "content-language, content-type, default-style,…
0 votes2 answers -
Проблема с изображениями
Собственно, вот сайт http://watermelon.ru. Проблема в том, что на некоторых компах постоянно загружаются не все картинки. Уменьшила качество картинок, переверстала, вставляла скрипт предварительной загрузки изображений - результат тот же. Подскажите, пож., в чем грабли?
0 votes20 answers -
Помогите задать цвет текста
В общем,есть кус от кода Ему надо задать белый FFFFFF цвет . Вопрос как? Пробовал Не помогло.Подскажите ,плз!
0 votes23 answers -
Ссылка в браузере на файл Visio
Как открыть ссылку в IE на файл .vsd в программе MS Visio? Сейчас открывется в окне браузера.
0 votes11 answers -
Закругление углов посредством CSS + hover: как?
Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без…
0 votes5 answers -
Смещение блоков при увеличении / уменьшении масштаба
Всех приветствую. Возникла проблема. При увеличении / уменьшении масштаба просмотра страницы сайта, смещаются блоки. Например: Обычный вид: Уменьшение: Требуется зафиксировать положение.
0 votes11 answers -
Блочная верстка в 3 колонки с опциями.
Приветствую всех. Я только пару месяцев занимаюсь версткой (по специальности я программист), и перед мною встала проблема следующего формата. Мне необходимо сверстать страничку в 3 колонки, верстка блочная (через div'ы), 33% - 34% - 33%. Вроде бы задача не сложная, в сети таких примеров ? до кучи. Однако, есть дополнительная опция ? средний div (назовем его "middle") и его контент должен распологаться по тексту первым, тот, что слева ("left") ? вторым, ну и последний, "right", соответственно, последним. Т.е.: <div id="middle"> </div> <div id="left"> </div> <div id="right"> </div> Я пытался сделать двумя способами: 1. Абсо…
0 votes10 answers -
вертикальное выравнивание внутри элементов списка
Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen…
0 votes15 answers -
Html кнопка
Здравствуйте! Сам ковыряю сайт, новичок в этом деле, если залез не в ту ветку заранее извиняюсь. К вам с таким вопросом: Есть кнопка, которая открывает новую вкладку с нужным товаром <p align="center"><a href="ссылка на товар" target="_blank" class="btn btn-primary btn-xs" role="button"><i class="material-icons-"></i>Добавить</a></p> Возможно ли сделать что то подобное, только что бы кнопка выполняла функцию "положить товар в корзину" в заранее указанном количестве. Пример: нажимаем на кнопку, указанный товар в кнопке идет в корзину в количестве 2 шт. (или 3, чтобы можно было это прописать в кнопке)?
0 votes3 answers -
Изменение style.background
Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…
0 votes2 answers -
список лезет на рисунок
есть конструкция типа <img align="left"> <ul> <li>blabla</li> <li>blabla</li> </ul> этот список маркерами лезет аккурат на картинку. то есть текст в элементах списка начинается без отступа, также как обычный текст, а маркеры накладываются на рисунок. как избавиться от этого чуда? в принципе наверно "list-style:none; background: blabla" поможет решить, но хотелось бы более грамотного решения. на форуме пробовал искать - не нашел, если что, извините =)
0 votes19 answers -
Помогите с настройкой фотогалереи на jquery
Я настраиваю галерею по этому примеру http://sorgalla.com/projects/jcarousel/exa...l_thickbox.html Сделал все идентично, но почему то не работает, немогу понять почему. Вот что получилось http://rkp-trans.ru/photo Если знаете в чем может быть дело, напишите пожалуйста. И второй вопрос: Можно ли на этой же странице сделать еще несколько таких же галерей? Что для этого нужно?
0 votes19 answers -
Перенос на новую строку после ссылки!
Привет, всем! тут такая проблема - есть список, в нем в каждом пункте текст, в тексте ссылки... почему после ссылки текст переносится на другую строку?? http://kanskbank.topfire.ru/1200/1208/1252# тут проблема во всей красе ) "Сеть офисов банка позволяет банку всегда быть территориально рядом с клиентом и оказывать услуги во всех городах Сибири ..."
0 votes2 answers -
в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки
Здравствуйте! Пожалуйста, помогите решить проблему: на html-странице в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки, которой и быть не должно. В Opera загружается все нормально и этой лишней горизонтальной полосы нет. Собственно, нужно избавиться от этой горизонтальной полосы прокрутки. Вот та страница: http://mafia2resurs.narod.ru/new_design1.html
0 votes10 answers -
Резиновый макет 3 колонки: проблема в IE и Opera
Народ подскажите что делать, есть макет в 3 колонки: Так вот какая проблема, в осле и опере если ширина контента недостаточна, то левая и правая ячейки выползают и становятся шире своих заданных размеров, а дизайн никак не предполагает изменения размеров этих ячеек, как это можно исправить?
0 votes6 answers -
Промежуток между футером и контентом.
В Опере и Мозилле все получилось само собой. Футер прилип к низу странички и расстояние до контента, как задумано 15 px. А вот в IE 7 и 8 между ними 85 px. Скрин1 P.S. Самое интересное, что во время моих копаний в CSS для IE7 и 8 я заметил одну вещь. Когда задал display: none; для навигации и при перезагрузке он исчез, то футер стоял на своем месте. T.е.промежутка о котором идет речь не было. Мистика какая-то.
0 votes15 answers -
Установка фона для меню в трёхколоночной вёрстке
В связи с переводом сайта с табличной на дивную вёрстку возник вопрос: как можно задать фон для боковых колонок меню в трёхколоночной вёрстке так, чтобы при увеличении контента страницы и растягивании её по высоте фон также растягивался. Сейчас он заканчивается там, где идёт последний пункт меню, и дальше - ни в какую Помогите кто советом, что делать... Исходник в табличной вёрстке: http://www.ecoby.info/ Страничка в дивной вёрстке (та, которую нужно доработать): http://www.ecoby.info/main.html P.S. Ещё один вопросик мелкий - не могу почему-то перенести слой с заголовком сайта вниз (чтобы грузился последним), сбивается вся вёрстка, что это может быть?
0 votes11 answers -
Знатокам CSS. Заставить input:text вести себя по-блочному
Господа, айнидхелп. Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы <div class="widht-300px"> <div class="float-left">Здесь будет лэйбл</div> <input type="text" class="block" /> </div> Нужно чтобы инпут заполнил всю оставшуюся ширину после плавающего блока, как если бы там простой див был. Ни кто не знает как сделать?
0 votes14 answers -
Наложени при position: absolute
Добрый день. Подскажите пожалуйста со следующим моментом: нужно, что бы надпись была чуть выше картинки . Картинка в одном <div>, Текст во втором. Я для div'а с текстом задаю position: absolute; left:60%; top: -20px;В полноэкранном режиме все нормально, но если начинаю ресайзить текст наплывает на картинку Как можно это побороть?
0 votes8 answers -
z-index и select
Всем привет! Помогите селект за дивку спрятять!!!!! Вот код: <div style="position:absolute; left:43px; top:4px; z-index:10; background:#CCC; height:200px; width:200px;"></div> <select> <option>111111111</option> <option>2222222222</option> <option>3333333333333</option> <option>4444444444444444</option> </select>
0 votes7 answers -
vertical-align: baseline
vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?
0 votes5 answers -
Как использовать @extend стилей из другого SCSS файла и есть ли в этом смысл?
Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
0 votes1 answer -
Как менять меню, на всех страницах одновременно?
Подскажите пожалста... что нужно прописать, чтобы вставить НА СТРАНИЦУ меню сайта, сохраненного в отдельном файле? И какие ещё есть простые способы быстро менять меню, на всех страницах одновременно?
0 votes18 answers -
Не убиарется отступ от рамки до бордюра фрейма
Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.
0 votes12 answers