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
-
помогите с IE 7
http://jsfiddle.net/FhZuV/ В совместимости с IE 7 рамка уходит в сторону... Знатоки помогите, голова уже кругом идет...
0 votes6 answers -
IE8 doctype problem
Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?
0 votes4 answers -
Свойство box-sizing
Здравствуйте, скажите, пожалуйста, почему при добавлении к тегу header свойства border (border: 1px solid #000;) выпадает последний блок .right, ведь ко всем элементам применено свойство box-sizing: border-box;? http://jsfiddle.net/VQc5v/
0 votes4 answers -
Проблема с буквой а
вот верстаю сайт http://texteredsa.besaba.com/ справа есть форма введите в текстовые инпуты любые слова с буквой а и увидите в чем дело. буква а какая та не такая. шрифт нестандартный - HelveticaNeueCyr Light прогонял через http://www.fontsquirrel.com/tools/webfont-generator в фотошопе все отлично. почему так?
0 votes2 answers -
Кнопки навигации (перемещение в)
Народ помогите пожалуйста. Мне надо список "nav" сдвинуть за границы блока "wrapper" и расположить его по середине в строку. Посоветуйте пожалуйста, как это лучше сделать! <div id="wrapper"> <div id="header"> <ul id="nav"> </ul> <span class="logo2"></span> <a class="logo" href="</a></div><!-- end header --> #wrapper {width:925px;margin-right:auto;margin-left:auto;border: 1px solid #fff}#header {position:relative;height:180px;}#homepage #header {position:relative;}#header #nav {position:absolute;top:10px;left:-40px;list-style:none;}#header #nav li {float:left;margin:0 …
0 votes2 answers -
Не правильное отображение новостей в Chrome
Почему то не правильно отображаются новости
0 votes1 answer -
Редактирование поиска от Google!
Здравствуйте! В первоначальном виде форма поиска и кнопка "поиск" находятся на одной линии! Как перенести кнопку ниже, чтобы она отображалась под строкой поиска, ровно по середине экрана, загвоздка в том, нужно чтобы это отображалось аналогично и в телефоне, я использую свойство position (и в процентах, и в пикселах) перемещать кнопку получается, но в телефоне отображается всё иначе!!??? вот сайт puerhcatalog.com
0 votes1 answer -
не получается поместить кнопку в меню
пытаюсь поместить эту кнопку http://creation.x2x.me/files/knopka.txt в это меню вместо слов "Mission Statement" http://creation.x2x.me/files/menu.txt
0 votes0 answers -
Таблица в IE
Привет... Eсть небольшая загвоздка с таблицей. В IE 7 (может и в 6) плохо обрабативаеться ширина. Нужно чтоб td с класом sidebar был фикс примерно в 452 пикселя, в експлоєре ,я даже не пойму что с ним такое ссылка на страницу - http://p.deamind.com/fifabook/index.html
0 votes1 answer -
Анимация текста во флэше
Здравствуйте! У меня есть вопрос по поводу анимации текста. Вот собственно свф, в котором яркий пример нужного мне эффекта: BANNER На самом первом слайде текст Inquire... Как сделать такую анимацию текста подскажите пожалуйста?
0 votes0 answers -
генерирование таблицы
Всем привет. Наткнулся на такую проблему с тегом <tr>. Его надо генерировать при первом проходе цикла в перед тегом td (<tr>), а после второго прохода цикла за тегом td (</tr>). Одномерный массив надо вывести в виде таблицы (хотя бы в 2 колонки) при помощи только CSS ранее делал вот где то так $column = 1; foreach ($fields as $key => $value) { if ($column%2) { echo '<tr>'; } echo '<td>'; echo $value; echo '</td>'; if ( ! $column%2) { echo '</tr>'; } $column++; } Возможно это сделать не прибе…
0 votes1 answer -
Иконка в конце текста
Добрый день уважаемый форумчане! Возникли проблемы с вёрсткой. Суть такая, имеется блок с текстом, и нужно в конце текста вставить иконку. Вот так http://s1.ipicture.ru/uploads/20120908/5ko9S46F.png Пока в голову приходит не очень красивый вариант <span class="icon"> </span> Хочется узнать есть ли какой-то удобный и красивый способ на css? Заранее спасибо!
0 votes2 answers -
Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}
Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -web…
0 votes7 answers -
Опять я со своим кубом (не правильное вращение)
Вот адрес http://lesnoe.zz.mu/ там и стили прописаны сразу в html пробема в том что куб во время врщения сьезжает то влево - то в право как бы гуляет,хотя я опворачиваю его только по одной оси, в идеале должна просто сентся сторона и все... з.ы. по кубу надо щелкать
0 votes0 answers -
Дизайнерское меню
Добрый день! Дизайнер задизайнил меню на подобие приложенного. При наведении на пункт он меняет цвет ровно как и полоска идущая от него и область на которую она ведет и наоборот, при наведении на область происходит все тоже самое. Как реализовывается такое чудо?
0 votes2 answers -
Нужна помощь
Я пытаюсь изучить html по курсу верстка сайта с нуля . Создаю документ "полностью копирую " но при этом текст есть,но не в таблице, не выравниваеться по центру и тд. убил на поиски и эксперементы уже 3 дня помогите пожалуйста. вот код <!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="en" lang="en"> <head> <title> test2 </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <table border="2";> <tr> <tb> логотип </tb> <tb …
0 votes3 answers -
help me!
вывожу картинки на страницу в коде они есть а визуально нет <div id="soder"><h1>альтернативный текст</h1><br/> <?php $var1 = 'images/big/'; $var2 = scandir($var1); for($i=0;$i<count($var2);$i++){ if(($var2[$i] != ".")&&($var2[$i] != "..")){ $path = $var1.$var2[$i]; echo '<img href="'.$path.'" width="500" height="300"/>'; } } ?> </div>
0 votes1 answer -
Div не фиксируется в IE
Есть панелька, приклеенная к низу браузера. Во всех браузерах, кроме IE работает нормально. В ИЕ "едет" при скроллинге. Как исправить? http://www.minki.ru/mininotebooks.php?ddd=2
0 votes4 answers -
Мобильная верстка. Автоматическая подсветка тапнутых элементов.
Добрый день. При верстке странички для android возникла проблема. При тапе на определенном диве, он автоматически подсвечивается средствами браузера (желтая область с оранжевыми границами). Каким образом возможно убрать эту подсветку?
0 votes2 answers -
IE9 - режим совместимости
Подскажите пожалуйста, как сделать, чтобы при открытии сайта через ИЕ9, режим документов: стандартный ИЕ9, т.к. по-умолчанию он идёт "совместимый"
0 votes1 answer -
масштабирование под размер div
Здравствуйте Подскажите как реализовать так, чтобы изображение сжималось под размер div-а (у которого размер строго задан)? Ну тоесть если размер div меньше размера изображения, то оно не "отсекалось" бы а масштабировалось
0 votes2 answers -
Тег <progress>
Как изменить цвет движка в теге <progress>, чтоб он был не зеленый, а, например, красный?
0 votes0 answers -
JS слайдер
необходимо добавить активные кнопки "вперед/назад" для JS слайдера. slider.js var currentImage; var currentIndex = -1; var interval; function showImage(index){ if(index < $('#bigPic img').length){ var indexImage = $('#bigPic img')[index] if(currentImage){ if(currentImage != indexImage ){ $(currentImage).css('z-index',2); clearTimeout(myTimer); $(currentImage).fadeOut(250, function() { myTimer = setTimeout("showNext()", 3000); $(this).css({'display':'none','z-index':1}) }); } …
0 votes0 answers -
настройка htacess
Стоял редирект с lidomed.com.ua на алиас parkes.org.ua в htaccess. Теперь я удалил этот редирект, но в опере и хроме редирект остался. Как это исправить? AddDefaultCharset windows-1251 RewriteEngine on #RewriteCond %{HTTP_HOST} ^www\. #RewriteRule ^(.*)$ http://lidomed.com.ua/$1 [R=301,L] RewriteCond %{THE_REQUEST} /index\.php RewriteRule ^index.php$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /index\.html RewriteRule ^index.html$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /lechenie\.html [OR] RewriteCond %{THE_REQUEST} /contacts\.html [OR] RewriteCond %{THE_REQUEST} /opisanie\.html [OR] RewriteCond %{THE_REQUEST} /diagnostika\.html Rewri…
0 votes0 answers -
Проблема с адаптацией
Дело в том , что я установил несколько плагинов аккардеонов и они при открытии не изменяют страницу, а просто выходят за границу, пробовал ставить overflow с скроллером, но скроллер всё портит, есть какой-либо другой способ?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-