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
-
как разместить div по центру страницы
Собственно вопрос в теме, с IE я его решил, через хак, а вот чтоб на чистом 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> <title>Документы</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> body{ width:100%; height:100%; margin:0; font : 12px Verdana; } #container{ position: relative; width:900px; min-height:228px; background-image:url(kepka.jpg); background-repeat:no-repeat; background-position: right…
0 votes2 answers -
помогите очень прошу!
Здравствуйте!!!! Мне нужна помощь , как вот такое меню в html заставить работать в IE и Opera: <td<div onmouseover="document.all['menu2'].style.display=''" onmouseout="document.all['menu2'].style.display='none'"><A href="http://soosan.cort.com.ua/" target="_blank"> <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN"> </A></marquee><br> <div id="menu2" style="display:none"> <table> <tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td&g…
0 votes39 answers -
Наложение div-ов с прозрачными картинка друг на друга
Билась над этой проблемой всю ночь, но работать корректно оно не хочет. Есть 3 дива: 1 с нижней большой картинкой, второй с прозрачной картинкой-закладкой поверх 1 и 3 див с текстом и фоном прозрачным, который тоже поверх большой картинки. Они нормально друг на друга накладываются, НО при этом под большой картинкой появляется отступ равный по высоте двум нижним дивам (хотя сами дивы висят на месте). Отсуп есть во всех браузерах, включая IE6. Вот код: HTML: ... <td valign='top'> <div id='actual5'> <img src='img/actual5.png' width='171' height='99' border='0' /> </div> <div id='big_main_foto' width='100%' height='315'…
0 votes4 answers -
Как сделать отступ?
Приветствую, помогите пожалуйтса, я только начал учить html, вот и столкнулся с проблемой, хочу сдвинуть таблицу немного вправо, только как я незнаю вот серую таблицу вправо немного, как ее сдвинуть?
0 votes4 answers -
Живой, движущийся задний фон сайта.
Есть задняя фоновая картика bg.jpg (фиксированая, при скролинге сайта остаеться на месте). Задумка следущая, нужно сделать так чтобы на этот bg.jpg ложилась и двигалась влево еще одна картика smoke.png (полупрозрачная). Поверх smoke.png, ложиться еще раз smoke.png, но уже движеться вправо. Smoke.png должны двигаться одновремено, каждая в своем направлении. А также чтобы при скролинге сайта они не прокручивались верх-вниз, а были тоже как бы завиксированы. В общем проще говоря нужно создать эффект движущегося дыма. Естественно скролинги картики smoke.png должены быть бесконечными (петлей) Как это можно реализовать ? Вот строка картинки заднего фона в моем CSS. Помогите…
0 votes7 answers -
div Как перенести блок на новую строку
Вечер Добрый. Пишу с просьбой дабы объяснили как можно перенести блок в определенно место. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./css/style.css"> <title>HTML5</title> </head> <body> <div class="" ="wrapper"> <div class="header"> <div class="header_line"></div> </div> <div class="row"> <div class="avatar"></div> <div clas="abme"> <div class="name"></div> <div class="status"><…
0 votes3 answers -
Проблема с инсталляцией Apache.
Решил установить Apache. Скачал .msi файл с оффициального сайта. Но, программа не устанавливается. Запускаю инсталятор, окно установки появяется, исчезает на секунду и появляется тоже окно, со следующим сообщением: Installation Wizard Interrupted The installation wizard was interrupted before Apache HTTP Server 2.2.11 could be completely installed. Your system has not been modified. To complete installation at another time, please run setup again. Click finish to exit the wizard. И одна активная кнопка - "Finish". Перезапускал установку, скачивал другие версии, ничего не помогает, везде одно и тоже. Проверял антивирус, вроде не запрещает установку. Что делать, может у ко…
0 votes9 answers -
Картинка в Всплывающей подсказке
Прошу помощи! У меня такая проблема - необходимо что-бы всплывающая подсказка содержала картинку но проблема в том что необходимо это сделать в html в самом блоке где идет текст (блок прикручен как чистая страничка) посоветуйте код для воплощения этой задачи желательно не сильно громоздкий код потому как на страничке много картинок к которым нужно прикрутить всплывающую подсказку с изображением Или подскажите как к стандартной всплывающей подсказке title прикрутить изображение
0 votes7 answers -
help - не могу размыть задний фон
Беда какая-то, уже 2 часа бьюсь головой об стену((( Нужен задний фон для .modal окна, чтобы был размыт - использую скрипт blur.js http://blurjs.com/ Но НИЧЕГО не выходит! http://zverushka.zz.mu/river2/ (вспрывалющее окно по кнопке закажите лендинг). Да даже ничего не выходит куда угодно, если скрипт воткнуть. Я уже перепробовала кучу скриптов - но они размывали все окно, а не только фон окна. Код Я даже старый jquery воткнула, как в их демо - чтобы работало, а оно не работает.
0 votes24 answers -
Тест на JavaScript
Нужно создать тест при помощи JavaScript, который выбирал бы вопрос случайным образом из отдельного файла (списка вопросов и ответов). Может кто-нибудь знает, где можно скачать готовый такой скрипт с генерацией случайных вопросов?
0 votes5 answers -
три состояния у SVG: закрасить svg (свойство fill не помогает)
у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но есть еще одно состояние когда картинка полностью закрашена. Как сделать чтобы то же свг закрашивалось полностью (например при добавлении класса)? У меня не получается просто добавить css свойство для этого Какие есть еще идеи? https://jsfiddle.net/ypqz5Lh6/
0 votes13 answers -
Внутренняя тень у svg-иконок
Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. Скрытый текст . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда…
0 votes7 answers -
как убрать padding у div последнего элемента
Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3…
0 votes8 answers -
Как пишется на PHP+MySQL рейтинг для статей звездочками
Как пишется рейтинг оценки статьи в цифрах и звездочками? нужно чтобы было PHP+MySQL. Есть код с перечнем оценок. Как сделать так чтобы возле статьи стояли звездочки ретинга и рядом стояла цифра рейтинга?
0 votes20 answers -
Математический расчет на html страничке
Подскажите, можно ли как-нить сложить 2 числа на страничке, написанной на html? Дело в том, что есть одна прога, которая генерирует шаблонные документы на базе html страницы и подставляет туда данные из своей базы, так вот, задача состоит в том, чтобы выводилась сумма двух чисел, вытащенных из базы, а не сами эти числа.
0 votes16 answers -
Динамический сайт без серверных языков
Здравствуйте! Возможно ли создание динамического сайта с периодическим обновлением контента от 50-100 страниц без использования серверных языков,таких как например PHP? Используя только - html5, css3, javascript возможно создавать подобные сайты?
0 votes19 answers -
Firefox - пожиратель рам! Как отучить ФФ есть бордюры?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…
0 votes32 answers -
IE8 и border-radius
Проблема заключается в том, что все бразуеры кроме IE8 и ниже понимают border-radius и работают с ним на ура. Но как заставить понимать IE8 понимать и соответственно отображать закруглённые углы(border-radius)?
0 votes18 answers -
Поворот, вращение background
Поворот, вращение background, возможно ли это? Сама проблема: background всей страницы сделан как градиент, но под 45 град. Чтоб понятнее - вот сама картинка (5 кБ):
0 votes10 answers -
Проблемы с кодировкой
Добрый день! Столкнулась с такой проблемой. Скачала шаблон сайта и в самом начале документа указаны следующие строки: <!DOCTYPE html> <html lang="en">. Если я правильно поняла, то это HTML5. Перекодировала в ANSI и изменила charset на windows-1251. Затем мне необходимо было изменить текст в шапке сайта, как раз там, где красуется логотип (на самом деле вместо логотипа просто текстовое наименование компании), но когда меняю английский текст на русский, то русский текст не отображается. Я не могу понять, в чем причина. Можете подсказать, что делать? lang="en" меняла на lang="ru", но это не помогло, к сожалению. Буду благодарна, если найдутся те, кто смогут по…
0 votes31 answers -
Блик на чистом css
Доброй ночи, уважаемые форумчане! Не подскажете, как создать такой блик исключительно на css. Просто вырезать и вставить блик как-то не круто( А других идей у меня пока нет... http://clip2net.com/s/3j79hmY
0 votes3 answers -
прижать слой к низу
Всем привет. Подскажите, как закрепить слой внизу окна браузера?
0 votes15 answers -
оформление select через css
Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...
0 votes6 answers -
Img Align=center
кто пояснит значение этого параметра, которого нет в доках сайта? IMG ALIGN=CENTER <p align="center"><img border="2" src="n.gif" width="120" height="40" align="center"> <img border="2" src="en.gif" width="120" height="40"> <img border="2" src="wn.gif" width="120" height="40" align="center"></p> вот код, что относительно чего выравнивается - не пойму, но красиво.
0 votes5 answers -
Статистика браузеров
Возможно тему кто то уже создавал но всетаки рискну создать свою, как создателя веб сайтов меня очень интересует всемирная статистика их использования, Россия, запад, восток, все все даже браузеры для жирафлов сойдут!!! Давай те тут будем вместе ее отслеживать и выкладыввать информацию в виде скриншотов, вместе будем ждать того же великого момента когда "великий" и костлявый ие6 опуститься ниже минимума! Вот то что я нашел за декабрь 09 на liveinternet ИЕ6 потерял за месяц 0,6% и сейчас 11,1%
0 votes42 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-