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
-
[DLE]Вывод новостей в несколько колонн
Привет всем! В общем, как известно в DLE новости выводятся в 1 колонну. Так вот хочу что бы новости выводились в 3 колонки, а с телефона в 2 или 1 Но для начала хотел вывести хотя бы просто в 3 колонны В интернете говорят это делается просто через float: left; width : 33%; и в целом это работет, но вот так: всё вылезает из div почему то ещё говорят это можно сделать заменив строки кода сms но какие я не нашёл. изначально была идея сделать это с помощью flexbox, но он видать не работает с тегами dle: Структура кода такая: <div class="content"> {info}{content} </div> когда даю классу "conte…
0 votes1 answer -
Совокупление формы и кнопки)
Вопрос мож и глупый, знаю что поиском решается, но не могу грамотно сформулировать запрос. Как сделать чтобы при нажатии на картинку на одной станице, выбиралось значение в раскрывающемся списке, в форме, на другой странице?
0 votes9 answers -
Контактная форма
Все спасибо за помощь и дельные советы)
0 votes6 answers -
Выпадающее меню на css
Нашла интересное меню для своего сайта в сети, немного изменила его под себя. Но тут увидела проблему, не знаю как ее решить. Меню является выпадающим многоуровневым. А проблема в том, что, если я нахожусь скажем на пункте меню "Главная", то при наведении мыши на пункт меню "Продукция", из "продукция" выпадает вложенное меню. Но если я нахожусь на пункте меню "Продукция" изначально, то при наведении мышью на этот же пункт вложенное меню не выпадает. Я уже вся исстрадалась. Помогите, пожалуйста. Вот сам код css: #nav {padding:0; margin:0 auto; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; white…
0 votes9 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes4 answers -
Input disabled
И так есть <input type="text" name="email" size="30" disabled value='.$_SESSION["user"]["email"].'> Т.е у меня в поле выводит e-mail, и нужно чтобы когда нажимаешь по ссылке рядом <a>Редактировать</a> поле активировалось..как сделать?
0 votes4 answers -
line-height и единицы измерения
собственно обнаружил такой занимательный факт, что при использовании line-height: 1 и line-height: 1em результат, как ни странно, разный - это с цикла статей с css-livehttp://jsfiddle.net/usfe/u8TCq/ - вот прекрасный пример от psywalker'a. А теперь попробуйте сменить line-height у body с "1" на "1em" и увидите как поменяется результат. складывается ощущение, что без EM работает куда ЛОГИЧНЕЕ, так как значение line-height для инлайна высчитывается исходя из его текущего размера шрифта. а вот при использовании em прохисходит, будто высота строки определяется высотой, которая высчитывается не относительно текущего шрифта, а относительного того, который был указан вместе…
0 votes4 answers -
Отображение перспективы при анимации поворота
Доброго времени суток. Возникла проблема при анимации переворота блоков, а если точнее - неправильное отображение перспективы. Суть проблемы словами описать сложновато, так что выкладываю код: http://jsbin.com/uGaFihE/4/edit?html,css,js,output и картинки, описывающие: 1) Перспективу такой, какая она есть сейчас: 2) И такой, какой должна быть в идеале (все внимание - на углы в центре изображения ): Как можно реализовать данную анимацию, не помещая эти два блока в один контейнер?
0 votes3 answers -
Масштабирование картинок и разные разрешения экранов
Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена к…
0 votes6 answers -
Блок меню за рамки контейнера (Bootstrap)
Здравствуйте! Просьба помочь разобраться в такой ситуации: Верстка на bootstrap. Шапка сайта на всю ширину body. И все бы ничего, но меню должно репититься направо до конца body. Так же, не знаю как сделать скошенный угол в блоке меню. Макет адаптивный. Для ясности прилагаю скрин. Заранее благодарю за помощь!
0 votes13 answers -
Document content looks like HTML Proprietary
Это мне выдал HTML VALIDATOR 0.8.4.0 по поводу употребления атрибута "background" с тегом - Я понял это намек..., но что конкретно он (валидатор) имел ввиду?
0 votes3 answers -
Боксовая Модель
итак есть проблема произвести расчет Заданы параметры Ширина 200 Педдинг 10 марджин 20 Бордер 5 Задача: Узнать место отведенное под контент в IE6 и в FF На 100% знаю что педдинг считался бы так (в ИЕ от ширины убирается с двух сторон по 10 пикселей соответственно под контент осталось 180 а в FF наоборот область под контент остается 200 а педингом бы блок увеличился до 220 ) я немного потестил получилось что ИЕ и бордер убирает и под контент остаеться уже 200 - пединг(20) - бордер (10) = 170 Верно ? Обьясните подробно как считать а то верный результат у меня не как не выходит ...
0 votes2 answers -
"плавают" ячейки таблицы, если она внутри fieldset
Помещаю в fieldset таблицу. Для fieldset задано "float:left" В Firefox 2 все ячейки таблицы при этом начинают "плавать" независимо друг от друга. Как избавиться от этого глюка? Если вместо fieldset ставлю div или span, то все ок. Но в нашем портале я уже не могу заменять везде fieldset на другие теги. Вот упрощенный пример кода: <fieldset style="float:left;"> <table border="1"> <tr> <td>jgff</td> <td class="number"> 543 </td> </tr> <tr> <td>drgfddf</td> <td class="number"> 543 </td> </tr> </table> </fieldset> Вот как это выглядит в и…
0 votes2 answers -
txt link hover и img link hover
Помогите настроить CSS. Есть кусок: a:link { color: black; } a:hover { background-color: black; text-decoration: none; color: white; } img, img:hover { background-color: transparent; padding: 0px; text-decoration: none; } <a href="#">TEXT</a> <a href="#"><img src="#"></a> Проблема такая. У ссылочных картинок появляется левая толстая палочка снизу, от которой не избавиться А как избавиться?
0 votes3 answers -
Определить какая функция вызывается в js
Здравствуйте, в консоли разработчика google chrome при нажатии на кнопку можно ли определить какая функция вызывается в js файле ? Непонятно в каком файле вызывается функция
0 votes6 answers -
Проблема с Оперой.
Опера не понимает правильно растояние между колонками есть такое: #leftside {float:left; width:16.4%;} #centerside {float:left; width:66.2%; margin-left:0.5%; margin-right:0.5%;} #rightside {float: right; width:16.4%;} Три блока между правым и центром в опере появляется расстояние больше чем 0.5% хотя в мозиле и IE все нормально. Может опера как то не так понимает Флот. Кто то может подсказать как сделать правильно?
0 votes2 answers -
ширина вертикального ul
мозг натерла, спасите меня, плиз есть вертикальный список, у которого ширина должна зависеть от текста в li. а ul, зараза, элемент блочный и тянется на всю ширину родителя. а у него рамочки, поэтому ширина растянутая заметна. что плохо. код такой: ul.categories { border: solid 1px #464646; border-bottom: none; width: auto; } ul.categories, ul.categories li { list-style-image: none; list-style-position: outside; list-style-type: none; } ul.categories li { padding: 3px 16px; border-bottom: solid 1px #464646; } ul.categories li a { font-size: 11px; color: #fffffc; text-decoration: none; text-transform: uppercase; } ul.categories li a:hover { color: #ff7800; } …
0 votes8 answers -
Выравнивание столбцов в opera 9
Здравствуйте, уже 2 дня бьюсь над одной проблемой связанной с отображением страницы в Opera. Помогите разобраться, а то всю голову сломал уже. структуру документа можно посмотреть по ссылке ниже. Цель : отбражение в opere также как в exlorere и firefox, т.е. правая часть должна тядуться вниз до конца, плюс внутренности "Части 1" также должны тянуться. http://1pr.ru/test.html Заранее благодарен всем откликнувшемся.
0 votes6 answers -
Проблема с input в ie
Подскажите пожалуйста, как убрать отступ снизу для input в ie6? В firefox input входит ровно в ячейку, а в ie появляется отступ пикселей семь. Вроде как-то в css надо отрицательный отступ сделать только для ie. Напишите пожалуйста поподробней, если кто знает как.
0 votes1 answer -
Проблема в Firefox. Нужен хак или совет.
Добрый день. У меня проблема с <textarea></textarea> Нужно задать строго ширину, но кроссбраузерность страдает. Для оперы, ие я задал ширину -4px и все стало смотреться нормально, но только на MAC'е. На PC-версии firefox'a ширина получилась на 4 пикселя больше. Может есть какой-то хак для лисы под виндой? Или через скрипт надо как то сделать.. В нете нашел скрипт "хаки для любого браузера под любой ос" но не работает почему-то. (на харбе был, способ как .win .ff3 question_div textarea { width: 296px !important; } Посоветуйте пожалуйста что делать.
0 votes4 answers -
не клеится табличка
Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>
0 votes8 answers -
выотса в зависимости от количества строк
Как можно кроме как таблицы сделать одинаковое расстояние до картинки, чтобы картинки были на одном уровне? мне пока только таблица пришла на ум, и возможно с помощью js смотреть высоту. В конце <li> имеется картинка. Есть какие то способы как можно растянуть этот треугольник? я подумал пока о том, чтобы внутрь <li> запихнуть <div> например, прибить его в правый угол, в <div> картинку, и растягивать этот <div> на высоту <li>. картинку ограничить в длине, а по высоте пусть тянется. сомнительно правда как то.
0 votes8 answers -
Использование 3d лент.
Подскажите, кто-нибудь использовал объёмные ленты. Primer: http://my-html.ru/example/3D_css/index.html Поделитесь опытом, все никак не могу реализовать в деле.
0 votes7 answers -
как определить шрифт?
какими средствами фотошоп можно определить шрифт , или может существуют еще какие нибудь способы?
0 votes3 answers -
меню по бокам
был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…
0 votes12 answers