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
-
Проблема с блоками в таблице
Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. Код вот такой: <table class="char-table-two" ><tr><td><span>Ширина</span></td><td><span>мм</span></td><td><span>646<br />646<br />646<br />646</span></td></tr><tr><td><span>Глубина</span></td><td><span>мм</span></td><td><span>530<br />530</span></td></tr> </table> .char-table-two { b…
0 votes4 answers -
Проблема cо ссылкой
Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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=utf-8" /><link rel="stylesheet" type="text/css" href="sty…
0 votes4 answers -
Выбор способа разметки двух колонок
Имеется: два столбца, левый - фиксед, правый - резинка, обернуты контейнером. Требуется: подобрать способ разметки, желательно простой и удобный, или указать на достоинства и недостатки приведенных ниже способов, найденных мной в интернете. 1й: http://jsfiddle.net/2ydUW/3/ 2й: http://jsfiddle.net/2ydUW/2/ HTML: <!DOCTYPE html><html> <head> <title>var. 2</title> <link rel="stylesheet" href="css/main.css"> <script src=""></script> </head> <body> <div class="wrap"> <div class="leftColumn"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodal…
0 votes4 answers -
Пока не нажата кнопка выполнять код
$(document).ready(function() { while !( $('.div').click()) { какой-то код } }); что не так? весь код из-за этого отваливается...Не помогает // $('.div').click(function(e){break;}); и не while $('.div').click())=false какой-то код }
0 votes4 answers -
font
В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???
0 votes4 answers -
Маркер перед заголовком
Здравствуйте! Столкнулся с проблемой - необходимо перед заголовком h2 сделать маркер в виде квадрата. Маркер я сделал, а вот правильно позиционировать его не могу. Помогите, пожалуйста, разобраться. Вот код - http://jsfiddle.net/GmRPE/
0 votes4 answers -
Глюки меню на iphone/ipad
На сайте organic-box.ru с помощью css реализована смена меню и ее пунктов в зависимости от размера экрана. Почему-то в мобильной версии при входе с iPad или iPhone имеются глюки с главным меню, а также возможно с некоторыми другими элементами на сайте. При входе с пк и уменьшении браузера, а также с android или онлайн симуляторов все в порядке. К сожалению заказчик находится удаленно и объяснить толком не может что там происходит. А под рукой нету продукции apple. Буду благодарен за помощь, не очень хочется качать и ставить эмуляторы, но если так не получится исправить, то увы придется.
0 votes4 answers -
Про margin
Чем отличается margin: auto; от margin: 0 auto;
0 votes4 answers -
Оцените CSS код трёх колоночного каркаса и как убрать толстые линии?
http://jsfiddle.net/3j39P/ <div class="layout"> <div class="sidebar">Меню</div> <div class="content">Контент</div> <div class="sidebarR">Реклама</div> </div>.layout{ width: 1000px; margin:auto; position:relative; }.sidebar, .content, .sidebarR{ position: absolute;}.sidebar{ width: 150px; height: 150px; border:1px solid;}.content{ width: 150px; left:150px; width: 700px; height: 500px; border:1px solid;}.sidebarR{ width: 150px; left:850px; width: 150px; height: 150px; border:1px solid;}
0 votes4 answers -
Как реализовать подобный скролл?
http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg
0 votes4 answers -
С точки зрения кодинга
имеется следующая конструкция $('a.ssilka1').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka1i.html"; }); $('a.ssilka2').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka2.html"; }); и так далее... и таких много ввиду того что я не больше не знаю как можно подгрузить во фрейм данные... ничего что так много функций или я нуб и должен молится великому КАА и переделать???
0 votes4 answers -
Как разрешить выход за левую границу окна браузера
В общем-то суть проста - заказчик хочет, чтобы сайт был размером 1920px в ширину, а при меньшем разрешении "уши" отрезались. Можно ли это реализовать средствами css? (как реализовать на js представляю, но хочу именно через css). По сути надо как-то разрешить дочернему элементу выходить за левую границу родителя, иначе он уезжает в правую сторону.
0 votes4 answers -
Сайт - таблица, устарело?
Недавно мне пытались внушить, что сайт, построенный на основе таблиц, является устаревшим вариантом, и в дальнейшем будет очень не удобным из-за "модификаций" браузеров. Правда ли это? (http://truebooks.ru/ )
0 votes4 answers -
Проблема с configuration.php
Здравствуйте! Внезапно обнаружил косяк с сайтом. Дело вот в чем, если в браузере набрать адрес сайта www.ophmao.ru , то он отображается не правильно, т.е. выводит не Главную, а список материалов одной из категорий. Но если набрать в браузере (что я всегда и делал) просто ophmao.ru (т.е. без www), то все корректно. В файле configuration.php нашел следующую строку public $live_site = 'http://ophmao.ru'; Соответственно я попытался исправить ситуацию добавив тройное W в строку. Ситуация поменялась на противоположную. Т.е. без www отображается не корректно. Как победить? Что крутить и куда вертеть? Очень буду признателен за помощь.
0 votes4 answers -
Как убрать рамку в поле поиска в хроме?
В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…
0 votes4 answers -
Что бы блоки не расходились ?
Здравствуйте! Пытаюсь сделать резиновый сайт, но как-то не очень получается... Кроме проблем с размерами встретилась такая проблема: При уменьшении сайта (ctr + - ) у меня расходятся. Т.е. 2 div блока: float: left & float: right; Но, когда уменьшаю сайт - каждый улетает в свою сторону, при увеличении, оба сдвигаются на центр. Вообще, хочу сделать правую сторону фикированную (меню), а левую (конент) обычную, т.е. с прокруткой. - первый div: контент, второй: меню Как я понял, проблема в том, что меню у меня: position: fixed; Но жду Ваших советов.
0 votes4 answers -
Что с yandex картами? Как установить на сайт?
вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался
0 votes4 answers -
min-height не работает при float:left
Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…
0 votes4 answers -
bxSlider вопрос по поводу функционала
Захотелось запихать в страницу 2 слайдера разного внешнего вида. Используется bxSlider. Вопрос как это реализовать? Написать стили для второго слайдера в html коде, а первый берет стили из bxslider.css ?
0 votes4 answers -
Подключение шрифтов
Здравствуйте! Вот как я подключаю шрифты. @font-face { font-family: 'Elzevir'; /* Имя шрифта */ src: url('fonts/Elzevir.ttf'); /* Путь к файлу со шрифтом */ }Но тут попался css файлик с таким кодом @font-face { font-family: 'LearningCurveProRegular'; src: url('fonts/LearningCurve_OT-webfont.eot'); src: url('fonts/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LearningCurve_OT-webfont.woff') format('woff'), url('fonts/LearningCurve_OT-webfont.ttf') format('truetype'), url('fonts/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg'); font-weight: normal; font-style: normal;}Подска…
0 votes4 answers -
Границы внутреннего блока выходят за границы внешнего
Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <p id="block">Содержимое блока</p> #block { padding: 10px; margin: 5px; width: 500px; border-style: solid; border-width: 2px; border-color:#faa21a; } У блока с черной рамкой такой: body { border: 2px solid #111111; padding:0; margin: 0 auto; width:500px; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?
0 votes4 answers -
При наведении на ссылку, остальные должны темнеть (становится серыми) / JavaScript
При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: ur…
0 votes4 answers -
Переопределение свойств в bootstrap?
Подскажите ребята, нужно переопределять в twitter bootstrap свойства, например .row-fluid .span9? если на моем макете ширина этого блока составляет 68,8%, основная часть, и сайдбар span3 - 26,8%, а в основном файле бутстрапа 75% и 23.4? Как работать с этими колонками, чтоб потом ещё сверстанный макет получился пиксель в пиксель?
0 votes4 answers -
Как добавить элементу свойства фокуса?
Как добавить любому элементу свойства фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.
0 votes4 answers -
редирект в .htaccess
Добрый день уважаемые разработчики. Есть вопрос по поводу редиректа. Прочитал кучу материала но до меня что то не доходит как реализовать такой редирект? *sait.com.ua/s-etogo/* -> *sait.com.ua/na-etot/* Спасибо!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-