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
-
Не правильно работает меню сайта при адаптации.
Всем всем привет. Делаю сайт. Точнее редактирую шаблон добытый с просторов интернета. Сайт адаптивный. И в принципе все норм только вот меню криво работает. Суть проблемы: Когда сайт открыт во весь экран на пк все хорошо. фото 1. Когда окно браузера делаешь меньше то меню сжимается, и появляется кнопка раскрытия меню. Но сам список с назвиниями пунктов меню не пропадает (а по идее должен). фото 2. Когда нажимаешь на кнопку то типа появляется меню в том которое уже есть. 2й раз нажимаешь пропадает. фото 3. И если потом опять развернуть на весь экран страницу меню не появляется и кнопка с выпадающем меню пропадает. если свернуть нажать кнопку и зарвернуть страницу на…
0 votes2 answers -
Центровка содержания сайта
В очередной обращаюсь к вам! Помогите пожалуйста - много прочитал и попробовал, но ничего не помогает Cтраница сайта (на которой я пытался применять центровку) www.zhivoyfest.ru/index.php Файл стилей (если что style.css) Страница проработана для разрешения экрана 1024х768. Суть проблемы - когда разрешение больше содержимое страницы сбивается влево и не хочет вставать по-центру. index.php Попытался использовать InPage как контейнер для всего, но результато это не дало <body> <div id="InPage"> <div id="toper"></div> <div id="leftcol"> <div id="colmenu"> <table> <tr><td> <b><h1>Главное меню</h1>…
0 votes9 answers -
3-х колоночный шаблон с сайта CSSplay - ошибка автора?
Доброго времени суток. Я искал оптимальную реализацию вертикального растягивания колонок в CSS по аналогии со свойствами таблиц и сверстал шаблон, основываясь на примере от Ste Nicholls, выложенном на его сайте CSS_Play -исходник. Итак, мой шаблон корректно отображается в Firefox 2.0, Opera 9. В Internet Explorer'е 7 левая колонка постоянно "скачет", смещаясь на пол экрана. В Safari колонка на несколько пикселей сдвинута вправо. Пример выложил в сеть, можете посмотреть здесь . Использована след. конструкция, с помощью которой достигается 3-хкол. макет: HTML (шаблон для Joomla - не обращайте внимания на куски PHP-кода): Суффиксы модулей в данном случае не влияют - отключ…
0 votes13 answers -
Ура! У меня ничего не получилось
Ура!! У меня ничего не получилось. Вот так то. Хотел построить вебсайт, который бы мне нравился, HTML+CSS Потом бросил это дело, подумал, что легче будет сделать это методом Joomla+WordPress. Почти ДВА месяца пробовал "в*ехать в эти прибамбасы", смотрел видеоуроки, где по полочкам все разложено, вроде понятно, захожу на Joomla пробую делать - не получается, то же самое и с WP. Короче - результат отрицательный, но это тоже результат. Сейчас вот думаю пойти другим путем. Используя Dreamweaver CS5.5 наклепать заготовок, какие нравятсй, а потом при помощи HTML+CSS построить каркас и внести туда все, что мне нравится из ранее "наклепаного". Однако вопрос один остается: …
0 votes29 answers -
frD-не могу притянуть слои, помогите.
сделал каркас /коменты убрал./ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title here</title> <link rel="stylesheet" href="shablon.css" type="text/css"> </head> <body> <div id="container"> <div id="header">header <div id="baner" align="center">baner</div> </div> <div id="vrezka"> <div id="polosa">poloska</div> <div id="men-css"> <div id="container">vertical menu css</div> </div> </div> <div id="wrapper"> <div id="content">Lorem ipsum dolor sit amet, consect…
0 votes5 answers -
в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки
Здравствуйте! Пожалуйста, помогите решить проблему: на html-странице в Mozilla Firefox появляется лишняя горизонтальная полоса прокрутки, которой и быть не должно. В Opera загружается все нормально и этой лишней горизонтальной полосы нет. Собственно, нужно избавиться от этой горизонтальной полосы прокрутки. Вот та страница: http://mafia2resurs.narod.ru/new_design1.html
0 votes10 answers -
Проблема с изображениями
Собственно, вот сайт http://watermelon.ru. Проблема в том, что на некоторых компах постоянно загружаются не все картинки. Уменьшила качество картинок, переверстала, вставляла скрипт предварительной загрузки изображений - результат тот же. Подскажите, пож., в чем грабли?
0 votes20 answers -
увеличение размера шрифта в браузере
Подскажите, пожалуйста, как сделать так, чтобы при увеличении размера шрифта в браузере, все ужасно не разъезжалось? При этом размер шрифта задан в относительных величинах, в абсолютных никак не покатит... Все сайты у Лебедева практически совсем не разъезжаются и выглядят нормально при увеличении шрифта. При этом, как мне показалось, на лебедевских сайтах шрифт увеличивается не так сильно, как у меня Что делать?
0 votes13 answers -
Определить дату последнего изменения файла
подскажите, пожалуйста, есть ли возможность определить дату изменения файла на сервере? допустим, в коде интернет-страницы встречаются ссылки на js-файлы, css и картинки. можно при/перед загрузкой страницы определить дату их изменения? да и дату изменения самого html-файла. какие еще параметры (атрибуты) файлов на web-сервере можно определить по HTTP? вопрос возник в контексте кэширования файлов, открываемых вэб-браузером. ведь если заранее знать, что файл не был изменен -- его и скачивать не обязательно.
0 votes13 answers -
Div height на 100%
вопрос как создать div без содержания во всю высоту ——————————————————-- div c height на 350 px работает нормально устанавливаешь height на 100% div пропадает ———————————————-- что подкрутить
0 votes9 answers -
Выпадающее окно на css
.popup a { position:relative; } .popup a span{ position:absolute; display: none; top: 20px; left: 20px; z-index: 1; background: #FFFFFF; } .popup a:hover span { display: block; } Вот код страницы: <span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span> Цель: при наведении мышкой появлется рядом с ней окошко в котором определенный текст. В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась) …
0 votes16 answers -
При наведении на кнопку пропадает вторая картинка
При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....
0 votes9 answers -
Кнопка поиска
Здравствуйте. Мне необходимо чтобы поиск производился по нажатию на кнопку в виде картинки + чтоб при наведении на эту картинку курсора она менялась на другую. Чтоб заменить кнопку "Искать" на картинку я в html прописал код: <input type="image" src="wp-content/themes/MyTheme/images/search.png" name="submit" class="searchbutton" /> C помощью css знаю только как изменить фон класса searchbutton при наведении (псевдокласс hover), но при такой реализации он размещен под картинкой, прописанной в html, то есть то, что она меняется не видно. Так как сделать чтоб заменялась? Спасибо за ответ. P.S. Сайт размещен на локале.
0 votes8 answers -
text-decoration:none
Здравствуйте, такая вот проблема: есть 2 класса для текста в одном из которых text-decoration:underline;-его я объявил в самом начале, т.к. он основной. есть 2й класс, в нем text-decoration:none; когда применяю этот класс с помощью абв, то абв все равно остается подчеркнутым. Вот сосбно вся проблема.
0 votes31 answers -
выравнивание в линию нескольких div-ов по центру
Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.
0 votes7 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 -
Резиновый input внутри резинового div'а
Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>
0 votes1 answer -
Один клик два действия!
На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!
0 votes22 answers -
Ссылка в браузере на файл Visio
Как открыть ссылку в IE на файл .vsd в программе MS Visio? Сейчас открывется в окне браузера.
0 votes11 answers -
<body oncopy="onCopyEvent()">
Подскажи пожалуйста, вот это свойство <body oncopy="onCopyEvent()"> как то в css файл вынести можно?
0 votes12 answers -
Смена background-image при работе с псевдоклассом hover
Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими
0 votes1 answer -
округление углов с помощью тэга background
что-то мозгов не хватает, подскажите как реализовать. П.с. если фоном таблицы уже является рисунок.
0 votes1 answer -
Как использовать @extend стилей из другого SCSS файла и есть ли в этом смысл?
Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.
0 votes1 answer -
Оптимизация
Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.
0 votes23 answers -
Вставка HTML после определенного элемента
Случилось такое что после каждого заголовка <h3> в правой колонке сайта, нужно вставить HTML код: <div class="clr"></div> пробовал через CSS с помощью :after, но текст вставляется как обычный, а не HTML. Думал реализовать через JavaScript, но к сожалению с ним плохо знаком, подскажите пожалуйста уроком или советом К сожалению ссылку на сайт предоставить не могу, т.к. сайт на локальном сервере.
0 votes24 answers