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
-
Как бы вы выравняли ссылку Подробнее по правой стороне?
Здравствуйте. Выравнял ссылку "Подробнее"(в секции "Последние новости") по правой стороне с помощью абсолютного позиционирования. Это вырвало её из потока и образовало наезд последующей новости на уровень ссылки "Подробнее": Как лучше исправить наезд - добавить кому-нибудь отступ margin?
0 votes6 answers -
Эффект при наведении
При наведении на .tabs-link у .tabs-link:after должно появляться свойство visibility: visible; http://codepen.io/anon/pen/XdwJaG
0 votes1 answer -
Не могу экпортировать графику в фототошоп помогите!
Фотошоп сс 2017г когда нажимаю на "export as" ничего не происходит а Ctrl + Shift+ Alt + S экспортируется вся страница. 2018 не смог скачать, постоянно ошибку показывает "с118". Как решить эту проблему ?
0 votes3 answers -
Проблема с картинками в таблице
Примерный код: <table height="100%"> <tr> <td width="21%" height="100%" align="left" valign="top"> <table width="100%" height="100%"> <tr> <td width="100%" align="left" valign="top" height="33%"><img /></td> </tr> <tr> <td width="100%" align="left" valign="middle" height="33%"><img /></td> </tr> <tr> <td width="100%" align="left" valign="bottom" height="33%"><img /></td> </tr> </table></td> <td width="58%" height="100%" align="left" valign="top"> <p>Огромный текст</p></td> <td width="21%" height="100%" al…
0 votes0 answers -
слои и обтекание.
Добрый день. подскажите пожалуйста как мне сверстать вот такой макет. ——————————-- | ШАПКА | |___________________| | fdfdfadfasdfasfd | | | fdfdfadfasdfasfd | Б3 | | fdfdfadfasdfasfd |_____| | adsfasdfasdfasdfasdf | | ОСНОВНОЙ | |___________________| Т.е чтобы Блок3 был в основном тексте. Пробывал слоями, но слой накладывается на основной текст (он находится в таблице). Можно както слою задать обтекание? код примерно такой сейчас: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td width="100%" valign="top"> ТУТ ОСНОВНОЙ ТЕКСТ <div style="position…
0 votes2 answers -
Вставка объектов
Здравствуйте. Можно ли вписав в html такую весчъ: [ДВОИЧНЫЙ КОД КАРТИНКИ] разместить на странице изображение? Вопрос очень важный и буду очень благодарен за ответ. С уважением, Игорь.
0 votes2 answers -
Условные комментарии
Т.е. все инструкции для IE хочутся подгружать а не захламлять в head основной страницы. Либо в css прописать правила так, чтоб их только IE воспринимал. Impossible?
0 votes2 answers -
Аддоны к фф
Как называется аддон для ff3, где можно просматривать стили элемента прям на странице через ctr+shift+y?
0 votes3 answers -
Растянуть форум на весь экран
/* General Style */ body {background: url('/design/1.png') center repeat-y #5c70a3; margin:0px; padding:0px; text-align: center;} #wrap {width: 900px; text-align: center; margin-left: auto; margin-right: auto; background: url('/design/...png') repeat-y;} #contanier {width: 900px; text-align: left; margin-left: auto; margin-right: auto; background: url('/design/...jpg') no-repeat;} #header {height: 235px; text-align: left;} #logo {float: left; width: 280px; height: 170px; position: relative; top: 20px; left: 40px; text-align: center; color: #b6b7cf;} #logo h1 {margin: 20px 10px; font-size: 25pt; font-weight: normal; color: #f0f1f7;} #logo a:link {text-decoration:underline;…
0 votes1 answer -
Вертикальная линия
Здравствуйте, какой тег используется для рисования вертикальной линии, (горизонтальная <hr>)?
0 votes3 answers -
Обёртка для Textarea
<!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="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…
0 votes3 answers -
Проблема с float'ом
<div style="width:80%; min-height:500px; background:#CCCCCC; margin:0 auto; position:relative;"> <div style="width:100px; min-height:500px; background:red; float:left;"></div> <div style="width:70%; max-width:800px; min-height:300px; background:black; margin:0 auto; color:#FFFFFF;"></div> <div style="width:100px; min-height:500px; background:red; float:right;"></div><br clear="all" /> </div> Правый красный блок съезжает! Нужно что бы у красных было float:left; и float:right; соответственно, а черный центрировался между ними! Но что бы при растягивании каждого по высоте тянулся и серый блок в котором и находятся эти 3 б…
0 votes3 answers -
Позиционирование
Здравствуйте Хочу сделать так чтобы меню выходило за рамки таблицы. Примерно вот так.. Само меню запихано в див, как выравнить див по центру ровненько, чтоб как через margin:0 auto;? #nav1{ width:700px; z-index:2; position:absolute; top:30%; left:450px; } вот так пытался добиться желаемого, но так не выравнить автоматически и при изменении размера окна браузера он все равно останется на том месте и будет ужас...) какие есть пути решения?
0 votes7 answers -
Работа с текстом.
Здравсвуйте. Подскажите пожалуйста, столкнулся со следующей проблемой. Есть верстка: <style type="text/css"> #main { border: 1px solid black; width: 300px; } </style> <body> <div id="main"> <p id="text"> You can improve your ability to gatherto gatherto gather <img id="image" src="blankslot.png" width="98" height="23" /> information by grouping like items into basic categories. </p> </div> вот что мі видем на картинке проблема в том, что мне нужно расположите текст так, чтоб отступы между строками в той строке, где находится картинка были такими же ,как и отступы межд…
0 votes9 answers -
Проблемма, свойство font
Здравствуйте уважаемые форумчане Есть правило: #top_menu li a { display:block; height:38px; padding:0 12px; color:#497798; font:bold 11px/38px Tahoma, Geneva, sans-serif; text-decoration:none; } Сегодня после проверки валидатором, он мне выдал ошибку, связанную со свойством font в этом правиле, сам я не новичок в верстке, но эта ошибка поставила меня в тупик, если кто-то сталкивался с чем-то подобным, поделитесь своими соображениями. Ошибка: Ошибка значения : font (http://www.w3.org/TR/CSS21/fonts.html#propdef-font) / не является значением font-family : bold 11px / 38px Tahoma,Geneva,sans-serif
0 votes2 answers -
Открытие только одного нового окна
Добрый день! Задача такая: Необходимо по ссылке открывать новое окно - плеер с онлайн вещанием с определенными параметрами. !Но если это окно уже открыто, то еще одно не создавать, а в уже открытом просто перейти на новый url. Вот код: <div align="left" style="padding-top:10px; padding-left:3px"> <FORM> <input TYPE="button" VALUE="Открыть видеоплеер" style="width:150px; height:25px" onclick='window.open("http://...?domain=2&instance=3&date=010612&time=1500","","Width=900,Height=500,location=0,resizable=0,left=400,top=100,menubar=0");'> </FORM> …
0 votes5 answers -
Блог в Wordpress
Всем джамбо господа! У меня такая проблема. Работаю в Wordpress. Хочу сделать блог под определенную страницу на сайте, для этого под мою тему есть специальная функция, которая так и называется Blog. Но когда я указываю какая именно страница будет блогом, весь текст с нее пропадает, более того ни какой новый текст не отображается, она остается просто пустой...
0 votes13 answers -
Коммерческая верстка!
Добрый день! Собственно интересует вопрос о том кто как и когда начинал верстать за деньги. Интересует насколько вы были хороши, что умели, когда брались за первую оплачиваемую работу? Где находили первых заказчиков? Ну и наставление для тех кто уже не так зелен и хочет начать зарабатывать этим увлекательным занятием, заранее всем спасибо!
0 votes12 answers -
как сделать чтобы текст был здесь
здравствуйте хочу сделать так чтобы текст отображалась всегда здесь но когда увеличиваю зоом в браузере вот что получается хочу чтобы при любом расширение текст было бы там
0 votes4 answers -
Некорректное отображение дропдауна в FireFox
Доброго вечера! Столкнулась с багом пророда которого мне пока совершенно не понятна. Дропдаун некорректно отображается в FireFox - во всех ок, а в нем нет. Не подскажете в чем может быть проблемка.? П.С. Сайт на бутстрапе. Буду очень благодарна за любые подсказки) http://clip2net.com/s/3hmqtTh http://clip2net.com/s/3hmqMWf
0 votes7 answers -
Как поместить два navbar на одной строке?
Здравствуйте. Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить. Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке Вот что есть на данный момент. Абсолютное позиционирование должно помочь? Поможите, пожалуйста
0 votes4 answers -
Проблемма с header в Mozilla
На картинке видно что Chrome все красиво, а Mozilla исказила картинку, растянув ее высоту. Из-за этого съехало меню вверх, т.к. оно привязано в высоте header. в стилях я прописал .header img{max-width: 75vw; Chrome после того как растягивает картинку для хидера правильно масштабирует ее по высоте, а Mozilla после растягивания высоту масштабирует некорректно. Если сделать .header img{width: 75vw; то все красиво в обоих, в полноэкранном просмотре хидер через чур растянут, мне не нравится Пробовал подсовывать префикс для Mozilla -moz-max-width: 75vw; она это не скушала. Как победить? ссылка на сайт http://nakhodka.h1n.ru/ зац…
0 votes6 answers -
Блочная верстка макета
Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…
0 votes8 answers -
Стилизация таб переключателей
Доброго времени суток уважаемые форумчане. Прошу помощи со стилизацией таб переключателей. Мой код, задуманы как в приложении 11. Заранее благодарен.
0 votes2 answers -
pasteHTML между элементами
Хочется вставить код между элементами. Не могу понять как расположить TextRange именно между элементами. Например было: <span id='Ref1'></span>нынешний код или пусто<span id='Ref2'></span> стало: <span id='Ref1'></span>мой новый код или стираю старый<span id='Ref2'></span>
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-