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
-
Порядок обработки @font-face
Привет, камрады. Подскажите пожалуйста с тем, с чем Гугл мне не помог. Что происходит при обработке броузером следующих строк кода: @font-face {font-family: 'myriad pro'; src: local local('Myriad Pro Regular');src: url('../css/fonts/myriad/myriadpro-regular.eot?') format('embedded-opentype');src: url('../css/fonts/myriad/myriadpro-regular.woff') format('woff');} 1) а) Броузер подгружает все шрифты и использует только понятный ему б) Броузер подгружает только шрифт понятного ему формата в) Что-то еще...?! 2) Правило проверки присутствия шрифта в системе осуществляется первым или последним? Что-то я запутался c этим вашим CSS, может надо наоборот в конец кода пост…
0 votes3 answers -
Помогите разобраться с selectс
Всем доброго дня! В общем, решил сделать переход между категориями сайта при помощи select, так как их достаточно много. Всё получилось, куда надо переходит, но, к сожалению, не сохраняет выбранный вариант при переходе в категорию. Там точно такой же код. <select size="1" onchange="window.location.href='http'+'://site.ru/mon/'+this.options[this.selectedIndex].value+'-0'"><option value="0" style="color:#A3A3A3;">- Категория -</option><option value="1">Выживание</option><option value="2">Креатив</option><option value="3">PVP</option><option value="4">Whitelist</option><option value="5">Без PVP</opt…
0 votes5 answers -
И снова z-index - не получается спозиционировать выпадающее меню.
Доброго дня всем. Возникла проблема с выпадающим меню на сайте http://izodecor.md , а точнее никак не удается выдвинуть меню вперед. z-index не помогает или я что-то не так делаю (я новичок в этом) хотя сам DIV с меню располагается внутри "злого" DIV-а который и перекрывает меню . Устал биться - перечитал с полсотни постов и так ничего и не понял - прощу помощи. Не сплю уже вторые сутки и мозг просто не выдержит еще даже 10 страниц чтива. Подозреваю, что проблема кроется в "overflow: hidden" но самостоятельно не догоняю, где чего исправить. В общем - HELP!
0 votes2 answers -
Не пойму transition
Здарова всем. Написал вот такой вот кодик: <!--Начало блока--> <div class="item-block"> <div class="item-block-img"> <a href=""> <img src="https://www.vivatao.com/taoimages/img04/bao/uploaded/i4/T1a7tSXuhbXXXXXXXX_!!0-item_pic.jpg_200x200.jpg" alt=""> </a> </div> <div class="item-block-title"> <a href="">фыв</a> …
0 votes7 answers -
Как сделать border для всей строки <tr> при клике на форму ввода текста?
Прощу помощи в оформлении! Не пойму как сделать border для всей строки при клике на текстовую форму Сейчас у меня все выглядит вот так: http://pastenow.ru/DCU7 Хочу чтобы tr выделялся таким образом : http://pastenow.ru/DCU5 Код : http://jsfiddle.net/kirill111/o0hx8sqb/3/
0 votes1 answer -
RGBA полупрозрачность сильно загружает Chrome
Не знаю можно ли выкладывать здесь ссылки, поэтому объясню на словах. Сайт активно использует border-radius, shadow, transition и прочие эффекты. Страницы с фиксированным фоном (jpg 1920х1080, background-attachment:fixed). Все три колонки имеют полупрозрачный бэкграунд rgba(0,166,156,0.2), некоторые блоки внутри них тоже имеют полупрозрачность background:rgba(0,0,0,0.5). Я заметил, что в базовом Хроме весьма заметно тормозит скроллинг страницы. Другие браузеры на вебките рендерят лучше, но по сравнению с Firefox и Edge все равно не очень хорошо. Я начал с отключения всей анимации и эффектов, радиусов и теней, и в итоге пришел к заключению, что Хром спотыкается о полупроз…
0 votes1 answer -
fancybox content "под ним"
Здравствуйте, подскажите пожалуйста, есть ли возможность вынести элементы сайта выше слоя overlay в fancybox В частности http://helios-group.org/1/index.html нужно, чтобы курс валют, выбор языка был активен при открытом fancybox (регистрация, вход или кнопка слева)
0 votes4 answers -
Помогите сделать шаблон шапки из div элементов
Друзья, помогите пожалуйста сделать для сайта шапку, у меня есть вот такая разбивка: Могли бы подсказать как сделать такую форму, вот divы <div class="allh div1"> <div class="allh div2"> <div class="allh dostavka div3"> </div> <div class="allh search div4"> </div> </div> <div class="allh div5"> </div> <div class="allh logo div6"> </div> <div class="allh div7"> <div class="allh tel div10"> <div class="allh div8"> </div> </div> <div class="allh call div11"> <div class="allh div9"> </div> </div> <div cl…
0 votes0 answers -
Центрирование при разном размере изображений
Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…
0 votes2 answers -
Таблица в таблице
Помогите плиз чайнику как сделать чтобы таблица в левой таблице основной таблицы выравнивалась по верху (а не по центру высоты) Заранее спс <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" border="1"> <tr> <th width="60%" height="166" scope="col"><table width="100%" border="1"> <tr> <th scope="col"> </th> <th scope="col"> </th> </tr> …
0 votes1 answer -
помогите исправить верстку в ие7
вот верстал макет, и проявился непонятный мне баг, во всех арбузерах нормально, но ие7 не показывает абсолютно спозиционирвоаных элементов,даже ие6 норм показывает. Сначала думал.что моежет быть дело в з-индекс покрутил его ничего не изменилось, в общем подскажите,что не так пожалуйста страница с версткой
0 votes1 answer -
<MAP> и <AREA> не хотят работать.
Заранее извините, за возможно некорректные выражения. В данный момент осваиваю HTML, большого опыта еще не приобрел. Сделал я с помощью тега <MAP> и тегов <AREA> необходимые мне области. В браузере появляется рисунок, но по каким-то причинам это все отказывается работать и в FF, и в IE. Лишь Dreamweaver видит, что эти области существуют. <img src="img/18.gif" width="100" height="100" border="0" alt="хз" usemap="#pic"> <map name="#pic"> <area shape="rect" alt="tab" coords="0,0, 50,50" href="table.html"> <area shape="rect" alt="tut" coords="50,50, 100,100" href="qwert/tutorial"> </map>
0 votes2 answers -
Различное отображение таблиц в IE8 и Mozilla
Объединил 3 ячейки в одну в таблице, но результат получил только в хроме и в мозилле, а в ие8 отображается как будто ячейки еще есть http://kikky.ru в самом конце <table class="tbl_send_pay"> <tr> <td class="td_send_pay_head_l"> <p>Сообщества</p> </td> <td> </td> <td class="td_send_pay_head_r"> <p>Скидки</p> </td> </tr> <tr> <td colspan="3" class="td_send_pay_text_l"><p></p> <p><img src="{$URL_THEME_OFFSET}/img/pay/vkontakte.png"> <img src="{$URL_THEME_OFFSET}/img/pay/odnoklassniki.png"> <img src="{$URL_THEME_OFFS…
0 votes3 answers -
border-bottom
Как сделать border-bottom на всю ширину div блока ?
0 votes7 answers -
Position:fixed и overflow
Надо чтобы блок c position:fixed (или эмуляцией) скроллился вместе с body при достижении min-width... JS тоже будет уместным
0 votes2 answers -
Отображение ссылки-картинки
Подскажите пожалуйста где искать ошибку. Ссылка должна отображать кнопку-картинку, а:hover должен отображать иную кнопку-картинку. <ul id="Nav5"> <li><a href="home"></a></li> <li><a href="solutions"></a></li> <li><a href="products"></a></li> <li><a href="about"></a></li> <li><a href="contacts"></a></li> </ul> #Nav5 { height: 38px; width: 495px; border: 1px dotted #F00; list-style-type: none; position: absolute; left: 500px; top: 50px; } #Nav5 li { display: inline; margin-right: 5px; border: 1px solid…
0 votes6 answers -
верстка дивами
столкнулся с проблемой что дивы выстраиваются в столбик подскажите как это исправить так сейчас http://savepic.su/1869221.htm надо http://savepic.su/1864101.htm html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>главная</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="vse"> </div> <div class="knopki"> <div class="asdf"> <a href="index.html">На главную</a></div> <div class="asdf"> <a href="bet.html">Бетон</a></div> <div class="asdf"> <a …
0 votes7 answers -
разметку сбивает какой-то служебный символ
Здравствуйте, друзья! html разметка страницы нарушается каким-то служебным символом. фрагмент разметки вот: <div id="ja-content"> ? <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> Интернет-магазин Jackson's store </td> </tr> </table> </div> Перед надписью "Интернет-магазин Jackson's store " появляется отступ сверху, который никакими корректировками css или html кода не убирается. Что интересно. Если, например FireFox скопировать этот код из окна просмотра кода (Ctrl+U) и вставить в notepad++, то код выглядит так: <div id="ja-content"> ?<table class="contentpaneopen"> …
0 votes2 answers -
Проблема с банером
Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?
0 votes3 answers -
описание transform-origin
Доброе утро. Буквально вчера познакомился на практике с свойством transform. Далее, по файлу css который я пытаюсь разобрать, увидел свойство transform-origin, сразу полез в справочник css на сайте, но не нашёл этого свойства... Может плохо искал? Прочитал на другом сайте об этом свойстве, но как-то не очень доходчиво всё там расписано. Прошу администрацию сайта добавить описание данного свойства в справочник. Заранее благодарю.
0 votes0 answers -
Помогите с настройкой виджета на странице
Как выставить виджет на странице в подвале,как задать ему нужное место. Он у меня стоит просто в центре...
0 votes0 answers -
Растягивающийся по вертикали блок
Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.
0 votes6 answers -
Список ссылок выровнить по горезонтале
Здравствуйте! Есть вот такой html код который нельзя менять (кол-во строк можно задать по усмотрению) - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">…
0 votes5 answers -
подскажите как сделать такую автоматическую оплату?
вот хочу узнать как сделать такую автоматическую оплату как на этом сайте http://djekxa.com/# подскажите пожалуйста) Заранее благодарен) если что кто может в скайп то вот vitia1461
0 votes2 answers -
Блок со случайным фоном.
Помогите, я хочу чтобы в диве рандомно менялся бекграунд при каждом обновлении или отображался рандомный img. Какими способами это можно реализовать? Очень нужна ваша помощь..
0 votes7 answers