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
29,542 questions in this forum
-
Подскажите как сделать такой слайдер
Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо
0 votes3 answers -
Помогите добавить воздуха в меню
Добрый день! Есть вертикальное меню в левой колонке такого вида: <tr><td class="me"> <ul class="lev"> <li class="menulev" id="menu_left"><a href="">Главная</a></li> <li class="menulev" id="menu_left"><a href="">Любопытно</a></li> <li class="menulev" id="menu_left"><a href="">Новости </a></li> <li class="menulev" id="menu_left"><a href="">Ссылки</a></li> <li class="menulev" id="menu_left"><a href="">О проекте</a></li> <li class="menulev" id="menu_left"><a href="">Обратная связь</a></li> </ul> </td&…
0 votes3 answers -
Не работает border-collapse
Ставлю этот параметр на collapsed и всеравно между ячейками две линии.(
0 votes2 answers -
map-карта. Нестыковка в разных браузерах.
Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" >…
0 votes2 answers -
HTML/CSS глазами Чайника. Блочная верстка.
В общем ничего не понимаю Хочу разобраться с каркасом блочного сайта. 1. !<DOCTYPE> Какой указать. А именно интересует вопрос, почему у меня Mozilla не отображает страницу блочную по средствам стилей. Самое интересное, что при указывании <DOCTYPE> IE + Opera аналогично просто отображает текст. В общем мои изыскания: <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <meta name="description" content="Здесь должно быть описания, и явно динамическое, т.е. разное для разных страниц" /> <meta name="keywords" content=" Тоже самое что и Description, почти - клю…
0 votes5 answers -
как избавиться от cellpadding="0" cellspacing="0"
Привет! А как избавиться от cellpadding="0" cellspacing="0" ?
0 votes2 answers -
При навидение меняется картника
Вставляю в ячейку таблицы <td width="270" height="80px"><a href="lorem.html" class="rollover">Ссылка</a> </td> Класс описываю так. A.rollover { width: 270px; /* Ширина рисунка */ height: 80px; /* Высота рисунка */ border: 1px solid #000; /* Рамка вокруг картинки */ background: url('1.jpg'); /* Путь к файлу с исходным рисунком */ background-repeat: no-repeat; padding:30 px; padding-left:80 px; } A.rollover:hover { text-decoration:none; background: url('2.jpg'); /* Путь к файлу с заменяемым рисунком */ background-repeat: no-repeat; color: orange; font-style: italic; } В IE все хорошо, в опере рисунок обрезан ширина 270 в высота при…
0 votes5 answers -
сохранение формы в MySQL
Здравствуйте! у меня вопрос следующего характера: Создал две странички по паспортным данным ПК. Однако данные набранные в этих формах получается надо будет сохранять в отдельные таблицу в MySQL. Вопрос: Можно ли сделать так чтобы данные с этих двух страничек сохранялись в одну таблицу в MySQL-е.
0 votes6 answers -
Выезжает вложенный слой (div)
Добрый день! Есть три слой 1 родитель, 2 других - дети. Подскажите, пожалуйста, как сделать так, чтобы высота родителя соответствовала высоте вложенного в него слоя, т.е. при увеличении высоты слоя text, также увеличивалась и высота слоя content? <div id="content" style="border:#090 solid 1px;"> <div id="menu-news" style="border:#F00 solid 1px;">меню</div> <div id="text" style="border:#F00 solid 1px;">Содержание</div> </div>
0 votes4 answers -
cufon не генерирует шрифт
Встала задача использовать на сайте нестандартный шрифт. Решено было использовать cufon + Jquery. Но cufon наотрез отказывается принимать файл со шрифтом и пишет следующее: Шрифт a_BosaNova Bold (True Type) (формат файла TTF) Не силен в тонкостях создания/редактирования шрифтом, поэтому не совсем понимаю что от меня требуется. Можно ли как-то разблокировать этот шрифт, если он заблокирован или может его как-то надо преобразовать в PFA или PFB (что вообще это такое?) и найти в системе упомянутые "припрятанные папки"?
0 votes4 answers -
Странное поведение ie6
Первый раз столкнулся с таким странным багом IE6. Есть трёхколоночная вёрстка. Но левый столбец при загрузке встаёт левее, чем нужно. При наведении на ссылку в этом столбце - он возвращается на место. При этом hover стили вообще ни каким образом не трогают позиционирование. Собственно сама вёрстка: http://home.cyxapeff.org/work/nail/ Буду очень благодарен хотя бы за подсказку куда копать.
0 votes9 answers -
Кнопка
Не могу сообразить, как сделать вот такую кнопку Нужно, чтобы она растягивалась, когда текста больше. я ее разрезала пополам, так как там градиент сплошной и вырезала полоску пиксельной ширины посередине. Код такой <div id="top"></div><div id="middle">Недвижимость Доминикана</div><div id="bottom"></div> .left #menu li div{ width:215px; } .left #menu li #top{ background-image:url(../img/left_menu_top.png); height:41px; } .left #menu li #middle{ background:url(../img/left_menu_middle.png); padding:0 20px 0 20px; width:175px; } .left #menu li #bottom{ background-image:url(../img/left_menu_bottom.png); height:41px; } Но, она, естественно…
0 votes8 answers -
Не корректное отображение в ИЕ
Добрый вечер. Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =) Скрины ФФ : http://imm.io/2F9K ИЕ : http://imm.io/2F9M Код css .color_block { border: 2px #808080 solid; /* Параметры рамки */ background: #E6E6E6; /* Цвет фона */ width: 180px; margin: 10px; } em.bt, em.bt b, em.bb, em.bb b { display: block; /* Блочный элемент */ height: 10px; /* Высота уголка */ font-size: 0; /* Размер шрифта */ background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */ position: relative; /* Относительное позиционирование */ } em.bt { top: -2px; /* Сдвигаем лев…
0 votes8 answers -
PHP код
Доброго времени!!!Ребята немогли бы Вы подсказать или направить на нужную инфу. Есть база с 20 уроками как мне вывести их по 10 на одну страницу сайта и внизу ссылка на вторую с остальными ур. База будет расширяться.Что надо писать для каждых десяти FROM lessons ORDER BY id LIMIT 1,10 или есть проще способ <? $result = mysql_query ("SELECT id,title,meta_d,meta_k,date,description,text,author FROM lessons",$db); $myrow = mysql_fetch_array ($result); do{ printf("<table align='center' class='urok'> <tr><td class='urok_title'> <p class='urok_name'><a href='view_urok.php?id=%s'>%s</a></p> <p class='urok_in…
0 votes3 answers -
ie8 шрифт
Друзья, не знаю, что и делать. Вот как выглядит в нормальном браузере вот так в ie8 И хаки и условные комментарии дел не поправляют. Что делать?
0 votes4 answers -
Закрепить логотип на сайте!
Добрый день всем! Вот на сайте http://www.netdreams.co.uk/ при уменьшении окна браузера логотип не куда не скатывается, остаётся на своём же месте. Проще говоря он прикреплен^^ У меня же при изменении чего либо, он двигается в месте с этими-же изменениями а должен прилепиться в указанном месте=)) Вот мой код: <style> .logo_img { float: left; position: absolute; margin-left: 130px; margin-top: 14px; } </style><div class="logo_img"> <img src="{THEME}/images/logo.png" alt="Логотип сайта Warcraft 3 Cheats"> </div> Подскажите что исправить нужно, чтоб логотип прикрепился в указанном месте.
0 votes7 answers -
скрипт купона скидки на сайт
Есть у кого готовый скрипт или совет как разместить кнопку например "Скидка 10%" при нажатии на которую счетчик в каким либо лог файле увеличивался и выводилась простая форма печати "Купона скидки" Чтобы к заказчику приходили люди с купонами а я видел статистику по распечаткам этих купонов.Спасибо
0 votes1 answer -
Используют ли верстальщики CSS фреймворки?
Доброе время суток. Мне интересно какими фреймворками пользуются верстальщики, а так же узнать плюсы/минусы данного подхода и самих фреймворков.
0 votes13 answers -
Выравнивание перевернутого текста
Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…
0 votes5 answers -
Определить стиль списка через идентификатор
Столкнулся с такой реализацией САБЖА в коде одной из тем ВордПреса: #nav ul {display: inline; font-size: 0.7em; line-height: 1.75em } этот код не работает и размер шрифта для списка берется из базового стиля для списка а вот если переработать код так, то все ок: ul#nav {display: inline; font-size: 0.7em; line-height: 1.75em } Вопрос: первый вариант кода вообще допустим или нет? Или для него есть какие-то особенности, раз авторы темы таки использовали его?
0 votes2 answers -
Подгон поведения ФайрФокса под ИЕшное.
Опять я Есть примерно такой код: <html> <head> <style> .set { float: right; width: auto; background-color: red; padding: 5px; } .item { float: left; background-color: yellow; text-align: center; width: 150px; height: 150px; margin: 1px; float: left; } </style> </head> <body> <div class="set"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> </div> </body> </html> Есть два типа поведения в различных браузерах. В ИЕ (тот вариант, который мен…
0 votes3 answers -
IE 8 не видит ссылок
Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится
0 votes7 answers -
неработает в opera
прошу настроить кроссбраузерность неработает в опере http://codepen.io/SaraSoueidan/pen/otGgw и ещё вопрос не по теме наделал тут медиа скажите правильноли? будет работать на других мониторах?
0 votes15 answers -
Верстка звездочек для рейтинга
Подскажите, пожалуйста, как формируются здесь звездочки: http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/ Понимаю, что этот код: .star-rating {overflow: hidden; position: relative; height: 14px; line-height: 14px; font-size: 14px; width: 75.6px; font-family: 'star';} .star-rating:before { content: "\53\53\53\53\53"; color: #949da5; float: left; top: 0; left: 0; position: absolute;}: Здесь используется шрифт "star". Не понимаю, он же где-то должен подключаться. Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?
0 votes5 answers -
Обрезается фон при горизонтальной прокрутки
Добрый вечер. Как сделать чтобы фон при горизонтальной прокрутки не вырезался с правой стороны? pandora-replica.ru
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-