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
-
Непонятный глюк в Opera и Safari
Стандартная сетка, три колонки резина, низ прекрасно прижат без всяких абсолютов. В IE6, 7, 8, FF все отлично. Но проявился странный глюк в Опере и Safari под Windows (В Safari под мак все отлично). Глюк в том, что низ прижимается, но при уменьшении/увеличении окна по вертикали странно прыгает и потом становится на положенное место. Не критично, но неприятно. До обновления браузеров такого не было. <!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=WINDOWS-1251" /> <title…
0 votes2 answers -
как сделать эффект нажатия кнопки
как сделать что бы при нажатии кнопка(не <button>) "впадала"
0 votes2 answers -
Как вставить видио?
У меня есть видио файл, мне нужно вставить его в страницу, та там не только одно, а несколько видио, как можна их вставлять? где ставить код и какой он? говорю сразу, мне нужно только окно прогирывателя, перекрутка и звук
0 votes4 answers -
flash и разные браузеры
Помогите, пожалуйста. Есть флешка, когда ее вставляю в код, то в браузерах она отображается по-разному в ie нормально, а в fox или opera очень мелкая(сокращается по высоте и ширине ) с чем это может быть связно? В коде прописан реальный размер флеш.
0 votes3 answers -
Как такую верстку сделать можно?
Несколько дней назад столкнулся с такой проблемой при верстке, на данный момент мозг уже кипит и плавно переходит в состояние паники Вот схема: Проблема в том, чтобы закрепить "блок 2" относительно центра страницы со смещением влево на 100px. Причем "блок 1" и "блок 3" должны полностью заполнять свободное пространство. Дальше, при масштабировании сайта "блок 2" должен сохранять свою позицию относительно центра всей страницы. (сайт резиновый и позиционируется относительно центра) Не важно как это будет реализовано, дивами или таблицей, главное чтоб работало именно так как описано выше П.С. я сам больше дизайнер, чем верстальщик Буду очень благодарен за помощь.
0 votes11 answers -
Размещение флэш в html верстке
Надо разместить флэшку как элемент html-дизайна сайта. Сделал так: <body> <div id="contanier" <div id="contanier" style="position:absolute;"> <div style="position: absolute; z-index:10; left:205px; top:100px"> <object width="250" height="84"> <param name="wmode" value="opaque"> <embed wmode="transparent" src="http://as-billiard.ucoz.ru/Flash/Ban1.swf" width="500" height="300"> </embed> </object> </div> <div style="position: relative; z-index:9; left:0px; top:0px"></div> Но при этом дизайн перестал центроваться. Как правильно разместить флэш в html дизайне чтобы не сбить центровку? Спасибо.
0 votes12 answers -
проблема высоты input type="text"
input type="text" у меня больше по высоте!помогите решить проблему <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <style type="text/css"> *{ padding:0;margin:0; } input{ width: 100px; height:100px; font:12pt Verdana; border:16px solid red; background:orange; cursor:pointer; } </style> </head> <body> <input type="submit" value="otpravut"> <input type="reset" value="reset"> <input type="text" class="" value="text"> </body> </html>
0 votes3 answers -
CSS, таблицы, фреймы...
Я только начинаю и вот сразу возникает вопрос при создании первой страницы. Нужно её разметить, как я поняла это называется макетирование(если не так, поправьте). Фреймами, вроде так получается лучше его не делать, таблицами также нежелательно, остаётся CSS? Вопрос в сущности в следующем, делать макетирование лучше только CSS(это оптимальный вариант для большинства браузеров?)? И когда лучше использовать фреймы и таблицы(для разметки)?
0 votes12 answers -
Как подключить несколько таблиц стилей для разных браузеров ?
Решил сделать так чтобы в разных браузерах элементы отображались по разному. Подскажите как подключить несколько таблиц для определённых браузеров? Например opera.css для оперы firefox.css для мозилы и т.д.
0 votes7 answers -
Размеры скролла
Добрый день подскажите, как изменить размеры вертикального скролла методом css, а именно его длину! http://jsfiddle.net/4bsjouqq/1/ Спасибо.
0 votes3 answers -
НАЛОЖЕНИЕ таблиц в GMAIL - вопрос
Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))
0 votes8 answers -
Непонятная ситуация со шрифтом
Какая-то непонятная ситуация со шрифтом. В макете используется шрифт PF Square Sans Pro Medium. (скрин: http://savepic.su/4834376.png ) Но файл со шрифтом называется pfsquaresanspro-medium (скрин: http://savepic.su/4837448.png ) Вопрос: Почему разные названия? Какое название писать? PF Square Sans Pro Medium или pfsquaresanspro-medium? Почему спрашиваю: Я написала шрифт по названию файла font-family: 'pfsquaresanspro-medium';Но он не похож на шрифт, который в макете. (скрин: http://savepic.su/4831304.png ) Так тоже указывала шрифт: font-family: PF Square Sans Pro Medium;И так тоже: font-family: PF Square Sans Pro;Ничего не помогает. Правило @font-face указала …
0 votes22 answers -
0 votes5 answers
-
рисунокссылка посредством css
Добрый день! Стоит такая задача - лого сделать ссылкой на главную. Можно ли прописать в стилях такое?
0 votes11 answers -
Ширина элемента до заполнения свободного пространства.
Приветствую уважаемых форумчан! Намедни столкнулся с такой проблемой - необходимо в одном диве расположить кнопки и лейбл. Причём кнопки должны занимать столько, сколько им нужно, а лейбл - растягиваться на свободное пространство. Пример того, что мне нужно, на JSFiddle. Собственно, по задумке, если сделать текст более длинным, то он должен обрезаться и дополниться многоточием на конце (text-overflow: ellipsis), потому что кнопки уехать вправо не могут. Возможно, что решение очевидно и лежит на поверхности, но в 4 утра у меня мозг уже не выдаёт подходящих вариантов. Так же не менее вероятно, что другие теги более подходят для осуществления данного трюка (span вместо label…
0 votes4 answers -
Анимация circle chart
Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.
0 votes12 answers -
Как используется на реальных проектах bootstrap ?
Здравствуйте. Я начинающий верстальщик. Посмотрел вакансии какие требуются знания для того чтобы стать HTML-верстальщиком, и одним из требований который присутствует в практический каждой вакансии это bootstrap. Начал читать документацию bootstrap'а понял как он работает но все же остались вопросы которые я хотел бы тут задать и получить на них ответ от специалистов в данной сфере. И эти вопросы актуальны не только для bootstrap но и для остальных CSS framework'ов (faunadation, semantic UI, skeleton и т.д.) 1. Первый момент который я не понимаю это как в bootstrap использовать готовые стили, ведь они никак не подходят к моему макету ? (перезаписывать, а это прави…
0 votes5 answers -
div и table - совмещение
Доброго дня! Работая над одним проектом на первом этапе сверстал такое: прум-пум-пум... <div id="top"></div> <table><tr> <td></td> <td></td> <td></td> </tr></table> <div id="podval"></div> так как мучаться с позиционированием колонок не хочется. Есть довод: при уменьшении размера окна, колонки не бегут друг под друга, да с браузерами нет проблем в определении размеров дивов. Но при создании CSS под Печать колонки, насколько я знаю, ужать совсем (display:none) не удасться! И еще меня не оставляет идея. Весь текст находящийся ближе к началу страницы "весит" в поисковиках больше, хотя я не у…
0 votes1 answer -
Сделать выпадающее меню выплывающим!
Я сделала выпадающее меню (html+css), немного неровно, но это неважно. В общем, можно ли немного изменить мой код (напр. добавить скрипты), чтобы меню появлялось не сразу, а постепенно, как бы выплывало? html: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="menu_up"> <div class="menu_links1"> <b><a href="#">О компан…
0 votes7 answers -
Красивый код
Всем привет! Подскажите - а есть ли возможность в Dreamweaver выделять код цветом? Например текст или строку целиком?
0 votes6 answers -
Проблема с таблицей в Google Chrome
Здравствуйте! Помогите пожалуйста! Проблема отображения краёв таблицы в Google! Вот нормальный вариант в др. браузерах: Вот в Гугл Хром: Код: <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="9" height="11" ><img src="../images/bv1.jpg" border="0"></td><td width="100%" style="background-color:#FFFFFF;"></td><td width="9" height="11"><img src="../images/bv2.jpg" border="0"></td></tr> <tr><td width="100%" colspan="3" style="background-color:#FFFFFF;" valign="top"> <div class="content_center"> <!-- <body> -->$CONTENT$<!-- </body> --> &…
0 votes1 answer -
Блок с описанием на яндекс-карте
Подскажите пожалуйста, как добавить Блок с Html содержимым, привязанный к адресу на яндекс карте. Я смотрел документацию от яндекса, что-то запутался. Подскажите хоть какой объект использовать
0 votes4 answers -
IE6 и margin - непонятная работа
Всех приветствую. Возникла непонятная ситуация. Имею сверстанный лэйаут, отлаженный во всех броузерах. Кроме IE6. В ходе отладки под IE6 выявилось следующее. Имеется div, у которого float: left; Есть настройки margin: 30px 10px 30px 14px; Так вот, во всех броузерах, в том числе и в IE7, он имеет отступ слева 14px, а в IE6 - почему-то 28px. Попытка играть со значением выявила то, что в IE6 это значение просто умножается на 2. Если убрать float, то все нормально, такой эффект не наблюдается. Много читал про особенности поведения IE в разных ситуациях, но вот такого никогда не видел. Кто может подсказать, в чем это связано, и как это решить? Спасибо.
0 votes4 answers -
Двухуровневое Вертикальное меню
Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …
0 votes1 answer -
Прозрачный IFrame
Здравствуйте. Помогите, пожалуйста! Есть страница с iframe'ом в которой подгружаются, соответственно, некоторые другие страницы. Подгружаемые страницы в любом случае имеют цвет бэкграунда: или белый по умолчанию, или тот, который назначен принудительно. Страница с айфреймом имеет красивую кртинку на фоне и айфрейм ее частично задевает и перекрывает цветом бекграунда подгружаемой страницы. Как сделать, чтоб в айфрейме отображалось только содержимое, а фон был прозрачным, чтоб, подгружаясь, страница не закрывала часть картинки на фоне основной страницы?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-