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
-
При обновлении страница сама прокручивается в один и тот же участок страницы
Здравствуйте. При обновлении страница сама прокручивается в один и тот же участок страницы. Верстаю на бутстрапе , себя бы обозвал опытный новичек. При загрузке и обновлении страницы ,страничка сама становиться в одном и том же месте ближе к середине страницы. В точности под навигационным меню ,которое снизу большого слайдера.(т.е. при загрузке страницы показывается не слайдер ,а навигационное меню сверху экрана и то что под меню.) Навигационное меню такое : <div class="row"> <div id="navbar-middle" class="col-lg-12 padding-nav-menu"> <ul class="nav navbar-nav nav-balka nav-text"> <li class="active"…
0 votes3 answers -
Td>img = 3px
не бейте, если этот вопрос звучал (а он вроде звучал), но не нашел ответа. в IE у картинки появляется отступ в 3px снизу, когда оная находится в TD. помогите ссылкой или хаком
0 votes16 answers -
Установка LiveReload для ST 3. Ошибка в браузере.
Здравствуйте форумчане. Суть проблемы в следующем. Крайне необходимо установить плагин LiveReload. Как бывший пользователь Linux, я знал, что эта песня будет долгоооой. В начале, всё шло неплохо: 1. Скачал нужный плагин. 2. Кинул в нужную папку 3. Установил нужные параметры в самом редакторе 4. Установил плагин на тот браузер, где по идее должен работать автоматический рестарт странички. 5. (!) Но весь мой идеальный план разрушил "favicon" этого плагина. Я его установил, но картинка включения этого плагина, не появилась. Хотя у автора видео все прошло гладко, с тем условием, что я копировал его действия. Сириус, почему ты со мной так строг се…
0 votes14 answers -
div лесенкой
Не могу нормальным способом сделать следующее: - слой - слой - слой - слой Единственное, что приходит в голову - или каждому слою дать id или запихнуть слой № 2 в №1, 3 в 2, 4 в 3 и каждому выставить отступ.
0 votes4 answers -
Как сделать адаптивный треугольник?
Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!
0 votes0 answers -
Стили для поля ввода (default, valid, invalid)
Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?
0 votes5 answers -
Как заставить формы отображаться одинаково во всех браузерах?
Как заставить формы отображаться одинаково во всех браузерах?
0 votes23 answers -
Резиновая шапка при фиксированном сайте
Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…
0 votes8 answers -
IFRAME - полосы прокрутки
Помогите новичку. Нужно "перекрасить" полосы прокрутки для обьекта . Пишу так IFRAME{ border: 0; scrollbar-face-color: #0000FF; scrollbar-darkshadow-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-arrow-color: #FFFFFF; background-color : #FFFFFF; } не работает ни в каких браузерах (именно то, что связано со scrollbar, остальное работает). Как можно сделать такое - если это возможно. Желательно для браузеров MSIE и Opera (разумеется не "древних" версий).
0 votes7 answers -
Наложение html на swf. Не работают кнопки в swf.
Задача: наложить html-код на swf. Делаем два леера. В верхнем - таблица. В нижнем - swf. Оба леера вижу. html-код работает. Проблема: swf по сути - элементарная галерея с кнопками "вперед" и "назад". Так вот эти то кнопки в леере и не работают. Понятно, что автономно в swf все о'к. Если интересно, код следующий: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:756px; z-index:1; } #Layer2 { position:absolute; width:1024px; height:756px; z-index:4; } --> </style> </head> <body bgcol…
0 votes4 answers -
Оптимизация
Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.
0 votes23 answers -
текст выводиться над слоем
вопрос таков: почему "злополучный текст" не в слое выводится а над ним? И чем я только не пробывал повлиять на сложившуюся критически ситуцию. Бестолку. Помогите.. Предложения типа: сверстай тоже самое таблицей или еще в этом роде - сразу предупреждаю не надо писать . Я уже их наслушался вдоволь. Не знаете как решить проблему - лучше молчите. И что это такое товарищи дизайнеры бежать от трудностей в коде.. ? Так дело не пойдет. Заранее спасибо! CSS: * { margin: 0; padding: 0; border: 1px solid white; } #X1_l { background-position: left; background-repeat: no-repeat; height: 240px; overflow: hidden; display:inline; } #X1_r { background-position: right; background-…
0 votes6 answers -
Div блоки
Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?
0 votes4 answers -
верстка фиксирование позиции слоя
Всем привет. Решил вот поиграться с divной в?рсткой - натолкнулся на проблему: Идут подряд 2 дива: #main_logo { float: left; width: 25%; min-width: 300px; } #header_nav { min-width:400px; } В первом диве картинка, во втором текст. При уменьшении размеров окна текст во втором диве переносться как только хочет вплоть до того, этот див переноситься под див с картинкой. :/ Меня же такое положение вещей в корне не устраивает. Как это побороть?
0 votes5 answers -
phpmyadmin не хочет включатся
почему -то phpmyadmin не включатся , пишет проверьте пароль и имя(все сходится, но он всеравно не включается). Подскажите в чем может быть проблема?
0 votes11 answers -
Почему рекомендуют utf-8
Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?
0 votes22 answers -
text-decoration:none
Здравствуйте, такая вот проблема: есть 2 класса для текста в одном из которых text-decoration:underline;-его я объявил в самом начале, т.к. он основной. есть 2й класс, в нем text-decoration:none; когда применяю этот класс с помощью абв, то абв все равно остается подчеркнутым. Вот сосбно вся проблема.
0 votes31 answers -
Шрифт и тень
возможно ли создать шрифт, который будет отбрасывать тень средствами css?
0 votes10 answers -
Маркированный список
Это моя первая работа с css поэтому заранее прошк прощения за тупость. Подскажите, как сделать: нужно в css файле шаблона сайта создать такой стиль, чтобы маркированный список выводился с красными квадратиками (т.е. с заданными картинками, вместо там точечек итп), но при этом оставалась возможность создавать и обыкновенные маркированныке списки (с точечками) а то пока на сайте списки выглядят как абзацы ( ) с рядом поставленными картинками ( )
0 votes19 answers -
margin-left в IE6 удваивается
В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!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=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…
0 votes4 answers -
Как сделать подчёркнутую пунктиром гиперссылку
Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.
0 votes13 answers -
Кроссбраузерность для Сафари
Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS
0 votes7 answers -
Проблема с float
Пытаюсь прикрепить футер к низу через position:absolute и bottom:0px . Т. е. положение футера зависит от высоты body. Проблема в том, что блоки с float:left не влияют на эту высоту (для всех кроме IE). Методом "тыка" удалось выяснить, что если к самому body приписать float:left , то все начинает работать как надо. Но я не знаю нормально ли к body такое приписывать. По крайней мере, нигде этого не встречал. Четко сформирую вопросы: 1. Можно ли к body приписывать float:left ? Не появятся ли из-за этого потом проблемы? 2. Как обычно поступают в таких случаях (про существование гугла я знаю, но в тех случаях, что мне удалось найти либо футер крепился по-другому, либо не было …
0 votes7 answers -
div фон
Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…
0 votes42 answers -
Как растянуть <div> в Firefox?
Имеется (с фиксированной шириной и нефиксированной высотой) с неким текстом, вложенный в другой ( тоже с фиксированной шириной и нефиксированной высотой). При изменении текста внутренний растягивается и раздвигает внешний. Но это происходит только в IE и Opera. В Firefox внешний всегда остается одного размера - даже при height:auto. Как быть? Применение таблиц исключено. Помогите, заранее благодарен.
0 votes6 answers