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
-
min-width для Internet Explorer
Скажите, есть ли какойто аналог для min-width Internet Explorer. С 7-ой версией тоже не работает. Opera и Firefox отображают нормально.
0 votes4 answers -
выотса в зависимости от количества строк
Как можно кроме как таблицы сделать одинаковое расстояние до картинки, чтобы картинки были на одном уровне? мне пока только таблица пришла на ум, и возможно с помощью js смотреть высоту. В конце <li> имеется картинка. Есть какие то способы как можно растянуть этот треугольник? я подумал пока о том, чтобы внутрь <li> запихнуть <div> например, прибить его в правый угол, в <div> картинку, и растягивать этот <div> на высоту <li>. картинку ограничить в длине, а по высоте пусть тянется. сомнительно правда как то.
0 votes8 answers -
как сделать такое на div
css #test { margin-left:1px; margin-top:1px; border:1px solid #9999FF; float:left; width:30%; height:250px; display:block; background-color:#DEDEFF; padding:1%; overflow: hidden; } html <div id='test'> <table border='0' height='100%'> <tr> <td height='80%' valign='top'> первое </td> </tr> <tr> <td> второе </td> </tr> </table> </div> как можно заменить таблицу div ? когда вставлял 2 div vertical-align:bottom; не работал.
0 votes10 answers -
Прижатый подвал
Привет, помогите решить загадку. Как мне прижать footer, что бы он был всегда и при любом разрешении экрана внизу.
0 votes5 answers -
Вертикальное меню для сайта
помогите пожалуйста, как сделать меню как в одноклассниках (чтобы оно оставалось при прокрутке страницы)? "position: fixed" не помогает, отображается неправильно, криво. пытался сделать так: <div style="width: 100%; height: 51px"> <!-- Меню --> </div> <div style="width: 500px; height: 100%; overflow: auto"> <!-- Контент --> </div> но что если на сайт зайдёт человек, у которого дисплей с расширением например 1600х900? будет пустое место под вторым блоком, вообще отображаться будет неправильно. нашёл в инете JS-скрипт, который изменяет высоту блока в зависимости от расширения дисплея, поставил, но он не работает у меня почему-то.
0 votes8 answers -
шрифт с google web fonts не проходит валидацию
в head подключены 2 шрифта: <link href='http://fonts.googleapis.com/css?family=Jura&subset=cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic' rel='stylesheet' type='text/css'> А валидатор html5 говорит: Валидатору не нравится знак амперсанд?Как исправить проблему?кто-то сталкивался?
0 votes3 answers -
SASS. Вопросы.
Здравствуйте! Приступила к использованию SASS. Все скачала, установила. И как его теперь подключить? На одном сайте прочла "Запустите консоль в любом каталоге". Это как понимать? У меня сайт находится на Денвере: Z:/home/test2.ru/www/здесь все файлы. Как мне подключить в консоли этот путь? P.S. в Google искала. По поводу этого толком никто не пишет, все описывают прелести и синтаксис этого SASS'а. Спасибо.
0 votes7 answers -
При наведение мышки на ссылку изменить фон другого элемента.
.price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…
0 votes5 answers -
А как вот так зделать?
http://online.ukrworld.net/111/ Вот, мне нужно в шапку сайта, между надписями каталог онлайн игр и www.online.ukrworld.net вставить маленькую картинку. Вставить так, что надписи остались на своих местах...Если просто вставляю картинку, написси уезжают...и билеберда выходит полная..подскажите...
0 votes3 answers -
Стили внутри фрейма
Возможно ли как то переназначить стили внутри фрейма?
0 votes8 answers -
<table> in <div>
всем привет есть такая конструкция: <div style="width:50%"> <table width="100%"> <tr> <td width="15%"> one </td><td width="85%"> two </td> </tr> </table> </div> проблема заключается в следующем: ширина ячеек устанавливается 50%, а не как надо: 15% и 85%... кто знает, почему так получается и как это побороть? )
0 votes6 answers -
У лисы проблема с float
В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…
0 votes19 answers -
При наведении на ссылку меню пропадает часть содержимого страницы
Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника
0 votes3 answers -
Фон по центру
Всем доброго времени суток. Сделал фон кодом css. body { margin-left:35%; margin-right: 35%; margin-top: 15%; background: url(img/fon.png) no-repeat;} но, как мне сделать, что бы центр картинки(фона) был по центру сайта??
0 votes3 answers -
jsfiddle.net
Я заметила в комментариях,что многие пользуются порталом jsfiddle.net ,объясните мне пожалуйста! Я хочу поделиться своим вариантом решения задачи в практикуме. Зарегистрировалась,пишу на сайте jsfiddle.net в окне html и/или css свой код,а результат не получается,так как картинка, путь к которой я указываю в коде находится на моем компе,следовательно вместо того,что бы получить блок с рамкой через border-image,например,я получаю просто блок,без рамки,ведь рисунок рамки находится на моём компе. На этот сайт нужно загрузить мой рисунок или как получить результат????
0 votes4 answers -
Летит фигура на картинке
.vid_mat { width: 228px; border: 1.3px solid #d0d0d0; background: #ececec; padding-bottom: 2px; padding-left: 6px; padding-right: 0; padding-top: 3.7px; display: inline-block; } .vid_name { padding-left: 0.9px; padding-top: 3px; } a.vid_name { text-shadow: #ffffff 0 1px 0; color: #127ad0; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; } a.vid_name:hover { text-decoration: underline } .vid_prew { width: 222px; height: 138px; position: relative; padding: 1.4px 0 0 0; } .vid_time { background: #000; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 12px; width: 34px; position: abs…
0 votes13 answers -
Настройка выпадающего списка
Добрый вечер. На сайте Над шапкой сделаны номера, при наведении они раскрываются, а если смотреть на моб версии на них нужно нажать и они откроются. Подскажите пожалуйста как сделать что бы номера на моб версии закрывали при нажатии на главный номер.
0 votes7 answers -
hover эффект для меню
То о чем я говорю представлено на скриншоте. Через padding-top по пикселям делал, как-то неудобно получается. Есть ли еще варианты?
0 votes3 answers -
ff 3.5.1 в ul остается маркер после указания list-style-type: none;
Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…
0 votes4 answers -
Условие для оперы.
Товарищи, такая проблема, есть идентификатор, к нему применено свойство top:57px; но для оперы это значение должно быть top:65px; Не понимаю как это сделать. Чаще всего такое встречается при работе с IE и тогда спасает строка. <!--[if IE]><link href="styles/ie-style.css" rel="stylesheet" type="text/css" /><![endif]--> Но с оперой это не работает, пишу: <!--[if Opera]><link href="styles/opera.css" rel="stylesheet" type="text/css" /><![endif]--> Но это не срабатывает. Что ещё можно сделать в данной ситуации, со вчерашнего дня бьюсь, в инете нашёл массу хаков, но уже ни один не работает, все браузеры их понимают. Может я просто не прави…
0 votes4 answers -
li сделать квадратики ближе
необходимо в списке вида <ul> <li><strong>Нагревательный элемент из высококачественной стали</strong> </li> <li>Автоматическое и ручное выключение </li> <li>Двусторонняя шкала уровня воды </li> <li><strong>Внутренняя подсветка</strong> </li> </ul> Сделать квадритики возле пунктов, очень близко. Как их можно двигать?
0 votes12 answers -
Проблема с отображением шрифтов в разных браузерах
Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа: * {font-family:"Myriad Pro"; font-weight:normal;} во всех браузерах, кроме Сафари 5 отображается нужный шрифт. Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так: @font-face { font-family:"Myriad Pro"; /* Имя шрифта */ src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */ } Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текс…
0 votes1 answer -
Вывод результата отправки/валидации формы
Здравствуйте! У меня вопрос скорее методологический, однако более подходящей ветки не нашел. Я занимаюсь созданием сайта, который должен быть максимально адаптирован для удобства пользователей с ограниченными возможностями здоровья, в частности, слабовидящих людей, которые работают с веб-страницами с помощью озвучивающих устройств. Опыта работы с подобными устройствами у меня нет, поэтому возник вопрос по веб-формам. Как сверстать форму, чтобы её было удобно заполнить — понятно. Но как вывести ошибки валидации или сообщение об успешном принятии данных? Варианты имею следующие: - вывести ошибки или результат около формы или в попапе — не подходит, читалка не узнает, что по…
0 votes4 answers -
Что использовать? iframe или...?
Всем привет! Столкнулся с необходимость создать нечто подобное на большой оффлайн справочник, написанный на html с применнием таблиц стилей. Собственно не знаю с какой стороны подойди к созданию, в силу своего крайне скудного опыта. Суть такова, что будет основное меню и уйма разных страничек, которые однотипно подгружаются по нажатию на элементы меню. При этом справочник постоянно расширяется и в меню будут появляться новые элементы, группы и прочее. Первое, что приходит в голову, это использовать iframe, так как о серверном коде речи не идёт. Но всё как-то криво, косо, неудобно, чтоли. Буду рад услышать как бы вы это делали в сторону чего лучше посмотреть для успешной р…
0 votes2 answers -
Как сделать?
Как сделать, чтобы красный блок растягивался по высоте на все свободное пространство внутри желтого блока? http://jsfiddle.net/UL8Ak/2/
0 votes23 answers