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
-
Рипы
Задолбали риперы... Итак, погуглив, опять ничего толкового не нашел. Меня интересует защита сайта от рипа. Можно-ли как-то защитить сайт от рипа программой? Прошу знатоков Js написать приватный шифровальщик html (возможна оплата) и скрипт, который бы запрещал использование кнопки Ctrl+U (надеюсь бесплатно).
0 votes5 answers -
Помогите с парочкой проблем
Вот решил создать сайт, делал сам без знаний по сайтостроению в принципе вообще... Что получилось мне нравится,но вот не могу решить пару проблем... Первое хочу чтоб картинка нижняя(bottom.jpg)прижималась в самый низ страницы... Второе хочу чтоб боковые волнистые полоски растягивались до картинки после выполнения первого пункта... Сейчас чтоб картинка была внизу я просто указал размер волнистых линий #block { background: #fff url(bg_left.gif) repeat-y; height: 600px; width: 750px; text-align: center; color:#666666; } #block DIV { background: url(bg_right.gif) repeat-y 100% ; height: 600px; } если убрать height: 600px; то нижняя картинка и волнистые …
0 votes5 answers -
Помогите с проблемой в опере и ie
Мы с женой сделали сайт для нашего храма htttp://www.vavtovo.ru/hram. Это наш первый и, разумеется, некоммерческий сайт. Он достаточно простой, но, тем не менее, полностью устраивает и нас, и настоятеля. Мы столкнулись с нерешаемой для нас проблемой: когда смотришь галерею (точнее, нижние фотографии галереи) в ie7 и в опере, то полноразмерные фотографии появляются сверху за пределами просмотра монитора. Чтобы их посмотреть, нужно поднять прокрутку. Тогда как в хроме и мозилле все фотографии, независимо от их расположения, открываются по центру экрана. Подскажите, пожалуйста, как быть? Если такая ситуация уже где-то встречалась, пришлите, пожалуйста, ссылочку на решение. …
0 votes5 answers -
Непонятная проблема с прозрачностью
Подскажите, совсем запутался. Есть следующий код (упрощенно): style.css body { background-image: url(../images/fon-clear.jpg); background-repeat: no-repeat; background-color: black; background-position: 0 160px; color: white; min-width: 1000px; height: 100%; } .main { min-height: 650px; width: 77%; bottom: 0; background-color: black; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } index.php <body> <div class="main"> <div class="content"> ........................ ........................ ........................ </div> </div> </body> Т.е. суть - есть body, фоном для него использована картинка, внутри…
0 votes5 answers -
Как поставить сайдбары ниже контента
Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end contain…
0 votes5 answers -
Супер плагин для картинок
Говорить мало. Нужно видеть. http://kroppr.rborn.info/ Но стоит 25 евро, а это очень огорчает.
0 votes5 answers -
Табличный дескриптор <li>
Как увеличить или уменьшить расстояния между табличными элементами <li>? Заранее спасибо <ul id="topbar"> <li class="Main"> Main</li> <li class="Families">Families</li> <li class="History" >History</li> <li class="Events" >Events</li> </ul> #topbar li { display: inline ; margin-top:20px; } Вот почему то вот так не получилось =(
0 votes5 answers -
Нужен "Наставник" =)
Здравствуйте! Учусь верстке, сверстал первую верстку и столько негативных отзывов получил. (верстал для себя, просто так) в общем хочу научиться и без наставника мне сложновато... Я был бы очень благодарен вам за помощь! В общем скажу коротко и ясно, но к сожалению не очень любезно sad.gif (по другому будет долго, извините): Я скидываю вам psd, вы оцениваете, потом говорите "да" или "нет". Если да, я начинаю верстать. Если нет, я ищу другой макет до "да". И так по окончаний верстки я кидаю архив с html+css вам и Вы проверяете код и указываете что не так и почему оно не так, и как правильно решить этот "не так".
0 votes5 answers -
Оцените верстку
Добрый день дорогие форумчане. Оцените мою первую верстку http://phaetonjkeee.narod2.ru/ Макет брал отсюда http://forum.htmlbook.ru/index.php?showtopic=16763 на пример верстки в теме не смотрел, не смог только просмотреть результат в ie7. Архив с файлами html+css
0 votes5 answers -
Новый абзац после текста с картинкой
Словами, наверно, описывать проблему, попробую объяснить графически. Имеется немного текста с выравненной справа картинкой. Далее идет новый абзац с таблицей, но она продолжает выравниваться отн. изображения: Но надо вот так (т.е. абзац идет после изображения): Можно ли сделать это с использованием только элементарных знаний html. Как вариант можно <br><br><br>.. но как-то нерационально мне кажется
0 votes5 answers -
CSS меню
Помогите сделать такую менюшку на КСС. С КСС ещё не до конца разобрался. Вот такого типа надо http://i013.radikal.ru/1101/e5/6a365512fe7d.gif Надо чтоб в таком порядке ссылки стояли. Как сделать это в таблице знаю, а в КСС нет. Помогите Вот что сделал <!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" /> <title>Документ без названия</title> <style> ul { float: left; margin: 0 3.5% 0 0; padding: 0; width: 31%; } ul li { list-style: none…
0 votes5 answers -
Оптимизация фона
Здравствуйте, у меня возникла проблема при отображении фона сайта на меньших разрешениях монитора нежели у меня. Я делал сайт на мониторе 1920х1080. Проблема в том,что при уменьшении разрешения фон начинает обрезаться. Т.е. например головы льва и жирафа "отрезаются", из-за чего смотрится не очень...Мне на ум приходит или сжатие фона,т.е. на малых разрешениях рисунок будет сплющиваться по длине, или скроллинг горизонтальный. Какой вы можете посоветовать оптимальный выход из данной ситуации?И как его реализовать? Фон прописан вот так: html { background: url('../images/cork-bg.png') repeat ; } body { letter-spacing:0.05em; padding: 0; margin…
0 votes5 answers -
Div растягивает окно браузера
Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…
0 votes5 answers -
Жутко тормозит рендеринг страницы в IE7
Вот сайт лог/пасс - real В эксплорере в каталоге товаров наблюдаются жуткие тормоза (попробуйте поводить мышью по элементам) при просмотре любой категории. С чем это может быть связано?
0 votes5 answers -
Различия в отображении сайта.
Есть HTML файл на HTML5 с внедрёнными стилями на CSS3. Его копия лежит на рабочем столе и на локальном веб сервере. Кодировка UTF-8 без BOM. У сервера она стоит как дефолтная. Проблема в следующем, при открытии файлов в IE8 наблюдаются их отличия в оформлении (при совершенно одинаковом содержимом.) Вот ссылка на файл на сервере, ошибок оформления опять не наблюдается: ссылка. А вот анимация, которая показывает различия: Почему это возникает?
0 votes5 answers -
Как сделать ярлык у название сайта в поиске?
Как сделать ярлык у название сайта в поиске? Ничего не нашел по этому вопросу. Помогите
0 votes5 answers -
Применение margin сдвигает не то, что хотелось бы.
Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).
0 votes5 answers -
IE6 - гадкое отображение
Всем доброго времени суток, знаю что Ишак 6 уже не актуален у вебмастеров, но, многие все таки пользуются этим говнобраузером, поэтому хотелось бы решить проблему жуткого отображения моего сайта в нем, не отображаются вообще картинки в headere, съезжает влево правая колонка и вообще вид просто ужасный, подскажите что нибудь насчет оптимизации стилей под ишак.
0 votes5 answers -
Автоматическая высота блока при float объектах внутри
Есть слой, внутри которого объекты, примерно так: <div id="wrapper"> <div></div> <div></div> <div></div> </div> <style type="text/css"> div#wrapper { border:1px solid #000; border-radius: 5px; } div#wrapper div { height:50px; width:80px; float:left; } </style> При этом, поскольку float:left элементы как бы немного выходят из общего потока, div#wrapper по высоте их не обёртывает, а нужно, чтобы обёртывал, показывая границу и тупо задать ему height нельзя, т.к. количество элементов внутренних может быть разное. Подскажите, пожалуйста, как такое делать. Может внутренние элементы сделать display:inline-block?
0 votes5 answers -
Дальнейшее изучение HTML и CSS
Доброго времени суток. Совсем недавно заинтересовался Web-технологиями, облазил кучу форумов, где пытался ответить на вопрос: «с чего начать?» В результате поисков остановился на видео уроках Попова по «HTML и CSS» после их просмотра решил закрепить знания, по этим языкам прочитав, книгу Чебыкина: «HTML и CSS Современные технологии» Теперь мне нужна практика для отточки моих знаний. Хотел задать вопрос знающим людям. Что делать дальше: 1)Попытаться создать свой сайт путём проб и ошибок? 2)Попробовать поверстать макеты? или ещё какие-нибудь упражнения для практики. Забегая вперёд, хочу сказать, что в дальнейшем хочу изучить PHP и MYSQL. Если не сложно помогите составить …
0 votes5 answers -
Проблемы со ссылками.
Доброго времени суток. Начну, пожалуй, с описания задачи: 1) Сделать ссылку с флешкой; 2) При отсутствии флешки появляется картинка с ссылкой; 3) Блок ссылок находится снизу после флешки; содержит одну основную и список побочных; 4)Из таких ссылок сделать два ряда по 3 штуки. Первые три пункта осилил - http://beavers-net.narod.ru/primers/links_wth_swf.html 4-й так и не смог. Пытался как-то загнать все в блок через overflow: hidden, в результате столкнулся с тем, что ссылка вообще активной перестала быть.. Любая ссылка в блоке перестала реагировать на события мыши.. http://beavers-net.narod.ru/primers/links_trouble.html Все ошибки валидации - из-за вставок яндекс-хостинга.…
0 votes5 answers -
Проблема со ссылками
Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href=" "><img src=" " /></a> </div> Стили для блока заданы следующие: div#colleft { position: ralative; float: left; top: 0px; left: 0px; width: 120px; height: 635px; padding-right: 20px; padding-top: 0px; border-right: 1px solid #878787; } #colleft img { width: 50px; padding: 5px; } Почему-то Firefox и Google Chrome эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…
0 votes5 answers -
перенос строки при li {display: table-cell}
привет. есть li с назначенным фоновым изображением (иконка). чтобы прижать текст к низу блока, сделал display: table-cell; теперь при добавлении более одного элемента списка, все они выстраиваются в одну строчку. а нужно, чтобы по одному элементу в строке. как корректно растянуть строки в этом случае? привожу код: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { display: table-cell; list-style: none; background: url("/images/pdf.png") no-repeat; height: 32px; padding-left: 32px; padding-bottom: 0.5em; vertical-align: bottom; font-size: 120%; } заранее спасибо.
0 votes5 answers -
marquee
есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…
0 votes5 answers -
Как сделать div с одной стороны...
Как сделать div с одной стороны с закругленными уголками, а с другой нет? Мне нужен эффект "торчащего из-за окна браузера" блока... Вот скрин если нужно... На нем видно блок, который торчит из-за левого окна браузера... Как мне так сделать?
0 votes5 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-