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
29,542 questions in this forum
-
Вертикальное Выравнивание Текста
На просторах интернета нашел такое колдунство: <!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>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 10px; } input { height: 200px; line-height: 200px; text-align: center; font-size: 24px; -mos-transform: rotate(-90deg); border: red 1px …
0 votes16 answers -
Проблемное меню
В вёрстке как бы не новичок, но возникла заминка с меню. Реально ли сделать в точности как на изображении? Начал делать, само собой разумеется, списком. Но пока получается не айс...( Спасибо.
0 votes2 answers -
верстка окна чата для сайта
Добрый день! Моя задача - создать описание такой вот странички в CSS, фиксированного размера 1000x600(px). Не знаю как подступиться , помогите хорошим советом. Заранее благодарен, скрин требуемого скелета ниже. С этой проблемой вроде как разобрался, не уверен правда в грамотности кода на CSS =) Но вот например возникла довольно таки часто встречающаяся ситуация с версткой подобных вещей. Как грамотно описать в css? я описывал примерно так, правильно ли это? .history_options_bar { /*background-color:#0CC;*/ width:100%-20px; height:auto; padding: 10px; outline:1px solid grey; font-size:14px; } .checkbox input { border:solid 1px grey; } #message…
0 votes1 answer -
Тормозит прокрутка
Вот получилась такая прокрутка http://669327.insturbo.web.hosting-test.net/ Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes1 answer -
Как прижать к низу элемент навигационного меню
Пытаюсь прижать к низу элемент навигационного меню. Получилось абсолютно позиционировать эл-т относительно .navbar вот так http://plnkr.co/edit/q3nTJA48nmEgzjGG1LE1?p=preview Однако, при уменьшении окна либо увеличении контента (кол-ва пунктов меню) http://plnkr.co/edit/3RFQhisLDGvGDKrZ535g?p=preview, абсолютно позиционированный пункт меню перекрывает соседние пункты. Как исправить такое поведение? И еще вопрос. Для экранов планшетов и мобильных устройств (ширина < 992px) при разворачивании меню абсолютно позиционированный пункт перепрыгивает от конца контента к низу страницы. Визуально происходит передергивание изображения. Можно ли этого избежать?
0 votes5 answers -
Выравнивание ПОДтаблицы
Вроде форумом не ошибся))) Помогите траблу убрать..... Первая таблица уезжает вниз. Как сделать что б их шапки были на одном уровне? Заменить две таблицы одной не предлагать -- данные генерятся динамически, поэтому это исключено. <table border=1> <tr><td> <table style="vertical-align: top;"> <tr class='title'><td>Òåëåôîí</td><td>Äåéñòâèÿ</td></tr> <tr class='subtitle'> <td><p align="left">......</p></td> <td><a href='.......'>Ðåäàêòèðîâàòü</a> <a href='......'>Óäàëèòü</a></td> </tr> <tr class='subtitle'>…
0 votes2 answers -
нужна Ваша помощь
Доброго времени всем! Нужна Ваша помощь! Как сделать страничку с отзывами? Возможно ли это средствами CSS сделать??
0 votes8 answers -
Меню выезжает за пределы блока контента
Здравствуйте! У меня проблема с меню, оно выезжает за пределы блока контента. Вот HTML код: <div id="content"> <div id="leftcol"></div> <div id="rightcol"></div> <div id="main"></div> </div> CSS код: div#content { width:960px; margin:auto; border: 1px solid #bababa; background-color: #ffffff; } div#leftcolumn { width:180px; float:left; height:500px; margin:10px; } div#rightcolumn { width:180px; height:500px; float:right; margin:10px 10px 10px 0px; } div#main { margin:10px 0px 0px 200px; width:560px; } Получается блок CONTENT растягивает вниз только блок MAIN, а боковые нет. Как исправить? Скриншот: Поиском я пользовал…
0 votes7 answers -
Footer (картинку Вниз!)
Чего-чего не ожидал, так это столкнуться с такой проблемой: Каждый, наверно, знает, что картинке можно задать align, чтобы картинка упиралась бесконечно вправо, влево... а как же сделать, чтобы она упиралась вниз?? <img src="under.jpg" width="900" height="382" align="absbottom" valign="absbottom"/> - нифига <img src="under.jpg" width="900" height="382" align="bottom" valign="bottom"/> - тоже нифига Все перепробовал, подскажите что делать. Спасибо.
0 votes13 answers -
COLSPAN и IE
Вот пример таблицы <table width="100%" border="1"> <tr> <td colspan="3">Let me show you somthing</td> </tr> <tr> <td>A</td> <td width="32">B</td> <td width="32">C</td> </tr> </table> Во всех браузерах которых проверял, все нормально, а в IE ячейки вместо width=32 сбиваются на неизвестную величину. Подскажите пожалуйста варианты решения. P.S. Версия IE 8.0
0 votes10 answers -
Меню jquery
Всем привет, подскажите как создать такое меню на jquery Можно и на css. Просто хотел бы сам написать, но не знаю с чего начать. Методики, чтоль незнаю))
0 votes5 answers -
Горизонтальное меню
У меня горизонтальное меню состоит из 4-ых ссылок. Роль ссылки играет картинка с надписью, помещенная в плавающий контейнер. (каждая ссылка помещена в такой контейнер). Проблема заключается в том, что при уменьшении окна браузера, самая левая ссылка ползет налево на обычную картинку. Хочу создать распорку, чтобы поместить туда все ссылки, но че до конца не догоняю, не получается.((( Подскажите, товарищи. Вот код CSS ссылок: div.imagecaption2 { float: right; width: 182px; margin: 0 0em 0em 1em; padding: 6px 6px 4px 6px; display: inline; text-align: center; border-color: #CCC #999 #999 #CCC; border-width: …
0 votes0 answers -
Общая полоса прокрутки для 3х фреймов
Есть 3 фрейма(столбцы). Как сделать одну полосу вертикальной прокрутки? Привязать их друг к другу так сказать... и было бы круто, если бы эта полоса была справа. Заранее спасибо.
0 votes3 answers -
Ищу layout с колонками одинаковой высоты
Подскажите, пожалуйста, layout, сделанный на div, с колонками одинаковой высоты и состоящий из шапки, трёх колонок и футера. При этом высота колонок должна быть сделана без использования каких бы то ни было скриптов, сам layout должен быть резиновым, а колонки идти на всю высоту экрана, даже если в них ничего не будет. Плюс layout должен быть кроссбразерным и нормально работать в IE6 и прочих проблемных браузерах. В общем, ищу что-то такое. Пока удалось найти устаревшие layot'ы, которые делались ещё для нормальной работы в IE4, но это не совсем то, что надо. Там либо есть javascript, либо приёмы вёрстки устаревшие. Спасибо!
0 votes4 answers -
Помогите найти ссылки в коде
Добрый день! Народ, помогите пожалуйста найти ссылки в коде, они встроены прямо в шаблон. Все перерыл через total commander и вручную просмотрел возможные места. Ссылка на страницу где можно посмотреть ссылки здесь. Ссылки находятся в двух местах в блоках <div id="jb-jm"></div> Прикрепляю архив с файлами. Здесь не поместился, залил на народ. Вот ссылка 17.3 мб
0 votes9 answers -
Расположить изображение
Всем привет. Нужно расположить изображение, как на рисунке. Справа внизу. Проблема в том, что контент может быть разной высоты, внутрь меню тоже не засунуть, меню фиксированной высоты. Position: relative создаёт полосу в контенте. Float: left располагает изображение поверх контента слева от меню. Есть идеи? Заранее спасибо.
0 votes10 answers -
определить шрифт рамблера
помогите пожалуйста определить что за шрифт используется тут: у меня задача написать этим шрифтом другую надпись. проблема в том, что эта надпись сделана через svg, а значит название шрифта узнать нельзя
0 votes5 answers -
Непонятный контур на кнопке
Не могу разобраться что за контур появляется на кнопке при нажатии. Можно ли его как-то убрать? Вот скрин с куском кода кнопки, хотя все кнопки так реагируют. Спасибо.
0 votes8 answers -
Горизонтальный список съезжает на вёрстке, хотя отступов - нет
Сделал горизонтальные элементы списка 2х2 с помощью display: inline-block, но элементы почему-то съехали, хотя никаких отступов НЕТ. Прошу, пожалуйста помочь.
0 votes7 answers -
Печать html-страницы
при пред просмотре на печать html-страницы, пропадет фон и цвета, все выставляется в настройках браузера, а есть ли возможность по умолчанию это делать, что бы при печати и фон и цвета было видно?
0 votes5 answers -
Проблема с футером
Собственно друг попросил сверстать из шаблона сайт. Я раньше этим особо не занимался, но пообещал помочь. Решил верстать на <div> Футер должен быть внизу. Делал так: position: absolute; bottom:0px; Вот желаемый результат: http://uploaders.com.ua/pfiles/8298/Site_Materialy-page.jpg А вот что получилось - http://terahost.com.ua/onlystyling/index.php?type=materials CSS: http://terahost.com.ua/onlystyling/style.css Как избавиться от наезда футера? Что сделал неправильно? Какие ошибки в css? Помогите плз, замахался уже!
0 votes7 answers -
применение стилей к тегу html
Дизайнер нарисовал страницу с неоднородным задним фоном. Для того чтобы заверстать его мне необходимо 2 блочных элемента. Первым элементом само собой стал тег body, вторым элементом стал div#box. Задача: избавиться от тега div#box. Вопрос заключается в следующем: является ли правильным с точки зрения верстки применять стили с бэкраундом к тегу html?
0 votes8 answers -
Смещение таблицы в центр
<table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру
0 votes4 answers -
проблема с doctype
Написал простенький сайт.Только добавил !DOCTYPE html , css стили отключились. (режим совместимости как я понял).В чем дело?
0 votes8 answers -
вывод сообщения с <input>
Здравствуйте мне нужно сделать что бы при вводе текста в <input> при нажатии кнопки "ГО" данный текст выводился на новой странице.Это возможно реализовать не используя js и что бы сообщение выводилось не через "alert" а как обычный текст.Спасибо)
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-