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
-
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…
0 votes6 answers -
Вопрос по кнопкам
Моё приветствие тиграм HTML-вёрстки! Помогите пожалуйста неофиту. Хочу чтобы кнопки были ссылками,вроде бы добился желаемого,таким вот макаром но этот вариант работает почему-то только в FF, а в IE нет, почему?
0 votes11 answers -
DIV + position:absolute; + height:100%;
Приветствую. Задача растянуть див на всю высоту области. решение для всех нормальных браузеров: div.lay div.sb-bg, div.lay div.cnt-bg { position: absolute;; left: 0; top: 0; bottom: 0; height: 100%; background: #1c2601; width: 32.3em; } для ИЕ6: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; zoom: 1; } для ИЕ7: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') } Подскажите что-то для ИЕ7 не используя expression, пожалуйста. спасибо
0 votes17 answers -
Блочная ссылка, вылезающая за границы предка
Имеется ряд ссылок с display:block, выступающих за границы родительского элемента с display: inline-block (живой пример — главное меню на www.zgames.com). В IE7-8, FF и Вебкитах это работает как ожидается, но в актуальных Операх (как минимум начиная с 10.61, включая альфу 11) и IE9 beta в режиме IE9 наблюдается странная вещь: нижние выступающие части ссылок почему-то некликабельны, а в Операх вдобавок текст этих выступающих частей исчезает при скроллинге и появляется заново только после наведения. Неужели так и должно быть по стандарту? Буду крайне благодарен за подсказку, какому месту стандарта противоречит такая конструкция. Задача, для которой понадобился такой изврат …
0 votes5 answers -
Контейнер div выравнивание по горизонтали
Доброго времени суток! Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код: <div class="lmenubut"> <div class="catbut"> <table cellpadding="0" cellspacing="0" border="0"><tr><td align="center" valign="midd…
0 votes0 answers -
Проблема с позиционированием картинок или дивов внутри дива.
Здравствуйте, помогите разобраться с позиционированием картинок (или дивов) внутри дива. Вот так должен выглядеть сайт Так он выглядит без картинок Код на этом этапе <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Страница</title> <style> body{background-image:url('background.jpg');} div.container{margin:0 auto;width:1117px;height:100%;} div.header{height:250px;background-color:#F2F9FE;;} div.nav{height:40px;border-left:1px solid #F2F9FE;;} div.content{min-height:730px;background-color:#F2F9FE;;} div.footer{height:20px;text-align:center;color:#000000;font-size:10px;} div.menu-item{ background-color: #008…
0 votes6 answers -
Проблемы с трехколоночным макетом
Уважаемые гуру! уже несколько дней бьюсь с трехколоночным макетом.. Не могу сделать так, чтоб 3-я колонка поднялась вверх. Её что-то опускает вниз. Напишите в какую сторону копать.. Спасибо! index.html <html><header><link rel="stylesheet" type="text/css" href="style.css"></header><body><div id="main"> <div id="header">Header<div id="menu">Menu</div> </div><div id="clear"> </div><div id="wrap"><div id="left_col">left</div><div id="slideshow">Slideshow</div> <div id="content">Content</div><div id="right_col">Right</div></div><div id="clear…
0 votes19 answers -
Изменение цвета рамки у поля при фокусе
При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa
0 votes4 answers -
Табличная верстка
Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки. Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен. <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0…
0 votes6 answers -
Как вывести на РНР таблицу "зебра"
Подскажите, пожалуйста, принцип вывода таблицы на РНР с разноцветными строками. Как сейчас часто можно увидеть таблицу, где чередуется, например, серая и белая строка с данными.
0 votes4 answers -
float
Задача: Выставить в ряд 3 float:left, но запретить им перенос друг под друга при нехватке длины родителя. Есть варианты? А может float тут вообще не при чем? Может поставить в линию без переноса 3 резиновых блока можно как-то по-другому?
0 votes11 answers -
Ошибка в коде РНР
Имеется файл sing.php <? session_start(); error_reporting(E_ALL & ~E_NOTICE); require_once('./global.php'); if (isset($_SESSION['suserid'])) {$suserid=$_SESSION['suserid']; if ($suserid == '') {unset ($suserid);}} if ($suserid>0) { $sing = $vbulletin->db->query_first("SELECT name FROM usersing WHERE userid = $suserid");} if ($sing != "") { } else { $sing = "пусто"; } echo "{$sing[name]}"; ?> создаю модуль ob_start(); session_start(); $_SESSION['suserid'] = $post['userid']; include('./sing.php'); $sing[name] = ob_get_contents(); ob_end_clean(); если обратиться к sing.php напрямую показывает пусто если же в ставляю переменную из модуля $sing[name] в …
0 votes6 answers -
Верстка меню
Здравствуйте! Хочу попросить помощь в правке верстки меню... Верстал не я, но поправить надо! Меню сверстано на дивах так: <div class="header_menu"><div class="r"><div class="c"> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">4</a></li> <li><a href="">5</a></li> <li><a href="">6</a></li> <li><a href="">7</a></li> </ul> <div class="clear"><img src="site.ru/images/space…
0 votes9 answers -
Оформление блока
Добрый день, помогите реализовать оформление блока как на картинке: С закруглениями много материалов перечитал, но чтобы такое сделать, ничего найти не могу.
0 votes4 answers -
как сделать эффект нажатия кнопки
как сделать что бы при нажатии кнопка(не <button>) "впадала"
0 votes2 answers -
растянуть inline-block до конца строки
помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview
0 votes1 answer -
Google PageSpeed Insights Оптимизируйте код CSS
Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :
0 votes8 answers -
Кодировка
Здравствуйте! Столкнулся с проблемой. Вс? везде хорошо, а именно на одной странице сайта кодировка загружается турецкая ч? делать не знаю
0 votes8 answers -
нужна помощь в css
почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/
0 votes7 answers -
clear: left не убирает обтекание при стиле "div div { float: left
<div style="clear: left;"></div> в такой конструкции не отрабатывает <!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"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомп…
0 votes9 answers -
слайдер и форма связи.
Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так: 1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло. Вот хтмл-код формы: А вот сам скрипт : 2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.
0 votes3 answers -
вопросы по стилям списков
1. а можно сделать, чтоб у каждого пункта списка бяла своя картинка (предпологается фиксированное количество пунктов списка) 2. как выровнять по центру картинки содержимое пункта списка?
0 votes11 answers -
Неправильное отображение шрифта текста.
Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступ…
0 votes0 answers -
в IE и FF исходный текст (код html) открывается в новом маленьком...
в IE и FF исходный текст (код html) открывается в новом маленьком окне, а в Опере на всю страницу. Можно ли настроить чтобы в Опере открывались в маленьком окне? как в IE и FF
0 votes2 answers -
Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных
Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-