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
-
помогите нужно добавить модуль для ucoz
Здавствуйте, у меня сайт на ucoz и я с html не разбираюсь Скажите пожалуйста куда и как это сувать? говорят между тегами <head> и </head> это как? В head: <style type="text/css"> .tdfr { border:1px solid #C2C5CA; padding:2px 5px; margin:2px;} .tdfr img {opacity:0.65; filter:Alpha(Opacity='65');} .tdfrh { border:1px solid #969696; padding:2px 5px; margin:2px; background: #EAEBEC; } .tdfr a, .tdfrh a {font-size: 9px;} .deletedfr {width: 100%; height: 100%; background: white; opacity:0.45; filter:Alpha(Opacity='45');} #capcode {width: 100px; height: 35px; text-align: center; color: grey; font-size: 14pt;} .moreFr {border-top: 1px solid #C2C5CA; pad…
0 votes11 answers -
Верстка
Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…
0 votes16 answers -
Оффсет для списка
Всем доброго времени суток! Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?
0 votes20 answers -
Эффект скрытия текста при скролинге
Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm
0 votes2 answers -
разметить текст блока с кратким описанием языка HTML
Оберните текст «HTML» парным тегом <span> с атрибутом class и значением term. Оберните текст «HyperText Markup Language» парным тегом <span> с атрибутом class и значением hint. Оберните текст «Всемирной паутине» парным тегом <a> с атрибутом href и значением https://ru.wikipedia.org/wiki/Всемирная_паутина. Весь текст оберните парным тегом <p>. Оберните тег <p> парным тегом <main> с атрибутом class и значением content. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage (с…
0 votes1 answer -
Две колонки
Я хочу создать страницу, которая выглядит так: __________________ |Заголовок | |_________________| ___ ____________ |m | | Контент | |___| |___________| m - меню, ширина - 150 px Контент - вся оставшаяся ширина Между ними расстояние в 15 px. CSS такое: .menublock{ border: 1px dashed; padding: 3px; margin-bottom: 10px; margin: 3px; margin-right: 10px; background-color: #DFD; float: left; width: 150px; display: block; } .pagecontent{ position: relative; border: 1px dashed; padding: 3px margin: 3px; background-color: #DFD; } .header{ background-color: #DFD; padding: 3px; display: block; } HTML: html> <head> <link rel="stylesheet" type="text/css" href="site.…
0 votes2 answers -
Скролбар в диве, опускание вниз
Нужно сделать мини чат, и требуется, чтобы сообщения в диве отображались внизу дива. Т.е. когда див чата оверфлоу (переполняется), и срабатывает прокрутка, нужно, чтобы старое уползало вверх, а див сам прокручивался вниз и показывал новые мессаги. Не соображаю, как сделать, подскажите, пожалуйста. Набросал примерный код для теста: (почему-то в фаерфоксе при добавлении строки из message в chat, содежримое chat выравнивается по центру, а при переполнении chat, прокрутка не появляется... помогите и с этим разобраться, пожалуйста) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <bod…
0 votes4 answers -
Растяжение хедера и футера
Как побороть проблему: Есть футер прижатый к низу средствами CSS, хедер и основная часть. Если в основной части контент шире чем окно браузера, то появляется горизонтальный скролл. Если прокрутить его влево, то будет видно что подвал и шапка остались своего размера, а надо чтоб тянулись. Пример: http://vindex10.24ua.com/ Собственно сам документ: index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Блаблабла</title> <link rel="stylesheet" href="work/footer_down.css" /> <link rel="stylesheet" href="work/main.css" /> </head> <body> &…
0 votes5 answers -
Проблемы С Передачей Данных В Html Коде Через Кнопку Submit
Уважемые профи и юзеры, помогите плиз бьсь сегодня целый день. такая проблема. есть html файл шаблона. на нем форма. короче там все сдеално с помошью smarty. На форме есть кнопка Отправить ну короче submit. я хочу сделать чтобы это была не кнопка, а выбраная мною картинка. получается. но когда я давлю на кнопку странка просто обновляется и самого submit не произходит. в чем может быть проблема??? подскажите плиззз...
0 votes4 answers -
Таблица в html
вобщем, я не понимаю как в таблицу вставить таблицу может быть кто знает отпишитесь плиз помогите) вот такое задание мне надо сделать квитанцию такую а я не могу понять(http://s009.radikal.ru/i310/1103/2b/1fafd664033f.jpg
0 votes8 answers -
Неупорядоченный список
Собственно - сам вопрос: Реально ли сверстать такое меню на неупорядоченном списке? Проблема в том, что я не могу придумать, как сделать эти разделители... Есть у кого-нить варианты? Был вариант сделать через фоновый неповторяющийся рисунок, но элементы li не растягиваются по высоте на 100%...
0 votes10 answers -
SEO верстка
Здравствуйте, есть двухколоночный макет с прижатым футером <!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>Верстка</title> <style type="text/css"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100…
0 votes8 answers -
Резиновый макет.
Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка
0 votes8 answers -
Изменение цвета рамки у поля при фокусе
При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa
0 votes4 answers -
Загрузка данных в поле 1-ого фрейма, при нажатии на ссылку 2-ого фрейма
Мне нужно, чтобы при нажатии кнопки во втором фрейме, происходила загрузка в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body> </html> page2.html <…
0 votes7 answers -
Народ нужна помощь
Кроче дело обстоит так .Задаю <html> <head> <style> div.main{border:1px solid #ccc;width:100%;} </style> </head> <body> <div class="main"></div> </body> </html> Так вот проблема в том что все браузеры нормально(ну тоесть рисуют черту) ,а вот IE6 рисует div выстой 10px ....думал что в css проблема,но когда отдельно вынес ,то проблема осталась. Подскажи кто нибудь как решить эту проблему
0 votes2 answers -
Как проставить ссылку на скачку?
Как проставить ссылку чтобы при клике по графической кнопке начиналась скачка музыкального трека с сайта?)СПС)
0 votes10 answers -
Проблема с высотой
Ну вот никак, НИКАК не хочет этот ... ие отображать целиком мой сайт - обрезает его по правому столбцу. Вот сайт, смотреть в ие. Если нужно выложить код, скажите пожалуйста.
0 votes4 answers -
:blink: Опять у меня проблема с ИЕ
В форуме рылся но не нашёл ответа Вот http://palitra-oil.narod.ru/stoimost.html
0 votes6 answers -
Посоветуйте книги по профессиональной верстке
Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.
0 votes2 answers -
PIE.htc не фурычит
Скачал последнюю версию, подключил - там где применяется border-radius у элемента пропадает фон. Пробовал через pie.js - такая же фигня. Что я делаю не так? )
0 votes9 answers -
Проблема с фиксированым подвалом
Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.
0 votes16 answers -
скругление внутрь
как сделать что-то подобное? (блок со скруглениям у вершин)
0 votes3 answers -
шрифт Ronnia Bold
Всем привет! Помогите найти шрифт Ronnia Bold. Где можно скачать, или поделитесь
0 votes9 answers -
ul: margin: 5px;
ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-