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
-
Форма с фотографиями и свойство прокрутки
Всем привет!!! На сайте http://www.hrej.cz/clanky/preview/mafia-ii-prvni-dojmy/ в верхней части страницы есть небольшая форма в которой содержатся картинки. Как можно сделать точь в точь такую же? никто не знает?!
0 votes6 answers -
Верстка блока для сайта
Требуется: Верхнее оранжевое изображение разделить на 3 части. Т.е. по краям фиксированная ширина по 10 px а посередине background 1 px который растягивается по заданной ширине. Нижняя рамка тоже из трех частей, фиксированный верх и низ а середина тянется. Между двумя объектами должно быть расстояние 3 px. Как это все грамотно сделать в CSS ? И что должно быть в HTML файле? Помогите новичку, уже голова кругом...
0 votes8 answers -
Смена кодировки в простом php скрипте
Использую такой скрипт для вывода статуса с твитера: <?php function getTwitterStatus($userid){ $url = "http://twitter.com/statuses/user_timeline/$userid.xml?count=1"; $xml = simplexml_load_file($url) or die("could not connect"); foreach($xml->status as $status){ $text = $status->text; } echo $text; } //user id getTwitterStatus("id"); ?> Единственная проблема в том, что кирилицу отображает неправельно, подскажите как это можно поправить?
0 votes2 answers -
Реально ли выполнить такую вёрстку ?
Как реализовать такое ?
0 votes3 answers -
div и дочерний элемент с margin > 0
Здравствуйте, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Модальное окно</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height : 100%; margin : 0; padding: 0; } </style> </head> <body> <div style="background-color: green;">asd</div> <div style="margin: 0; padding: 0; background-color: blue;"> <h1 style="margin: 45px; padding: 0px;">Заг…
0 votes2 answers -
100% видимой области.. а дальше? Тянем таблицу.
Здравствуйте. Уже 6 часов ищу в интернете как сделать - ничего найти не могу.. Если перенаправите на решение или поможете советом - буду очень благодарен. Проблема: Есть таблица. Три строки, один столбец. Высота верхней и нижней ячеек заданы жестко. Средняя - 100% Высота таблицы 100%. Таблица растягавается на всю ВИДИМУЮ область, и если документ больше в высоту, чем экран - нижняя картинка повисает в воздухе при прокрутке страницы вниз, что логично. Как определить высоту всей страницы, чтоб задавать ее в высоту таблицы вместо 100% (ну а средняя ячейка сама подстроится и все будет отлично). Скрипт, наверное, нужен.. Ну или какой вариант есть растянуть таблицу на всю высоту…
0 votes15 answers -
Меню как на Google
Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…
0 votes6 answers -
Подсветка текущей ссылки
Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?
0 votes5 answers -
изменение в pixel perfect
скажите пожалуйста что случилось с ФФ дополнением pixel perfect. с некоторых пор(видимо, обновление автоматически скачалось) невозможно загрузить изображение(Overlay). просто нет ссылки, которая раьше была в левом верхнем углу. сейчас там просто надпись как все таки загрузить изображеине? можно ли решить проблему?..
0 votes17 answers -
звонок при клике на номер
подскажите пожалуйста способ, которым можно предоставить посетителю web-страницы возможность начинать звонок после клика по номеру телефона. предполагается, что посетитель зашёл на страницу через мобильный телефон возможно ли такое, если номер телефона представлен не текстом, а картинкой или через cufon?
0 votes5 answers -
тени по бокам сайта
Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…
0 votes5 answers -
Проблема с transition opacity
Здравствуйте. Верстаю такую страницу. Хочу сделать красивое появление и затухание при помощи transition для иконки у блока раскрывающихся новостей. http://prntscr.com/3lqfvi Имею такой css: i { opacity: 0; -webkit-transition: opacity @durationStd ease-in-out; -moz-transition: opacity @durationStd ease-in-out; -ms-transition: opacity @durationStd ease-in-out; -o-transition: opacity @durationStd ease-in-out; transition: opacity @durationStd ease-in-out; }И появление происходит как надо (плавно). Но вот при закрытие затухания не происходит, а просто изменяется свойство и элемент мигом исчез…
0 votes2 answers -
псевдокласы и style
Доброго... Скажите, пожалуйста, можно как-то внутри тега описать его псевдокласы ?
0 votes6 answers -
ссылка в форме вместо кнопки
как сделать чтобы отправка данных формы была по щелчку на ссылке вместо
0 votes4 answers -
Слой по центру экрана, проблема с полосой прокрутки
Итак ситуация такова, что слой располагается по центру экрана. с помощью css и параметра position. css: position: absolute; top: 50%; left: 50%; margin-left: -275px; margin-top: -325px; width: 720px; height: 500px; при маленьком разрешении экрана или при увеличении масштаба появляется полоса прокрутки. Вниз и вправо прокрутить можно , а вот влево и вверх нельзя. Получается, что верхняя и левая часть слоя пропадает. Собственно вопрос: можно ли сделать, что бы прокручивалось влево и вверх? Если да, то как?
0 votes6 answers -
2 колонки и IE
Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!
0 votes15 answers -
Не работает min-height для table
http://rubbish.staff-base.com/table-trouble.html height для table - работает min-height для p или div - тоже работает min-height для table - не работает Это что? Стандарт или мировая ошибка?
0 votes4 answers -
не понимаю как привязать блок к соседнему блоку
Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.
0 votes10 answers -
Как в ячейку таблицы вставить полосу прокрутки?
Дайте пожалуйста код на полосу прокрутки в ячейку таблицы.
0 votes2 answers -
Оформление кода
Всем доброго дня! Вот сидел сегодня кодил дивами, задался несколькими вопросами, а именно: - когда указываешь, что значение равно нулю, например margin: 0px 10px 10px 20px; нужно ли указывать единицу измерения, в данном случае "рх"? Или можно просто писать 0 10рх... и т.п.? - вроде как html-регистронезависимый язык, я привык вс? писать без Shift'a. В CSS вроде тоже, но уже привык писать с большой буквы цвета (#FFFDAC), и названия шрифтов в font-family (Tahoma). Как вс? же предпочтительней? С маленькой или с большой? Понимаю, что элемент чисто визуальный, но вс? же - как лучше писать, так: background: url(../images/hr.gif) no-repeat scroll; или вс? же так: background-i…
0 votes4 answers -
При изменении у ссылки padding-top, ссылка вниз «не отодвигается»
Вот например тут http://consart.ru/include/menu.php. Т.е., по идеи padding устанавливает значение полей вокруг элемента, но тут он как бы не отталкивается ни от li ни от div, как будто их и нет. Я как-то муторно обьясняю . Просто такое ощущение, что ссылка словно на отдельном слое, хотя не так.
0 votes7 answers -
мануал по CSS кроссбраузерности
Уважаемые знатоки! Пожалуйста, сэкономьте время, где прочитать наиболее внятный мануал о том, как писать так, чтобы всё было одинаково. Описание багов ие. Просто мне попадается фрагметарная информация - тут ИЕ 6 так, а тут так. Хотелось бы раз сесть и за вечер одолеть вопрос в начальном приближении. Заранее спасибо за советы.
0 votes15 answers -
помогите с z-index
Проблемма следующая, пытаюсь верстать на div'ах, но после присвоения блокам z-index не все элементы расположились неправильно !! <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="shap"> <img src="images/01.jpg" alt="Webwhite"> </div> <div id="link1"> <a href="index.htm"> Главная </a> </div> <div id="link2"> <a href="price.htm"> Цены </a> </div> <div id="link3"> <a href="gal.htm"> Г…
0 votes7 answers -
Как сверстать такую штуку
Имеется вот такой элемент управления: 1. Картинка над полукругом можем изменяться 2. Заполнение черным цветом происходит: * по окружности (внешний элемент) * сверху вниз (внутренний) Вопрос: Как сделать плавное изменение цвета по окружности (скажем, за 3 секунды)? Буду рад любым советам, способам и т.д. Хоть скриптами, хоть CSS, хоть как... Спсибо.
0 votes11 answers -
Отцентровать таблицу в ИЕ6
В CSS центрирую таблицу следующим образом: table {margin:0 auto;} Это срабатывает в Опере и ФФ, а в ИЕ6 - нет. Как нарисовать таблицу по центру страницы во всех браузерах? Есть ли в CSS аналоги свойств cellpadding и cellspacing?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-