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
-
Печать нескольких документов
Несколько нетривиальная проблема .... Есть программа с компонентом MS HTMLEDIT ... из программы печатаются несколько документов ... разрыв страницы между доками делался с помощью css: page-break-before:always До этого все документы были одностраничными и печатались подряд без проблем ... Теперь несколько доков стали на 2 страницы и решили приобрести двусторонний принтер. ... но проблема такая: если первый док одностраничный то второй док печатается с другой стороны того же листа ... как можно сказать в css что один док закончился и начался другой? и вообще - возможно ли такое? смотрю в сторону @page но что то не понятно как этим пользоваться ...
0 votes0 answers -
Как сделать DIV c рамкой высотой 50% от высоты окна браузера?
Хочу чтобы мой DIV стал высотой 50% от высоты окна браузера. Полопатил инет но не нашёл как. Это вообще возможно? Имею такой вот код: <!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> <style> <!-- div { border:1px solid #990000 } div.test { width:80%; Clear:both; float:left; background:#ffeecc; text-align: center; height:100%; } --></style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div class=test&…
0 votes5 answers -
Проблема с фреймом
Доброго времени суток, форумчане! Проблема такова - у меня на сайте подгружается фрейм,но так как размер его постоянно меняется (самого фрейма), то иногда он слишком большой и даже прокрутка работает плохо. Сейчас фрейм мало того что с прокруткой, она как видите ещё и работает мягко говоря плохо
0 votes5 answers -
Не изменяется цвет фона контента.
Не могу понять почему не изменяется цвет контента. Я взял шаблон кода html+css с сайта. Вот у меня в body {} стоит background-color: #a1cfff;. Это я так поставил цвет краёв, т.е. что не входит в границы сайта. Теперь я хочу чтобы контент и сайдбар были белыми. Я пишу в #content { background-color: #fff; } и фиг меняется что. Пишу в #container { background-color: #fff;}. Тоже ничё не меняется. В сайд баре поменялось. Не могу понять почему. Вроде всё должно менять и работать. Помогите мне разобраться пожалуйста, если конечно поняли меня.
0 votes1 answer -
Бордер
Всем привет) У меня 2 проблемы. Надеюсь вы поможете их решить)) 1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка. 2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст? Сам код: <div class="name"> <a href="">Игра Жизнь</a> </div> <div class="date"> 03:00:00 01.01.1970 </div> <div class="text"> Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая…
0 votes7 answers -
длинное слово распирает блок
<html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...
0 votes6 answers -
Как реализовать на CSS
Есть сайт http://planeta-kino.com.ua/ Там основной фон растягивается пропорционально на всю ширину экрана (это понятно как делать), но там еще центр картинки всегда остается на определенной высоте от верха, то есть при растягивании экрана картинка увеличивается так что центр остается на месте а верх обрезается. Там реализовано скриптами, как такое реализовать на css? (точно знаю что можно) Спасибо! На данный момент у меня такой код: html (<img class="rezina" src="img/background.png"/>) css (.rezina { position:fixed; z-index:-1; width:100%; min-width:800px;} )Растягивание работает отлично, но как закрепить середину? Спасибо
0 votes3 answers -
Меню на css или ....
Всем привет !Сделал страничку одно меню написал на css , а второе сдела с помощью dreamweaver (dw написал его на javascript). Как лушче оставить как есть или сделать чтобы оба меню были однотипной технологии.И что лучше менюшка сделанная на css или JS?
0 votes5 answers -
Для nurlan_1992
Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }
0 votes6 answers -
Блок-распорка занимает место на шаблоне
Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/ Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?
0 votes2 answers -
Как сделать так, чтобы div ровно обтекал свое содержимое.
Есть контейнер (.menu)(может там div и не нужен, а то я на них уже зациклен, заказчик хочет чтобы все, все, все было резиновым). Если, содержание данного контейнера - блоки с фиксированной шириной, а у самого контейнера стоит display: inline-block, то все нормально. Но, как только содержимому контейнера я даю в свойствах: float или display. Правая сторона отстреливает к границе окна браузера. А требуют, чтобы отступы от содержимого были одинаковыми со всех сторон. (Первоначально я сделал через justify, но это решение не приняли. Сетка из элементов .post меняться не должна (в плане расстояния между элементами).) Как можно сделать так, чтобы при динамическом содержимом, к…
0 votes13 answers -
Не срабатывает vertical-align:bottom;
Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; wi…
0 votes3 answers -
Непонятное сжатие полей ввода на смартфоне
Столкнулся с непонятным поведением сайта на смартфоне. Сайт выглядит нормально пока не кликнуть на поле ввода. Когда выезжает клавиатура сайт сжимается, будто бы добавляются какие-то отступы по краям. Вот скрины с мобильника. На первом всё нормально, на втором при клике на инпут - всё сжалось. в живую можно глянуть на сайте - ссылка на втором скрине (раздел "контакты"). Кстати, на компьютере всё работает нормально, даже если окно сжать до 320х480.
0 votes14 answers -
Выравнивание input
Всем привет! Сейчас делаю разметку блока для мобильной версии и не могу выровнять (растянуть) инпут как на макете. Код блока такой https://codepen.io/Schamil74/pen/GWQLbQ Отрывоке макета приложил. Здесь нужен вариант выравнивания инпутов, типо margin-right: 0. А вот как их растянуть до текста не догоняю))))
0 votes4 answers -
Текст уезжает за границы
Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока div. Внутри div сделал 3 тега "р" , так как у каждого текста свои стили должны быть и отступы разные. Но текст разъезжается и вылезает за выделенные для него границы. Подскажите, как быть.HTML<div class="latest"><p class="number">15</p><p class="june">June</p><p class="year">2016</p></div>CSS.latest {background-image: url(image/square.png);width: 98px;height: 139px;margin-left: 445px}.number {padding-top: 32px;color: #000000;font-family: Poppins;font-size: 32px;font-weight: 500;height: 24px;}.jun…
0 votes1 answer -
<br> лучше не делать?
1. А как лучше? если нужно тупо сделать 3 строки между словами? 2. стоит ли делать: .w100 { width: 100px;} .w110 { width: 110px;} .h26 { height: 29px;} .h30 { height: 30px;} class="w110 h30" насколько это нужно, целесообразно и вообще, кроме как сокращение кода?
0 votes3 answers -
программно задать цвет фона ячейки
Доброго времени суток Требуется при нажатии на ссылку изменять цвет в таблице. Я пишу так: Код: <html> <head> <script> function chcolor(){ document.all("tab").bgcolor="silver" } </script> </head> <body> <table id="tab"> <tr> <td> <a href=# onclick="chcolor();">test</a></td> </tr> </table> </body> </html> ничего не происходит, пробывал и подругому, уже заколебался.. помогите решить проблему, надо срочно. Спасибо зарание...
0 votes1 answer -
Проблема с футером
http://www.sobzem.ru/ Стили Проверял у себя на компе: IE8 Chrome FF3.5 У знакомого на компе IE6 Всё работает как нужно У 3-х людей проблемы в IE8 и FF3.5 Тут почему-то белые заголовки Исправил вроде... Не пойму почему во всех браузерах всё было ок... Стоял цвет белый в стилях... Тут картинка должна быть над текстом Тут тоже вроде решил, решил оставить так. )) Тут подвал вообще уехал Это не могу проверить ((( Если кто увидет съехавший подвал отпишите. В чём могут быть проблемы ?
0 votes0 answers -
Разворачивающееся текстовое поле
Проблема в следующем: как сделать так, чтобы при нажатии на ссылку под ней разворачивалось текстовое поле с развернутым ответом, а при нажатии на "свернуть ответ" - соответственно сворачивалось и исчезало. Заранее благодарю.
0 votes2 answers -
проблема с Ul
Возник вопрос. есть блок: <div id="news"> <ul> <li><p>Раз</p></li> <li><p>Два</p></li> <li><p>Три</p></li> <li><p>4</p></li> </ul> <br class="clearfloat"> </div> Вот такие стили для этого блока. .page #news{ margin: 0 auto; width: 750px; padding: 0px; } /*.page #news ul{margin: 0; padding: 0; border: #006633 dotted 1px; display: block;}*/ .page #news li{ float:left; margin: 0px 0px 10px 20px; width: 350px; height: 150px; /*border: dotted 1px #5d9b30;*/ } Вопрос вот в чем, список получается колонками, но он выпадает из бл…
0 votes5 answers -
Задача
Помогите мне вот что решить У меня есть код картинки, который я не могу не как поменять <a href="ССЫЛКА"><img src="ССЫЛКА НА КАРТИНКУ" border="0"></a> Вопрос такой как сделать чтоб при ведении на эту картинку на неё накладывалась ( НЕ ЗАМЕНЯЛА ) другая с полу прозрачным фоном? Ещё один вопрос можно ли сделать чтоб этак картинка накладывалась плавно? ( это не обязательно )
0 votes2 answers -
table align устаревшая конструкция?
Sharepoint Пишет, что свойство table align="center" консорциум WWW счтиает устаревши. На что его можно поменять, что они считают современным?
0 votes3 answers -
Корректное отображение Last-Modified
Добрый день. Сайт на php не выдаёт Last-Modified: Date: Wed, 13 Apr 2011 10:42:40 GMT Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Transfer-Encoding: chunked Content-Type: text/html; charset=cp1251 Content-Language: ru 200 OK После добавления в страницу кода(в начало документа): <?header("Content-type: text/html; charset=windows-1251"); header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); ?> выводит: Date: [color="#FF0000"]Wed, 13 Apr 2011 10:45:58 GMT[/color] Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 La…
0 votes4 answers -
Меню на списках не проходит валидацию
всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…
0 votes10 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
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-