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
-
Подгрузка шрифтов
Здравствуйте! Подскажите плиз как лучше поступить в следующей ситуации: При верстке макета столкнулся со шрифтом которого нет на моём компе[TrebuchetMS] [italic]. Поменять на похожий не вариант – поскольку заказчик требует именно этот... Из этого следует вопрос: Существует ли в инете механизм, на котором находились бы абсолютно все шрифты,которые через ссылку можно было бы подгрузить? И самое главное что бы это было надёжно и абсолютно кроссбраузерно... В одной работе увидел такой код: @import "style/style.css"; @font-face { font-family: "MyriadProCondensed"; font-style: normal; font-weight: normal; src: url("myriadpro-cond_0-webfont.eot?#iefix" ) format("…
0 votes4 answers -
Люди может кто встречал?)
Всем привет. При верстке столкнулся с проблемой. Итак, я всегда акцентирую внимание на шрифтах. Подскажите может кто встречал такой , как он называется?? А может кто знает такой же и на кириллице?? Ну может что-то похожее? http://www.carolinakaucher.com/en/#portfolio (portfolio, about me и т д)
0 votes4 answers -
outline:0
суть описана в самой теме
0 votes4 answers -
С помощью какой проги или сервиса можно быстро сделать каркас HTML+CSS?
С помощью какой программы можно быстро сделать произвольную заготовку HTML+CSS, каркас для будущего сайта? Готовые макеты не предлагайте скачивать - это не то. Нужно либо в визивиге, либо в окошках для задания параметров или еще как-то быстро накидать нужный каркас, со всеми нужными float, width и margin. Чтобы экономить время на дальнейшую верстку более мелких элементов.
0 votes4 answers -
Как привязать шрифт к сайту?
Народ. у меня есть сайт. установил на нем шрифт с помощью font-family: ******; но если у человека, нету такова шрифта, то сайт у него будет написан обычным Arial. можно как нибудь сделать, что бы при загрузке сайта, грузился шрифт? а то не хочу делать сайт с шрифтом Arial.
0 votes4 answers -
Фон картинкой для скрытого дива
Меню гармошка имеет скрытые блоки, когда нажать на кнопку скрипт делает блок видимым (ставит style="display: block;"), но фон не отображается! Есть Блок: <div class="menu_body" style="height: 91px"> </div> стиль: .menu_body { background-position: 12px 0px; background-image: url('../images/fon_menu.png'); background-repeat: no-repeat; margin: 0px 0px 12px 0px; display: none; } Путь к картинке правильный! Но вот как фон она отображаться не хочет.
0 votes4 answers -
position:fixed for ie6+отступ на скроллбаре
КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …
0 votes4 answers -
всплывающий блок перекрывается подвалом
Вроде бы стили одни и те же, порядок элементов тоже, но получаю странный эффект. Второй день никак не могу найти в чём косяк, поэтому прошу помощи от незамыленного взгляда компетентного человека. Сравните две страницы, прошу обратить внимание на табличку-зебру с конкретными наименованиями, в низу страницы: _http://poligon.info/catalog/index.php?SECTION_ID=5418 и _http://poligon.info/catalog/index.php?SECTION_ID=5418&ELEMENT_ID=72414 при наведении на ячейку с наименованием, всплывает блок с изображением. почему-то во втором случае, этот блок перекрывается подвалом. Заранее благодарен.
0 votes4 answers -
Подвисает сайт
Сайт http://xn--8-mtbvk1b.in.ua/ подвисает и это хорошо видно когда зайдешь в раздел фото и будешь быстро мотать страницу что нужно сделать чтоб подвисания не было ?
0 votes4 answers -
Сложное обтекание div-ов
Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…
0 votes4 answers -
Проблема с позицией
Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …
0 votes4 answers -
Проблема с бэкграундом
Верстка Картинка white background по ширине 1000px. Серый бэкграунд прописан в body, но почему-то растягивается на весь экран, хотя body по ширине 1000px. Сам макет выглядит так Нужно чтобы черный бэкграунд растягивался только на 1000 пикселей в ширину (по ширине body).
0 votes4 answers -
Проблема с выравниванием по центру в InternetExplorer
Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…
0 votes4 answers -
Слетает позиционирование в IE
Привет всем!! Есть сайт diodscreens. Слетает позиционирование элементов в IE (я не силен в терминологии, извиняйте), такое ощущение что все выровнялось по левому краю. В остальных браузерах все ровно. Помогите решить эту проблему.
0 votes4 answers -
Доктайп с пробелами или нет?
Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?
0 votes4 answers -
Проблемы с кроссбраузерностью
Здравствуйте. Сверстал небольшой сайт, получилось на удивление симпатично (имхо) поэтому вдвойне хочется его доделать. Проблема в том, что я верстал в ff и всё гуд, никаких багов, но вот в остальных браузерах (проверял в opera, safari, ie, chrome) есть проблемы, типа растягивание фона шапки при изменении масштаба (хотя сайт с фиксированной шириной в 1000рх) или затемнение контента на странице. Вот сам сайт: http://demo.antnow.ru/ - исходники открыты, поэтому не буду постить сюда чтобы не загромождать. Помогите пожалуйста разобраться, уже нет идей. Спасибо за внимание.
0 votes4 answers -
Бывает ли Русская рыба?
Как-то раз слышал что существует русский Lorem Ipsum)) Ресурс так и не нашел... Может кто ссылкой поможет?
0 votes4 answers -
Центрирование Попапа...
Здравствуйте! При центрировании всплывающей формы столкнулся со следующем проблемой: если окно браузера становиться меньше высоты попапа - то содержимое начинает залазить за верх и до него невозможно доскролится... Другие варианты центрирования не подходят т.к. плагин построен именно на этом принципе и если например всё это дело помещать в таблицу(для центрирования) и т.п. то попап просто не функционирует!(почему именно понять по скрипту пока не могу...) Ещё одна проблема заключается в том, что фон на котором всплывает форма в ie-7,8 становится вместо серо-прозрачного чёрным!(браузеры не поддерживают св-во "opacity"!?) P.S. Буду благодарен ,если кто подскажет, что конкрет…
0 votes4 answers -
URL изображения
Привет всем! При вёрстке сайта я столкнулся с небольшой проблемой. Я привык добавлять изображения через css. Шапка сайта должна быть кликабельна, что мне не получается сделать. Отрывок из html кода: <div id="header_2"> <a href="http://feers1de.ru/"><img scr="/images/header_2.png"></a> </div> Отрывок из css кода: #header_2 { position: relative; width: 686px; height: 168px; } Размер шапки - 686x168px. Прошу помощи.
0 votes4 answers -
Расстояние между рисунком и div-ом только на строгом Doctype.
Здравствуйте. Есть полностью валидный html-код: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…
0 votes4 answers -
Тестирование верстки под разные мониторы
Здравствуйте! Слышал что есть сайт, в который загоняеться адрес страницы, а затем указываеться то ли размер, то ли разрешение монитора и затем он выдаёт скриншот относительно того как эта страница смотреться на конкретно указанном мониторе!? Буду благодарен если кто скинет ссылку этого сервиса или чего то вроде этого...
0 votes4 answers -
Прокрутка фрейма
Скажите как сделать так что бы фрейм не заезжал при прокрутки под другие фреймы,а прокручивался вместе со страницей.Вот сейчас от так(под шапкой),а мне нужно что бы прокрутка была не на фрейме на на всей странице Вот код страници <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <frameset rows=23%,* border=0> <frame name="zagolovok" src="zagolovok.html" noresize scrolling=no> <frameset cols=20%,100% bordercolor=0> <frame name="зміст" src="зміст.html" noresize> <frame name="головна" noresize src="Головна.html">o </frameset> </html>
0 votes4 answers -
Как можно ссылку выровнять по правому краю?
Не знаю даже прям почему но никак не выходит выровнять по правому краю ссылку <a href=\"#comment\" class=\"reaply\" id=\"".$row['comment_id']."\">Ответить</a> Пробовал text-align: right; не помогает. ————- Уже разобрался путем подстановки в <div></div>
0 votes4 answers -
PHP регулярное выражение
Какое регулярное выражение мне нужно написать, чтобы допустимые для ввода символы были русские буквы, латинские и пробел?
0 votes4 answers -
Какой оптимальный шрифт и размер для разных ОС?
Какой оптимальный шрифт и размер для разных ОС? Может даст кто совет с практики, а то выходит 13px маленький в Linux, но зато в Windows нормальный.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-