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
-
100% высота div'a относительно родителя
есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?
0 votes9 answers -
Как работает адаптивность в Bootstrap?
Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.
0 votes3 answers -
Разная длина <input> в браузерах
<input type="text" name="first name" /> Без добавления своих размеров такое вот обычное поле имеет разницу в длине! Mozila FireFox 2.0.0.20, Internet Explorer 6 - имеют одинаковый размер Opera 10.10 - меньше на 6px Вчем же проблем? Наперед всем спс за ответ
0 votes24 answers -
META charset
у меня по умолчанию на всех страницах Dreamweaver ставит charset=utf-8 хоту изменить на windows-1251. В чем разница и что может измениться.
0 votes14 answers -
текст выходит за рамки блока в фф.
в фф текст нагло вылезает снизу блока и ползет прям по всем элементам.. ) в ие 6 все норм. оверфлову хидден не катит, потому, что я считаю глупо скрывать часть контента, и полосы прокрутки тоже не катят, не сочетается с дизайном сайта. хочется, чтобы было как в ие 6, добавляешь текст, и блок автоматически расширяется, сдвигая футер ниже и текст не вылезает.
0 votes28 answers -
Вопросы к знатокам
Приветствую всех кто так или иначе освоил html, php, css! Мне очень нравится заниматься разработкой сайта http://handbookhmm1.narod.ru/ посвященному игре герои меча и магии. Но, я понимаю, что необходимо двигаться дальше, переезжать на платный хостинг, ставить нормальный форум. Развивать проект. В Интернете огромная куча информации, но она такая противоречивая и размазанная, что для обычного обывателя – нуба (вроде меня), является непонятной и нереализуемой на практике. Перечислю мои проблемы: 1. Размещаю новости здесь http://handbookhmm1.narod.ru/news.html, путем редактирования с последующей заменой файла news.html. Очень хотелось бы, что бы новости можно было бы добав…
0 votes50 answers -
Отступы вокруг картинки в опере/мозилле
У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя ————-! ! картинка ! опера и мозилла ! ————-! ————-! картинка ! IE ————-! пробовал margin: 0px - не помогло
0 votes7 answers -
В мобильной версии сайта ломается скролл на iphone
Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-botto…
0 votes4 answers -
Как вывести информацию в нужный div при нажатии на ссылку ?
подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !
0 votes4 answers -
Чем отличается верстка под разные движки?!
Всем привет! Давно интересует вопрос! Поделитесь информацией или полезными ссылками кто что знает про особенности верстки под разные движки (я имею ввиду такие популярные системы управления как Joomla, ModX, Bitrix, Drupal, Вордпресс, DLE) Если заказчик говорит фразу "Нужно сделать шаблон для движка DLE" это подразумевает с моей стороны, как верстальщика, вставлять какието особенности или эта задача человека который будет эту верстку интегрировать на данную CMS. Всем спасибо!
0 votes27 answers -
Текст под картинкой в ссылке
Приветствую. Столкнулся с проблемой. Может просто не догоняю, или устал просто. Что нужно? Нужно в ссылке выводить картинку и под ней текст. Все через CSS. Тут сложного ничего нету, но проблема в padding'е. Пример. Есть CSS #menu li.home a {float:left;display:block;width:49px;height:48px;background: url(../img/sour.gif) no-repeat -169px -6px;} #menu li.home a:hover {background-position: -169px -57px;} И есть сcылка <li class="home"><a href="/" title="Главная">Главная</a></li> Таким образом текст(Главная) по середине картинки. Как опустить текст под картинку? Если ставить padding, то тогда высота li будет в два раза больше и отодвигает другое меню…
0 votes34 answers -
Выравнивание background-image
Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…
0 votes10 answers -
Проблемы с табличной версткой в WinIE
Доброго дня! Занимаюсь табличной версткой. Вот код макета (с вложенной таблицей): <!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>Table Layout</title> <style type="text/css"> html,body { margin:0; padding:0; } html { height:100%; } body { height:100%; padding:0; margin:0 auto; width:80%; min-height:100%; position:relative; } *html body { height:100%; } table { width:100%; height:100%; border:1px soli…
0 votes19 answers -
Как сделать ссылкой всю строку таблицы?
Ситуация следующая: есть длинная таблица, в таблице каждой строке соответствует одна ссылка, как сделать так, чтобы при щелчке на поле любой ячейки в одной строке можно было перейти на ссылаемую страницу? PS: Кроме того хочется чтобы при наведении на любую ячейку менялся бы цвет всей строки, но это наверное легко както сделать с помощью hover'а?
0 votes6 answers -
Подключение в файле сss скрипта для окргления углов в IE
В файле style.css eсть код для округления углов в IE .ieroundbox{ ... behavior: url(border-radius.htc); /* подключаем наш htc скрипт который и будет округлять углы в ie*/ } Но IE его не видит. Сам файл border-radius.htc лежит в одной папке с style.css. Пробал задавать разные url ../border-radius.htc ./border-radius.htc и полный путь, но все равно IE, что то не нравиться. В IE углы не округляются P.S Cам файл style.css по отношению к главному файлу index.php находиться в sk/css/style.css и здесь же border-radius.htc
0 votes23 answers -
3 колонки - как выровнять по центру
привет всем, использовал эту статью: http://www.htmlbook.ru/content/?id=100 все вроде понятно. но как теперь все выровнять по центру? я пробовал делать слой контейнер, задавать align = center, пробовал body text align и т.д. ничего не помогает. подскажите, пожалуйста, как правильней сделать.
0 votes4 answers -
Подключение Myriad Pro Light шрифтов
Запарился уже искать решение для этой задачи... В общем необходимо подключить шрифт Myriad Pro Light. Начал делать через Cufon, но при загрузке шрифтов, всего 4 варианта типа (regular, bold, italic, italic bold), соответсвтенно если использовать regular или любой другой, Light - пропадает. Скорее всего я что-то упустил из виду, ребят, могли бы пожалуйста подсказать решение данного вопроса.
0 votes1 answer -
При появлении скролла, контент, привязанный по середине прыгает
В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…
0 votes5 answers -
Позиционирование кнопки.
Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?
0 votes7 answers -
Важный вопрос!
Недавно узнал,что есть какие то Программы в интернете,которые сами за тебя могут сделать сайт,но я так понял по разговорам,что на данный момент они не заменят настоящего,живого программиста,так вот.отсюда вопрос: Может ли такое случиться,что допустим через лет пять все эти Программы доработают и сделают предположим такую,которая будет Профессионально делать сайты.покруче всякого Верстальщика,Программиста,Дизайнера и т.д..в итоге получиться,что все эти Люди потеряют работу или останутся тока сильнейшие,которые умеют делать что нибудь супер-изысканное. Ведь с учётом того.что сейчас так быстро всё развивается,такое возможно? Что вы думаете по поводу этого? Если можно.по…
0 votes28 answers -
HTML-редактор
Добрый день! Обращаюсь за помощью: какой редактор html выбрать для профессиональной верстки сайтов? В интернете пишут, что неплохой редактор notepad++. Сейчас практикуюсь в нем. Но есть большой минус: программируя в Delphi, я привык к вложенной структуре, когда вложенные элементы отображаются с некоторым отступом от внешних. По-моему это удобно. Здесь в практикуме решение задач также приводится с учетом вложенности. Расскажите, какой редактор Вы используете? Подскажите, есть ли такая возможность в HomeSite 4.0?
0 votes35 answers -
Не работает position:relative на tbody, tr, td
https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???
0 votes9 answers -
frD-Разъезжается таблица..
Доброе время суток, вот была таблица <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"> <!--start logo--> <tr> <td colspan="3" width="790" height="150" valign="top" background="images/centr.gif"><img id="logo" src="images/lev.gif" width="346" height="150" align="left" hspace="0" alt=""><img src="images/lr-1.jpg" width="135" height="150" align="right" hspace="0" alt=""></td> </tr> <!--end logo--> потом добавил еще картинку и отсновной текст, ниже этой таблицы разползся в ширину <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"…
0 votes17 answers -
Одинаковая ширина <LI> взависимости от ширины <UL>
Есть вот такое меню: <style> ul{ width:1000px; } li{ float:left; } </style> <ul> <li>First</li> <li>Sekond</li> <li>...</li> <li>...</li> </ul> Нужно что бы элементы меню были одинаковыми по ширине и заполняли вместе всю ширину <ul>. Тесть если <ul> размером 1000px и элементов 4, то ширина элементов должна быть 250рх, если 5 то 200рх и т.д. Количество пунктов будет меняться, соответственно прописать это явно не получиться. На ум приходят таблицы и скрипты, но ни то ни другое использовать не хочется, есть ли какое нибудь другое решение?
0 votes6 answers -
Подключение CSS через Javascript
Как подключить через Javascript для Мозиллы? Для оперы: <script type="text/javascript"> if(window.opera) {document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');} </script> Для IE можно не использовать java script: <!--[if IE ]> <link rel="stylesheet" type="text/css" href="style/ie.css" /> <![endif]--> Подскажите как для IE. Только я не прошу о хаках говорить Заранее спасибо
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-