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
-
Как реализовать прозрачность кнопок?
Нужно реализовать прозрачную кнопку (как на первом рисунке) но при попытке сделать так через <button> и соответствующие свойства CSS прозрачность исчезает, хотя если открыть соответствующий "png" фотошопом, то прозрачность видна. Вопрос: как можно реализовать прозрачность? Через обычную ссылку с рисунком внутри тоже пробовал - не получается. #main_image_left_button { position: relative; top: -150px; left: -5px; background-image: url(../images/index/main_image_left_button.png); background-size: 100%; border: none; height: 66px; width: 32px;}Должно быть так: Выходит так:
0 votes8 answers -
Форма слайдера
Помогите пожалуйста разобраться как сверстать слайдер, чтобы фоновое изображение распространялось на выделяющийся прямоугольник справа внизу где написан номер слайда, никогда с таким не сталкивался, буду рад любому совету. Спасибо.
0 votes2 answers -
Ищу ментора или курсы по созданию сайтов
Ищу ментора по веб-разработке. Готов работать бесплатно или платить за обучение. Главное, что бы я мог потом зарабатывать.
0 votes0 answers -
Смешная ошибка IE с :first-letter и ul
<p>Заголовок 1</p> <ul> <li>...</li> <li>...</li> </ul> <p>Заголовок 2</p> <ul> <li>...</li> <li>...</li> </ul> В отдельном файле .css P:first-letter{font-weight:bold;} IE7 выдает второй список без маркеров, причем первый список выводится нормально. В опере и файрфоксе все нормально. Если убрать из .css эту строчку, то всё нормально При добавлении между первым списком и вторым абзацем (Заголовок 2) еще одного абзаца с длиной текста более 1 строки, второй список выводится корректно. Самое забавное будет, если размер текста в этом дополнительном абзаце будет чуть короче длины с…
0 votes0 answers -
С таблицей проблема
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:tabl…
0 votes7 answers -
Текст в DIV'е
Здравствуйте! У меня есть div, который занимает всю длину ячейки таблицы. В этом диве есть текст, который длиннее этого div'a. Мне нужно сделать так, чтобы этот текст не переносился на следующую строку, а обрезался с правого края div'a. ...... <td style="width: 200px;"><div>Этот текст длиннее двухсот пикселей!</div></td> ......
0 votes2 answers -
FF со встроенным ИЕ
Добрый день. Возникла одна проблема с отображением страницы В ФФ где есть встроенный Ие изменяется все ( на данной картинки размер всплывающего окна и появляется ненужная полоска внизу - отмечено ) но когда открываешь не встроенный ИЕ а скажем так "обыкновенный" то все как надо, также и в "обыкновенном" ФФ. Так вот в чем может быть проблема и стоит ли решать эту проблему или может пользователи браузеров ФФ не пользуются встроенным браузером Ие? Могу дать код страницы. А так же вот скрины Ие встроенный в ФФ http://imm.io/2MAT Просто ИЕ http://imm.io/2MAU ФФ http://imm.io/2MB3
0 votes4 answers -
как сделать подобную верстку
Помогите пожалуйста. Нашел сайт pack-tradesk[точка]com[точка]ua Если посмотреть код там идёт сначало текст сайта а потом левое меню сайта, а браузер показывает левую колонку с каталогом а в правой колонке текст. промучился не чего не вышло каким образом можно попробывать подскажите пожалуйста или дайте ссылку где можно подробней почитать про данный прием.
0 votes5 answers -
Резкая прокрутка вверх в Opera
Вроде всё хорошо, а в браузере Opera на одной единственной странице при установке курсора в самый низ страницы вдруг страница резко прокручивается вверх, т.е. прочитать то что внизу страницы нельзя. Вот та страница: http://e-dotu.ru/2011/05/razreshenie-problem-natsionalnyih-vzaimootnosheniy-v-rusle-kontseptsii-obshhestvennoy-bezopasnosti-3-1/ Что же может вызвать такое поведение? Кто сталкивался с таким?
0 votes1 answer -
Без скриптов...
Я думаю всем известен тег <noscript> и его предназначение (пояснение для тех, кто забыл или не знал). при использовании jQuery некоторые эффекты дизайна могут быть не доступны для пользователей с отключенным javascript. можно ли, используя тег <noscript> указать для загрузки альтернативную таблицу стилей, которая будет менять отображение страницы?
0 votes2 answers -
Valid XHTML + embed + FireFox
Пытаюсь сделать так, чтобы приложение выдавало валидный XHTML, но в спецификации XHTML 1.0 нет тега embed, а без него не работает Adobe Flash в FireFox и IE9. Как быть?
0 votes3 answers -
кнопка facebook like
Помогите пожалуйста решить проблему: кнопка facebook like не отображается в Opera.
0 votes4 answers -
Как удлинить границу?
Здравствуйте! Столкнулся вот с такой задачкой... Как удлинить верхнюю серую границу правого блока? Чтобы из правого блока переходило на шапку кусочек? В голову приходит только создание дополнительных блоков с нижней границей, но может есть какое-то решение попроще - через свойства?
0 votes1 answer -
Селектор атрибутов и псведокласс :hover
Как сделать, чтобы при наводке курсора на белый треугольник открывалось зелёное подменю при условии, что белый треугольник подгружается из такой вот конструкции: a[href^="##"]:before { display: inline-block; width: 12px; height: 6px; margin-right: 0.5em; content: ""; background: url(../img/bullet.png); } /*———————-- Выводим подменю ————————*/ .header span { font-family:Verdana; font-size:10px; color:rgb(96,96,96); padding-top:46px; padding-left:797px; text-align:left; display:block; position:relative; } .header span span { display:none; position:absolute; } .header span:hover span { display:block; font:10px Verdana; color:#EBECF7; margin:0px;…
0 votes8 answers -
iframe и javascript
Привет, если возможность как-либо запретить дочернему фрейму воздействовать на родительское окно, например вот так if (window.self != window.parent) { window.parent.location.href="http://test"; } но чтобы при этом содержимое фрейма отображалось корректно и работали ссылки
0 votes7 answers -
Режеться слайдер по высоте
Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/
0 votes0 answers -
Переход по внешней ссылке
Видел на нескольких сайтах такую штуку - при клике по ссылке, новая страничка открывается в этой вкладке а та страничка где кликали в новой. То есть, вроде как наоборот чем надо. Может скажите где почитать о подобной реализации. Интересно.
0 votes0 answers -
Не вставляется картинка через background-image
Пишу в стилях background-image: url(../../images/fon.png); Но у меня не появляется эта картинка, скрин кода приложу Вот код - https://jsfiddle.net/Millio/bgajx0uc/50/
0 votes0 answers -
скрипт в IE
есть скрипт на JS(нделает красивый скрол для дива). в опере и в мазиле все хорошо, но в IE не работает. причем не работает если тока смотреть с сервака, а если запускать с диска то он выдает предупреждение что типо не разрешено выполнение сценариев и ActiveX и их можно включить тогда все отображает. как сделать так чт обы в IE все работало и ли хотя бы чт обы при запуске с сервака тож выдавало предупреждение, которое можно было бы принять!
0 votes1 answer -
Требуется небольшое пояснение
Всем доброго времени суток. Просьба сильно не пинать, если вопрос вам покажется глупым , я всего 3й день изучаю css и пока очень мало практики, сплошная теория. Парни, поясните, плз, как опустить ссылки пониже с помощью css. В общем вот код страницы: <!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=utf-8" /> <title>trial</title> <link rel="stylesheet" type="text/css" href="trial.css"> </head> <body> <div id="top"></div> &l…
0 votes2 answers -
тэг Embed
как в этом тэге добавить вид плеера, ибо я прописал станд. параметры, получилось что видео идёт без остановки по кругу, и нету кнопок нав. тоесть пауза пуск, стоп!!!
0 votes4 answers -
Вопрос по верстке
Собственно необходимо сверстать то, что изображено на рисунке. Я сам сделал так : <ol> <li><a href="#">Иванов</a><span>123</span></li> <li><a href="#">Петров</a><span>56</span></li> <li><a href="#">Сидоров</a><span>67</span></li> </ol> Загвоздка в том, как сделать так чтобы в inline элементе li фамилии выравнивались по левому краю, а рейтинг по правому. чуствую, что тут необходимо перейти к блочному представлению (display: block) Подскажите плз. http://www.zshare.net/image/71415107aaff911e/
0 votes5 answers -
swf объект - перекрытие слоев
Вывожу модальное окно с помощью jquery. В шапке лежит swf баннер. Открываю модальное окно - но он все равно находится сверху. Причем, в мозилле все нормально ... баннер не перекрывает. Но в остальных броузерах он все равно сверху. Как победить? Спасибо!
0 votes3 answers -
Несколько вопросов.
Здравствуйте. У меня к Вам несколько вопросов: 1 вопрос: Кодировку в XHTML документе можно указывать вот таким вот образом: <?xml version="1.0" encoding="utf-8"?> Зачем в ней указывать версию документа когда она написана в доктайпе? 2 вопрос: Так же кодировку в XHTML документе можно указывать и старым способом, то есть: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Каким же способом, рекомендуется указывать кодировку в XHTML документе на самом деле, первым или вторым? 3 вопрос: Некоторые вот эту кодировку, а именно: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> указывают двумя различными способами, тоесть,…
0 votes4 answers -
как сделать фон уезжающий за границу браузера
На одном сайте видел прикольную фишку, если сужать или раздвигать браузер, то видно как элемент фона с листьями заезжает за края браузера с обоих сторон а цент остается на месте, как это сделано?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-