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
-
В каждом браузере по разному
сабж Вот index.html <!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=utf-8" /> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <p class="logoup"></p> <p class="textmain"></p> <p class="logodown"></p> </div> <div id="bar"> <p class="logo"></p> <p class="logo2"></p> <ul class=…
0 votes6 answers -
Ищу layout с колонками одинаковой высоты
Подскажите, пожалуйста, layout, сделанный на div, с колонками одинаковой высоты и состоящий из шапки, трёх колонок и футера. При этом высота колонок должна быть сделана без использования каких бы то ни было скриптов, сам layout должен быть резиновым, а колонки идти на всю высоту экрана, даже если в них ничего не будет. Плюс layout должен быть кроссбразерным и нормально работать в IE6 и прочих проблемных браузерах. В общем, ищу что-то такое. Пока удалось найти устаревшие layot'ы, которые делались ещё для нормальной работы в IE4, но это не совсем то, что надо. Там либо есть javascript, либо приёмы вёрстки устаревшие. Спасибо!
0 votes4 answers -
Кто пользуется ucoz? Или пользовался?
Кто пользуется (пользовался) ucoz? Хочу задать 3 вопроса: 1. Сколько платите? За снятие рекламы, за хостинг, место на диске, прочие дополнительные услуги? 2. Что вам нравится, 3. Что не нравится? Расскажите пожалуйста! Если пользовались когдато и съехали оттуда расскажите почему. Только не надо писать типа "ucoz - полное г...", а если пишите конкретизируйте пожалуйста "почему г..."
0 votes8 answers -
Градиенты для IE9
Может кому понадобиться. Нашёл решение проблемы градиентов для ie9. Сам скрипт https://rawgit.com/AsanovRuslan/gradientIE9/master/ie9-svg-gradient.js За основу взят http://jsfiddle.net/camartinez1229/thSxh/show/light/ Суть работы в том что берётся css3 градиент из файлов стилей конвертируется в svg и записывается обратно в свойство background-image. Для правильной работы нужно какое-то свойство в котором будет храниться наш градиент, так как ie9 вырезает нестандартные значения свойств. По умолчанию используется свойство "-pie-background", но его легко поменять в скрипте.
0 votes10 answers -
Как сделать отступы внутри div с параметром fixed?
Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему
0 votes2 answers -
Замена таблицы на Дивы
Имеется очень большое количество файлов с табличной версткой, нужно заменить все теги таблицы на "дивы", следовательно возникает вопрос как это сделать в ускоренном варианте. Ибо ручное редактирование займет пару десятков дней. Существуют ли ресурсы или программы где можно закачать файл и отметить теги которые нужно заменить? Или можно это сделать с помощью скрипта? Спасибо.
0 votes9 answers -
jQuery на событие submit формы генерирует событие клик для submit
Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй?
0 votes1 answer -
Новые тэги HTML5 vs микроданные vs role ...
Что-то я стал путаться во всех этих "длясемантичных" вещах. Объясните мне не умному в чем приницпиальное отличие между ними. Все для какой-то семантики, но делают ли одно и тоже или каждый занимает какую-то свою нишу? И какие из этих нововведений реально на что-то влияют (поисковики, читалки, люди с ограничеными возможностями) ? Спасибо.
0 votes8 answers -
Закругление углов средствами CSS без картинок
Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0…
0 votes5 answers -
Border - CSS
Добрый день, не буду расписывать а покажу)) вот у меня таблица с 3мя строками, с 3мя столбцами, задаю через 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>border</title> <style type="text/css"> .doc { width: 30%; border:solid black;} </style> </head> <body> <table class="doc" bordercolor="#000000" b bor…
0 votes8 answers -
VirtualHost дэнвер
У меня вопросец как добавить виртуальный хост в дэнвере? Я в курсе что в дэнвере достаточно создать директорию в папке home с папкой www и будет мне счастье, но у меня папка www находится на удаленном компьютере, у меня расшарен диск удаленного компьютера и путь до папки www выглядит так: I:\JOB\GreenGear\www обычно я пользовался стареньким апачем где писал: <VirtualHost *> <Directory /> Options +Includes </Directory> ServerAdmin webmaster@example.com DocumentRoot I:/JOB/GreenGear/www ServerName gshop ErrorLog logs/gshop CustomLog logs/gshop common </VirtualHost> как бы там все работало, а тут не работает как быть? p.s. дэнвер решил поста…
0 votes2 answers -
Блоки разной ширины на одинаковом расстоянии друг от друга
Если такой вопрос уже был, извиняюсь, поиск не работает Сам вопрос такой: можно ли при резиновой странице (5) расположить блоки (1-4) таким образом, чтобы они находились на одинаковом расстоянии друг от друга? При условии что блоки разной ширины и периодически меняются. Ниже попытка изобразить что требуется ))) Пока пришел в голову вариант засунуть все это дело в таблицу, есть другие варианты?
0 votes5 answers -
Создание вертикального меню списком с выделенным пунктом
Добрый день! Прошу вашей помощи, тк уже не знаю что и пробовать. Опишу суть проблемы: Имеется боковое вертикальное меню написанное списком (ul li) и его оформление на css. Необходимо сделать чтобы у выделенного пункта меню был list-style circle, а у остальных - none. И при этом выделенный пункт должен быть другого цвета. У меня получилось сделать только чтобы у выделенного не было кружка, а у все был вод код html: <td> <div id="submenu"> <ul id="submenu"> <li class="curent"><a class="curent" href="production.html" ><span>Всех…
0 votes7 answers -
Выпадающий список с записью в БД
Делаю магазин на joomla+virtuemart. В описание категорий сделал дополнительное поле для выбора изображения. В ручную вводить все время не хочется, а изображения будут лежать в определенной папки. Было бы удобно сделать выпадающий список, который содержал бы изображения определенного формата из определенной папки. Так сделано в стандартном меню джумлы и выглядит так <list name="menu_image" type="imagelist" directory="/images/stories" hide_default="1" default="" label="Menu Image" description="PARAMMENUIMAGE" /> Поле в virtuemart выглядит так <input type="text" class="inputbox" size="20" name="imgmenu" value="<?php $db->sp("imgmenu"); ?>" /> Вопрос - …
0 votes9 answers -
Как сделать текст более заметным?
Здравствуйте! Есть задание разместить на сайте некоторый рекламный текст, который сразу бы бросался в глаза. Я думаю это сделать с помощью каких-либо эффектов, с помощью CSS3. Я нашла подобный пример, но он только для webkit: http://css-tricks.com/examples/SlideToUnlock/ Подскажите, пожалуйста, какими свойствами можно воспользоваться? Думаю, что поддержка старыми браузерами не обязательна.
0 votes6 answers -
Помогите сделать выпадающее меню на сайте
Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…
0 votes10 answers -
Максимальная оптимизация видео
Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в брау…
0 votes5 answers -
Как правильно задать ширину формы и её селектов?
Здравствуйте! На странице на ширине монитора в 320px, если кликнуть кнопку "Заказ в 1 клик" возникает форма, ширина элементов которой начиная с элемента div#contactForm_oneclick больше, чем ширина базовой обёртки div#aux. Пробовал назначить div#contactForm_oneclick ширину inherit, чтобы наследовать ширину родительской обёртки, но это не помогло, наверно из-за широких селектов. Скажите пожалуйста, как правильно прописывать стили в такой ситуации так, чтобы форма укладывалась в любую текущую ширину экрана? Отдельно селекты ограничивать?
0 votes10 answers -
Адаптивность колонок
Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }
0 votes3 answers -
Помогите с подключением файлов видео
Нигде не могу найти исчерпывающую информацию, а очень нужно, о правильной организации видеогалереи, а именно меня интересует, Как грамотнее подгрузить файл с помощью или ? Или и то и другое? Можно ли сделать галерею универсальной, а именно, чтобы проигрывались файлы разных форматов, т.е. mpg, avi, wmv, mpeg, mpe, mov? Я так понимаю, вся хитрость в том, какой плагин подключать, а также возможность подгрузить плагин в случае его отсутствия у пользователя. Если это так, то как и какой подключать непонятно. Может нужен какой-нибудь скрипт в нагрузку? Подскажите, как быть?
0 votes2 answers -
Как сделать в фиксированной ячейки резание и перенос слова
Остался последний не закрытый вопрос - у меня зафиксированный размер столбца и если в ячейку забивается слово которое больше заданного размера мне надо что бы это слово резалось само и переносилось в другую строку. Возможно это сделать или это надо на скрипте делать?
0 votes4 answers -
100% - 200px
Читал на форумах, но окончательного ответа так и не нашол. Есть три блока height:200px; center:100%; footer:200px; как создать такой макет, чтобы при отсутствии в center контента правый скрол(вертикальный) отсутствовал, тоесть center = 100% - 400px. А верстка занимала весь экран в зависимостим от расширения. НЕ используя JS ?
0 votes11 answers -
Оцените, плз
Доброго времени. не знаю, честно гря на сколько это тут принято. я не заинтересован рекламировать сайт, мне просто нужны подсказки, т.к. он первый мною-за-деньги-сделанный. контент внутренних страниц - тестовый. luxart.kiev.ua
0 votes6 answers -
Как выстроить элементы
В общем есть такой код <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> Как сделать чтоб когда я добовляю ещё один код, т.е. <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> <div style="width: 1…
0 votes5 answers -
Отцентрировать float
Есть группа элементов float:left неизвестной ширины. Можно ли их отцентрировать в контейнере по горизонтали. Требуется для меню горизонтального. [..................[float][float][float][float].......................]
0 votes8 answers