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
-
резиновая меню
Здраствуете.Мне нужна создат резинавае меню.Так штоба пункты меню со сваим блокам отxадили друг от друга и тянулис по ширине екрана не меняая размеров.Кто знает как ето можна реализожат? http://webfile.ru/5684398 zdes vy@lajil fayl
0 votes2 answers -
Круглые CSS уголки в мозиле у тега img
Делаю закруглённые уголки у тега img при помощи CSS: img.catalog_main_item_img { margin-bottom: 5px; border: 2px solid white; overflow: hidden; display: block; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px;} и возникает проблема в мозиле: уголки картинки не хотят прятаться под закругление. Вот так: Как решить проблему? Хотелось бы обойтись без засовывания картинки в бэкграунд диву.
0 votes19 answers -
Что не так? Калькулятор [JS]
Помогите пожалуйста уже всю голову переломал не пойму почему не работает http://jsfiddle.net/afZe3/
0 votes7 answers -
высота адаптивного слайдера
ребят, помогите пожалуйста уменьшить высоту слайдов адаптивного слайдера, если это вообще возможно сейчас на страничке высота слайда 395px, а нужно приблизительно 200px(+/-) я пробовал в фотошопе изменять размер исходных картинок, но высота слайда на странице от этого не изменилась
0 votes2 answers -
Особенности background-size: cover
Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…
0 votes2 answers -
вставляю div в ячейку - таблица смещается. не пойму.
Здравствуйте! Стал делать сложную верстку, сделал таблицу со строками, и в эти строки вставил трехколоночные таблицы, первые две таблицы (во всех трех колонках) заполнил дивами и все ок, а вот в третьей вставил див (переход строки есть, ширины дива и ячейки совпадают, абсолютного позиционирования не применял, вобщем все ок), но все сместилось влево. Убираю див - все ок, не понимаю абсолютно, может кто сталкивался??? Таблицы автономны друго от друга - вставлены в разные строки и явно указаны ширины ячеек... P.S.: Абсолютное позиционирование не люблю и хотелось бы обойтись без него. Всем откликнувшимся заранее спасибо!
0 votes2 answers -
Справочники html
Здравствуйте ув. форумчаны В общем знаний html как бы таких нет но все же хотелось научится делать подобные справочники Надеюсь на вашу помощь,с Ув zThetis Зачем? У меня форум и много делаю изменений в шаблонах и так далее а использовать *txt ох как не удобно, спасибо всем кто заглянул в данную тему С нетерпением жду помощи
0 votes11 answers -
Проблема с выводом file_get_contents
Здравствуйте..Вопрос вот в чём..Функция file_get_contents выводит нужную информацию во всех подкатигориях в шаблоне но не на главной странице..Как с этим бороться?? Сайт http://rivierahoteis.com/
0 votes11 answers -
input [type="submit"]
Здравствуйте, столкнулся с такой проблемой. Свойство #login input [type="submit"] { width: 100px; } не меняет размер кнопки. Побывал просто предовать id и класс кнопке , тоже не реагирует. Посмотрите код, подскажите в чем проблема. HTML <form id="login" class="x" name="login_form" method="post" action="#" > <p>Войти</p> <p>Имя пользователя</p> <input name="user_name" type="text"> <p>Пароль</p> <input name="user_password" type="password"> <input name="login_button" type="submit" value="Войти"> <p>Забыли пароль?</p> </form> CSS #login { float: right; width: 250px; border: 1px solid #dadada;…
0 votes5 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 -
проблемы с валидацией css в адаптивной верстке.
Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and (max-width:1024px) @media screen and (min-width:200px) and (max-width:980px) @media screen and (min-width:200px) and (max-width:768px) @media screen and (min-width:200px) and (max-width:600px) @media screen and (min-width:200px) and (max-width:480px) При валидации сss нет ни одной ошибки!Кроме этих двух: 1.Ошибка разбора @media screen and (min-width:200px) and (max-width:875px) { #header{ font-size:10pt; } .gallery{ position:absolute; top:120px; right:70px; } } 2.Ошибка разбора @media screen and (min-width:200px) and (max-width:620px){ #navig ul{ margin:0; } ul.nav li{ float:…
0 votes8 answers -
Некоректно отображается внешний вид сайта
Помогите пожалста в решении проблемы: после выгрузки сайта с локального сервера на хостинг не показываетнекоторые елементы страницы, сверстано все на CSS . Вот ссылка на сайт http://megaiskra.com.ua . В чем может быть проблема?
0 votes12 answers -
Анимация border
Здравствуйте. Не получается реализовать эффект Задача: чтобы ширина нижнего бордера плавно уменьшалась из центра к бокам. С левой линий все просто. Но как добиться уменьшения ширины правой линии? (т..е. в направлении слева направо) Код того, что получилось: codepen.io
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 -
Автоопределение шрифта в IE
Добрый день Заранее прошу прощения, если данный вопрос уже поднимался на форуме. Второй день не могу понять, что же в моем сайте не так. В IE от 6 по 8 версию сайт показывается со шрифтом Arial хотя по всему css прописано font-family:'Verdana', 'Arial', Sans-Serif; пробовал по разному определять шрифт, но результат тот же. В других браузерах таких как FF и Opera все отлично шрифт идет вердана. Так же не думаю, что проблема в настройках IE так как на других сайтах, где шрифт основной вердана именно он и отображается. Так же пробовал использовать сервисы, которые делают скрин сайта в различных браузерах. Результат - сайт использует шрифт Arial. Подскажите, где зарыта собак…
0 votes3 answers -
Ошибка при большой вложенности меню
Есть сайт на Joomla, при попытке вложить в двухуровневое (при наведении на пункт, вложенные пункты отображаются второй строкой) меню больше 10-ти пунктов, выдаётся ошибка: Warning: array_reverse() [function.array-reverse]: The argument should be an array in сайт\templates\шаблон\menu.class.php on line 54 Warning: implode() [function.implode]: Invalid arguments passed in сайт\templates\шаблон\menu.class.php on line 54 Вот кусок кода, на который он указывает, слова "СТРОКА-54" это я сейчас написал: function endMenu($startlevel=0, $endlevel = 10){ echo "</div>"; if(!$startlevel) { echo " <script type=\"text/javascript\"> СТРОКА-54 var sdl_a…
0 votes6 answers -
Текст убегает с DIV блока
Все привет, столкнулся с проблемой при верстке а именно текст убигает с блока <div> сам не пойму о.О [b]INDEX[/b] <tr> <td id=wapka> <div id=avto class=div_avto > <div id=new class=div_new> <p>787686888686868686868688686867887777777777</p> </div> </div> </td> </tr> CSS #wapka { background-image: url('verst/02.gif'); background-position:right top; background-repeat:repeat-x; } #avto { background-repeat: no-repeat; background-image: url('verst/03.png'); background-position:left top; } .div_avto { height:320px; margin-top: 20px; margin-left:10px; } #new { ba…
0 votes3 answers -
Div в div'e
Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…
0 votes4 answers -
можно ли к li добавить свойство before?
можно ли к li добавить свойство before? чтото добавляю и не работает, а если к h4 добавлю который возле li, то работает, а именно с li неа
0 votes6 answers -
не работает min-height: 100% для body (xhtml)
Всем привет! У меня почему-то не растягивается блок на всю ширину. Прописал в ксс html {min-height: 100%} body {min-height: 100%} body не растягивается, почему-то вот полностью код. Ксс там же для удобства <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title><!-- Insert your title here --></title> <style type="text/css"> html {min-height:100%} body {min-height:100%} #container {background: red; margin:15px; height:100%} …
0 votes2 answers -
ie8 шрифт
Друзья, не знаю, что и делать. Вот как выглядит в нормальном браузере вот так в ie8 И хаки и условные комментарии дел не поправляют. Что делать?
0 votes4 answers -
Сайт с мобильной версии браузера не отображает курсив
В стилях такие записи для тегов b {font-weight: 600;} em {font-style: italic;} На сайте эти теги отображают все как надо, b - жирным шрифтом, em - курсивом А вот в мобильной версии ничего не меняется. После того как увеличил значениие b {font-weight: 700;} в мобильной стало тоже видно что это жирный шрифт Почему так происходит и как сделать так чтобы курсив в мобильной версии тоже было видно.
0 votes14 answers -
Убрать зазор и отцентровать по-вертикали навигацию
Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/WuxvJ/ Он создан для чистого эксперимента. Но на последней стадии возник вопрос. Между ul и #head есть очень небольшой зазор по вертикали. Как мне его убрать и выровнять, чтобы li a был по центру (20px)? Пробовал line-height для a и li - не помогает, почему-то. Padding и margin - вообще не то. Подскажите, что не так? Ошибся - точнее, между ul и li зазор есть по вертикали.
0 votes9 answers -
как вставить нестандартный шрифт в email-рассылку
Добрый вечер! Подскажите, как вставить нестандартный шрифт для email-рассылки?
0 votes1 answer -
Треугольник-стрелка средствами css
Здравствуйте! Подскажите, как сделать, чтобы треугольник-стрелка перекрывала border (см. картинку, как должно быть ) ? z-index почему-то не помогает... У меня получилось так
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-