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
-
Шрифт в Mozilla
Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?
0 votes4 answers -
Проблема с версткой - футер и общий макет
Здравствуйте. Такая вот проблема. Сверстал макет сайта. Главная нормально, но при переходи на статью где мало инфы сай сокращяется и футер вместе с ним поднимается наверх. А если статья очень большая то половины новости выходит за сайт. Помогите, что делать? Сайт http://saleguitar.ru/ пример http://saleguitar.ru/main/1-post1.html
0 votes9 answers -
как установить Div в нужное положение
Господа, подскажите как поставить див в нужное положение. Теперь у меня так: А я хочу что бы div LANG был перед 'my profile'. Html: code <div id="menu"> <div id="language">LANG</div> <div id="navigation"> <ul> <li>My profile</li> <li>My Ads</li> <li>Login</li> <li>Signup</li> </ul> </div> </div> CSS: code #menu { float:right; width:660px; } #language { float:right; padding-top:5px; padding-right:10px; font-weight:bold; } …
0 votes4 answers -
HIEGTH 100%
Приветствую. Заранее извиняюсь если подобная тема уже где то была на этом форуме, полазил по искал но ответа так и не нашол. В вёрстке новичёк поэтому не обесутте. Сперва опишу что мне надо, а потом опишу как я пытаюсь это делаьт. Мне надо страницу разбить на фреймы. Каждый фрейм будет окаймлён какой либо границей для визуальности, и в каждом фрейме будет выводится своя информация. Проблема в том что я не могу нарисовать это самое окаймление фреймов, ни таблицами ни дивами, вылазиют за пределы окна фрейма. Вот по какому пути я шол. Страница. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd"> <html > <head…
0 votes9 answers -
Проблема с псевдоклассами CSS
Добрый день! Есть следующий код: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Псевдоклассы</title> <style> a:link { color: #0f0; } a:visited { background: #f00; } </style> </head> <body> <p> <a href="1.html">Первая ссылка</a><br/> <a href="2.html">Вторая ссылка</a><br/> <a href="3.html">Третья ссылка</a><br/> <a href="4.html">Четвертая ссылка</a><br/> <a href="5.html">Пятая ссылка</a> </p> </body> </html> Открываю страницу в Chrome, перехожу по первым …
0 votes3 answers -
Проблема вкладок-табов в IE
Ребята, помогите, пожалуйста! Уже не знаю где искать ответ. Проблема в том, что IE8 не хочет правильно отображать вкладки на моем сайте! В Мозилле, Хроме, Опере и Сафари все отлично, а вот в Эксплорере просто кошмар! Меня интересует вот эта страница: http://www.napule-de-canzone.com/teksty.html#tab2 Почему IE глючит???? Вот HTML: <div class="menu1"> <br id="tab1"/><br id="tab2"/><br id="tab3"/><br id="tab4"/><br id="tab5"/><br id="tab6"/><br id="tab7"/><br id="tab8"/><br id="tab9"/><br id="tab10"/><br id="tab11"/><br id="tab12"/><br id="tab13"/><br id="tab14"/><br id="tab15"/>…
0 votes8 answers -
Вывести в alert CSS свойство
Тям опять иссяк Подскажите пожалуйста, как в команду alert вывести что-то из стиля блока див, что прописано в отдельном CSS файле а не в теге div? Вот пример, border и fontSize вылазиют, а width и прочее нет, т.к они не прописаны в теге. (кликните по блоку) http://jsfiddle.net/bYdmj/2/
0 votes6 answers -
Проблема с вложенностью блоков
Вот есть у меня уже сверстаный блок. Вот его код: <div id="line1"> <div class="block-line1"> <div class="block-header"> <h1>About WhiteSquare</h1> <span></span> </div> <div class="block-body"> <div class="block-image"><img src="images/img1.png" alt="" /></div> <div class="block-text"> <p>In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean augue arcu, convallis ac vulputate vitae, mollis non lectus. Donec hendrerit lacus ac massa ornare hendrerit sagittis lacus tempor…
0 votes2 answers -
В IE вместо фона отображаются полосы высотой 1 пикс.
Привет всем! У меня такая проблема: В IE вместо фона отображаются полосы высотой 1 пикс. Причину я знаю - в IE не поддерживается background-size http://jsfiddle.net/kG8x4/ Фулл-скрин:http://jsfiddle.net/kG8x4/show/ Как это исправить?
0 votes1 answer -
FOOTER как решать ?
Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет
0 votes1 answer -
NAME=""
Неужели не все элементы HTML имеют параметр name? Очень нужен параметр name для элемента table. И вроде не работает. Так вот есть ли у table параметр name???
0 votes11 answers -
аномальная навигация
Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …
0 votes6 answers -
Скрытие и отображение части web-страницы
Добрый вечер. Подскажите пожалуйста скрипт или метод для того, чтобы по нажатию на (допустим дату) появлялись события за этот день, т.е. что-то вроде аккордеона,как в меню используется, но только применительно к части веб-странице, а не ссылки. Пример: 10_01_2010 - нажали - выехал снизу кусок текста с табличкой и т.д. со своими внутренними ссылками. 11_01_2010 -нажали - старое спряталось и выехал новый текст со своими ссылками внутри.. и т.д. В общем получилось реализовать с помощью вложенности <ul> и <li> , но ссылки внутри той части которая скрывается/отображается (т.е. внутри <li>) не работают (просто не нажимаются)
0 votes5 answers -
Reserve a table
Страница с формой регистрации столика от ресторана Bella Motel. Сама страница выглядит так. Нельзя Продавать PSD-файл или использовать его в своей работе. Заимствовать элементы дизайна. Можно Указывать полученный результат вёрстки в своём портфолио. Задание 1. Верхняя и нижняя часть макета тянутся по ширине окна. 2. Контент фиксированный, ширина 940px. 3. Используются шрифты Roboto Condensed, Lobster, Open Sans, подключить их через Google Fonts. 4. Сделать ссылками - логотип, верхняя навигация, нижняя навигация, Home в хлебных крошках, ящик эл.почты, "Book Now", иконки соц.сетей. 5. Ширина полей формы и блока "Reservation Discounts" имеет фиксированные размеры. 6. В форм…
0 votes3 answers -
как сделать?
Подскажите пожалуста, как правильно порезать http://clip2net.com/s/1fznk? делать ввиде меню? версткой только начинаю заниматься.
0 votes10 answers -
Построчный перенос пунктов меню
Впервые попала на проект с серьезным адаптивным дизайном, и спросить на проекте не у кого. Задача: обычное меню. При больших разрешениях выводится в одну строку, каждый пункт меню однострочный. При среднем размере экрана каждый из пунктов меню должен стать двухстрочным (т.е. не пункты переносятся на вторую строку, а каждый пункт сам по себе в 2 строки начинает располагаться). Вот набросала костяк: http://jsfiddle.net/8cSLF/ Немного игралась с white-space - не вышло. По идее, можно указать ширину для каждого пункта меню, и тогда текст автоматически будет переноситься в его границах, но все пункты разные, и эта идея кажется какой-то "костыльной". Вспомнила, что есть таблицы…
0 votes4 answers -
Работа с bootstrap
Добрый день! Начал изучать bootstrap, вроде пока все понятно. НО появился один вопрос - если делать только на bootstrap'е то получается не очень красиво, как изменять стандартные стили?, нужно создать например, файл style.css копировать с bootstrap.css? Как если я верстаю псдш-ку, применить, например bootstrap?
0 votes2 answers -
Текст независимый от div
Здравствуйте. Подскажите пожалуйста. Как сделать что бы текст не переходил на другую строчку на границе div?
0 votes3 answers -
less - что-то пишу не так.
Скажите, что не так в этой строчке .margin (@font-size) when (@font-size>=2) and (@font-size <= 4) { top: 10px; } Выдает ошибку expected expression in style.less бла-бла-бла Из лесс выражений это единственное в этом файле.
0 votes13 answers -
Коммерческая верстка!
Добрый день! Собственно интересует вопрос о том кто как и когда начинал верстать за деньги. Интересует насколько вы были хороши, что умели, когда брались за первую оплачиваемую работу? Где находили первых заказчиков? Ну и наставление для тех кто уже не так зелен и хочет начать зарабатывать этим увлекательным занятием, заранее всем спасибо!
0 votes12 answers -
Карта на фон страницы контакты
Привет всем. Не могу понять, как сделать карту google на фон страницы контакты, как в данных примерах: http://www.thelocals.co.nz/about-us/our-location/ http://www.scs-ntech.ru/kontakty/ На этих сайтах при перемещении мышки по странице и прокрутке роликом карта не увеличивается. Основная проблема с которой я столкнулся - это то что при прокрутке роликом мыши невозможно листать страницу, так как увеличивается и уменьшается карта. Вопрос, как реализовать данную возможность.
0 votes3 answers -
Выравнивание колонок в SELECT
<select> <option disabled>Имя Фамилия №телефона</option> <option>Андрей Мартыненко 123456789</option> <option>Кирил Богун 123321456</option> <option>Игорь Лях 258852123</option> </select> выводит: Имя Фамилия №телефона Андрей Мартыненко 123456789 Кирил Богун 123321456 Игорь Лях 258852123 а нужно с выравниванием каждой колонки: Имя Фамилия №телефона Андрей Мартыненко 123456789 Кирил Богун 123321456 Игорь Лях 258852123 пока спасаюсь анализом длины в php скрипте и добавлением тоесть своей фун…
0 votes2 answers -
Выбор селектора верхнего уровня
Слышал, что родительских селекторов верхнего уровня не существует, как тогда быть в такой ситуации: страница контактов, при наведении на адрес должна появляется картинка (карта) сверху с соответствующим адресом например при наведении на желтый, зеленый блок становился синим
0 votes3 answers -
Как прописать в value " и '?
Как создать, к примеру, кнопку Submit с надписью " 'submit' " на ней? Простое не помогает.
0 votes1 answer -
Зафиксировать слой
всем привет! как зафиксировать слой в низу экрана что-бы при прокрутке страницы он оставался на месте .
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-