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
-
Как сделать html таблицу с объединением ячеек?
Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.
0 votes3 answers -
В Ie Список Сползает
Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 5 пунктов 865 пкс. <div id="port_menu"> <ul> <li><a href="#" title="">Логотипы</a> </li> <li><a href="#" title="">Брэндбуки</a> </li> <li><a href="#" title="">Фирменный стиль</a> </li> <li><a href="#" title="">POS материалы</a> </li> <li><a href="#" title="">Прочий дизайн</a> </li> <ul> </div> #port_menu{ position:relative; top:0px; width:865px; height:17px; background:#FFffFF; margin-left:0px; } #port_men…
0 votes4 answers -
Непонятные ошибки
Добрый вечер камрады! Проблема следующая, есть вёрстка, ради тренировки я сверстал обычный макетик и залил его на Движок, но в ИЕ6-7 происходит не понятная фигня: 1) Сайт прижимается к левому краю и не выравнивается по середине, как должен делать. 2) Потом ещё <div class="case">, который обрамляет Центр не охватывает все контейнеры, как должен делать, я же поставил overflow:hidden; http://psywalker.ru/wa-test/shop/ Движок "WebAsyst" если что
0 votes17 answers -
Помогите с сеткой через flex
Добрый день! Подскажите, как можно реализовать сетку, как на фото, через flex. Проблема с картинкой, которая занимает последние две строки, с машиной. После неё, картинка с котом уходит вниз( Заранее спасибо)
0 votes6 answers -
Background
Как сделать так что бы бэкграундная картинка не размножалась а было адно и по цетру?
0 votes3 answers -
Борюсь с таблицами
Всем привет! Имеется таблица с двумя колонками. В каждой из колонок имеется вложенная таблица, которая по ширине растянута на 100%. Но количество текста может быть абсолютно произвольным и слева и справа, поэтому у меня вложенные таблицы получаются неодинаковые по высоте, а так некрасиво. Пробовал написать в каждой из вложенных таблиц width = "100%" height = "100%" - почему-то никакого эффекта это не произвело. А что еще там написать можно - я не знаю. Помогите пожалуйста чайнику
0 votes12 answers -
Можно ли добавлять новые пункты меню на все страницы сайта одновременно
Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.
0 votes12 answers -
IE PNG Alpha Fix v2.0 Alpha 3
Вопрос по продукту http://www.twinhelix.com/css/iepngfix/ Может кто испоьзовал? Дело такое, что он мне выдает alert с текстом IEPNGFix: Unclickable children of element: *указывается элемент* Вот, незнаю как с этим бороться и почему такое возникло?( Спасибо заранее
0 votes3 answers -
Smarty - разбить на столбцы
Всем привет! Не могу понять или найти решения. Если есть у кого минут, подскажите пожалуйста. Есть некий цикл <ul> {foreach name=aussen item=data from=$content} <li>бла бла бла</li> {/foreach} </ul> в нем выводится список, допустим, категорий. В списке может быть 2, а может 10, а может 50 записей. Как можно сделать, чтобы билось на колонки? Т.е. чтобы в списке было, к примеру по 6 категорий. При этом количество колонок изначально не известно. На примере. В списке 10 категори Категория 1 Категория 2 Категория 3 Категория 4 Категория 5 Категория 6 Категория 7 Категория 8 Категория 9 Категория 10 на выходе получить Категория 1 | Категория 4 | Категори…
0 votes6 answers -
Идентификаторы в контекстных селекторах
Доброго времени суток! Данное определение стиля не работает <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> #list1 ul li { list-style:none; } </style> </head> <body> <ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html> А если указать <style type="text/css"> ul#list1 li …
0 votes5 answers -
Проблема со скриптом для изменения прозрачночти в FireFox и Opera
Такой скрипт: /////////////////////////////////////////////////////////////////////////// var doclick=new Array(0, 0, 0, 0, 0); function onover(obj, par) { if(doclick[par]==1 && document.getElementById(obj).style.opacity<0.60) { document.getElementById(obj).filters.alpha.opacity+=4; document.getElementById(obj).style.opacity=(parseFloat(document.getElementById(obj).style.opacity)+4/100); setTimeout("onover('"+obj+"', "+par+")", 6); } } function onout(obj, par) { if(doclick[par]==0 && document.getElementById(obj).style.opacity>0.20) { document.getElementById(obj).filters.alpha.opacity-=4; document.getElementById(obj).style.opacity=(parseFloat(do…
0 votes5 answers -
SELECT и background. IE & opera VS FF
select{background: url('images/select.gif') repeat-x; border: 1px solid #acacac;} <select class="md"> <option value="">январь</option> <option value="">февраль</option> <option value="">март</option> </select> в FF все просто замечательно, а осел и ДАЖЕ ОПЕРА не показывают фон. нипонимай.
0 votes2 answers -
Overflow и выпадающее меню
Нужна помощь! Есть блок с overflow: hidden, нужен для прокрутки юзеров, в нем список юзеров(div.userInformation), для каждого юзера выпадающее меню(div.overUserMenu). Вопрос: как зделать так что б меню не обрезалося? Вариант забрать overflow: hidden не подходит, потому что мне он нужен для скрипта прокрутки юзеров <div id="friendsList" class="center"> <div class="container"> <div class="feed" style="left: 0px;"> <div style="z-index: 1000;" class="userInformation"> <div class="status"></div> <div class="picture"> <a href="http://deinflirt/profile/id/2"> <img alt="" src="http://deinflirt/files/u…
0 votes3 answers -
div внутри head
Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.
0 votes5 answers -
SASS. Миксин медиазапросов, избыточный код
Решил освоить SASS, очень мне нравится его идея, большое коммьюнити, все нравится, но столкнулся с проблемой, собственно ниже и опишу. Хочу сделать миксин медиазапросов есть 4 переменные, в них описаны размеры экрана, и создан несложный миксин. $screen_xs: 320px;$screen_s: 768px;$screen_m: 1024px;$screen_l: 1200px;$screen_xl: 1376px;@mixin mediaquery($media) { @if $media == screen_s { @media only screen and (max-width: $screen_s + 1) { @content; } } @else if $media == screen_m { @media only screen and (min-width: $screen_m + 1){ @content; } } @else if $media == screen_l { @media only screen and (min-width: $screen_l + 1) { @content; } } @else if $media == screen_xl …
0 votes1 answer -
Неправильно работает в IE
В Опере все нормально отображается ,а в IE почемуто верхнее меню перекосило. А у бокового картинку вообще не выводит. http://astoria.jino.ru/
0 votes9 answers -
Хостинг
Посоветуйте мне неплохой платный хостинг, на котором можно зарегистрировать домен .name . Памяти мне много не надо и остального тоже... Ещё бы тестовый режим (режим бесплатный) . Соответсвтвенно недорогой.
0 votes8 answers -
Создание регистрации
Я вот балуюсь с блокнотом для создания сайтов(так для себя, на крупное я потом пойду). И хочу для себя сделать простенькую регистрацию (ник, пароль, мэйл), но не явускрипт ни пхп не знаю, не поможете как мне это все сделать. ЗЫ. Надеюсь поможете.
0 votes20 answers -
верстка блока с иконкой и рамкой, и текстом внутри
Здравствуйте. Подскажите начинающему, как правильно сверстать блок такого плана Скрытый текст (смотри рисунок) , когда по периметру идет граница, а на верху блока иконка возле которой границ нет, но потом есть. Попробовала все это сделать через background.. но не знаю, на сколько это правильно. Ну и хочу, чтобы все это адаптивно было. И как правильно верстать вот такое дерево блоков?
0 votes4 answers -
z-index и контекст наложения
Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…
0 votes5 answers -
Задание стиля для ячеек всего столбца в таблице
Как задать стиль (выравнивание, например) для всего столбца в таблице? Естественно без вариантов "в лоб" (задание класса для каждой ячейки).
0 votes3 answers -
Текст вылезает из div-a в ie7
Собственно столкнулся со сложностью при верстке для IE. заголовки (заключенные в дивы) вылазят наружу в IE. с остальными браузерами проблемы нет. Бился бился - ничего не добился. кусок кода отвечающий за заголовки: ХТМЛ: <div id="mainmodules3" class="spacer w33"> <div class="block first" style="width: 230px"> <div class="hilite1"> <div class="sidemod"> <div class="sidemod-title"> <h3 class="side">Автошкола</h3> </div> <div class="module"> <!-- START 'Display News by BK 1.5.10' --> <div class='contentpaneopenhilite1'> <div ><span class='contentpaneopen…
0 votes6 answers -
Резиновые трехколоночные макеты
Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)
0 votes11 answers -
Смена текста при наведении
Нужно правильно реализовать такую штуку: Есть ячейка таблицы ( <table><tr><td>Какой-нибудь текст</td></tr></table>), как правильно добавить атрибуты onmouseout и onmouseover к тегу <td>, чтобы при наведении мишки содержание изменялось на другой текст, ну и соответственно наоборот.
0 votes2 answers -
Скрытие поля прокрутки
Подскажите насчёт 2х вопросов? 1. как на простой html странице сделать подобную прокрутку (без использования фреймов) и как потом скрыть полосу прокрутки?
0 votes4 answers