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
-
баги в ие 6
Народ помогите пожалуйста ! на страничке marat.kroxus.net/2 проблемы с ie6 .
0 votes1 answer -
Картинка выползает за div
Столкнулся с проблемой выезда картинки за пределы div. <div class="newsdgrp_right" id="news_217"> <div class="newsthomb_right"><img class="newsicon_right" src="index_data/217s.gif"></div> <div> Ассортиментная скидка </div> </div> и код css .newsdgrp_left, .newsdgrp_right { clear: both; padding: 5px 5px 10px 5px; margin-bottom: 5px; border: 1px solid #A3C5E9; padding: 5px 5px 10px 5px; margin-bottom: 5px; } div.newsthomb_center, div.newsthomb_right{ float: right; padding-bottom: 5px; padding-left: 10px; } .newsicon_right, .newsicon_center, .newsicon_left{ margin-right: 10px; } В итоге получаю вот такое: …
0 votes2 answers -
баг или ошибка
В общем, ситуация следующая: <!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>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…
0 votes4 answers -
Выравнивание картинок в строку
Собственно решил выбрать верстку своим хобби. Изучил основы, почитал разные сайты, решил пробовать и натолкнулся на проблему решение которой я не смог найти к сожалению( Проблема очень простая, прошу не смеяться. Надо выстроить все 3 картинки в ряд, по горизонтали, незнаю как это сделать, они получаются одна на другой. <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" type="text/css" href="Style.css" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Название</title> </head> <body> <div class="head"> <div class="tablehead1"> </div> <div …
0 votes2 answers -
Помогите создать спойлер
Помогите пожалуйста создать спойлер через классы (ИД не подходит). Проблема 1. Необходимо скрыть под спойлер текст находящийся в классе "quote" <div class="quote">основной текст спойлера</div> Я могу изменить сам класс, но НЕ могу дописать ИД в див: <div class="quote" id="123">основной текст спойлера</div> точнее не не могу, а не хочу дописывать потому что сайт на движке ДЛЕ и новостей 2500 Проблема 2. Спойлер должен открываться нажатием на картинку, причем у картинки есть и своя ссылка: <a href="http://site.com" target="_blank"><img src="image1.png"></a> в результате site.com должен открыться в новом окне, а на старом окне раз…
0 votes5 answers -
Расстояние между дивами
Как уменьшить расстояние между дивами? http://www.rechnoy-express.ru/ В конкретном случае интересует расстояние между заголовком "Речные прогулки" и первой строкой таблицы "Аренда лимузина..." Или это не дивы, а что-то ещё?
0 votes3 answers -
Как прижать подвал к низу страницы?
Как я не пытался на разрешении больше 1663 x 823 съезжает футтер. Помогите! сайт http://kofe.16mb.com/
0 votes2 answers -
нужна помощь в WP
Здравствуйте. Помогите пожалуйста решить проблему. На сайте http://dragoncredit.com.ua/ нужно блок контента сделать больше например 600px sidebar1 и sidebar2 оставить таким же размером как и есть, но только нужно их сдвинуть вправо там где сейчас пусто смотрите скриншот Помогите пожалуйста.Большее спасибо Скриншот http://pixs.ru/showimage/SKRjpg_9088683_5989779.jpg
0 votes3 answers -
Вендорные префиксы
Вендорные префиксы, какие ещё актуальны для современных браузеров, вроде бы слышал о том, что -moz уже не используется для новой мозили, вот хочу узнать какие префиксы её нужны, а какие уже в небытие.
0 votes2 answers -
Нехороший слайдер :)
Нужно реализовать вот такую ересь. У слайдера более извращенные формы должны быть, но это решаемо.. Картинки должны идти слева на право, постепенно увеличивая размер.. Может кто столкнулся с подобной проблемой, подскажите слайдер способный натворить такое. Я кроме bxslider-a ни с чем более дела не имел, а через него такого не сделать.
0 votes8 answers -
Верстка VS GoogleTranslate
Верстаю макет для довольно объемного сайта, куча графических элементов, пачка слайдеров разных мастей. На каждом готовом этапе часть верстки заливаю на хостинг, дабы клиент мог оценить и сразу писать правки. Сейчас, уже практически заканчивая работу, вдруг, откуда не возьмись, клиент объявляет, что ему нужно, дабы сайт отображался полностью корректно при использовании сайта translate.google.com, в режиме перевода всего сайта. Если кто не знает, или не юзает, то это вот такая штука: http://translate.google.com/translate?hl=ru&sl=ru&tl=en&u=http%3A%2F%2Frambler.ru&sandbox=1 Фишка в том, что к каждому переведенному слову гугл добавляет пару оберток и свои…
0 votes3 answers -
как сверстать такой блок?
Подскажите ,пожалуйста, как сверстать такой блок?
0 votes3 answers -
Влияние статичного блока на абсолютно позиционированные псевдоэлементы
Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…
0 votes7 answers -
Помогите реализовать...
Подскажите пожалуйста! Сам полностью в ручную пишу сайт... Всегда все вопросы решал сам... Но тут уже руки отпускаются.... Собственно вопрос...как средствами html css или другими php реализовать - изменяю цену на главной странице, чтобы автоматом цена менялась на субстраницах.... А то приходиться изменять цену на главной странице, потом залазить на субстраницы и там тоже менять, очень тяжко, когда субстраниц штук 30-40 и более...спасибо!
0 votes7 answers -
Как решить проблему с z-index?
Доброго времени суток! Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана). Как решить такую задачу? Пример
0 votes1 answer -
inline-block гуляют по вертикали
http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?
0 votes3 answers -
Рамка
Подскажите пожалуйста, как сделать такую рамку? , я пробовала box-shadow, , но результат не тот, что нужен box-shadow: 0 0 10px 1px grey;
0 votes2 answers -
Добавление блока и перестановка последующих
Можно как-то с помощью HTML & CSS сделать так что когда добавляешь новый блок на страницу, то предыдущие сунуться в бок, а последний переходит на другую страничку, и так далее. Например если добавить новый товар в интернет магазин, то все товары по итогу посунуться на один, а последний перейдёт на следующею страницу. А если только с помощью JS или еще как то какой самый простой способ.
0 votes1 answer -
Как вставить 3D-тур на сайт?
Всем доброго времени суток. Имеется 3D-тур для заведения предоставленный по ссылке - http://fotospy.ru/3d/demo/grill-grad/domiki/tour.html. Каким образом мне вставить его на мой сайт так чтобы могли просматривать этот тур на нем? Буду благодарен за помощь.
0 votes1 answer -
Высота таблицы
Здравствуйте. У меня опять проблема. Что-то не могу понять как высоту таблицы задать. Нужен эффект примерно как на http://ya.ru т.е. что бы строка с копирайтами была строго внизу окна, а не тела документа. Задавал height=100% для table и работало, как надо, а в спецификации сказано, что это свойство для тега table не поддерживается. Как на том же яндексе это сделано, так и не понял.
0 votes1 answer -
Текст
Добрые люди помогите! Я не могу сделать так чтобы, на странички двигался только текст, без заднего плана, как его закрепить подскажите в HTML. Заранее спасибо!
0 votes1 answer -
Скольжение слоёв
Может быть кто то опытный подскажет, как сделать. чтобы нижний слой (на нём фоновый рисунок) был неподвижен относительно окна монитора, а верхний слой ( на нём лежит сайт) перемещался при прокрутке.? Заранее благодарен.
0 votes2 answers -
Шаблон для Joomla, как убрать сдвиг центральной коллонки?
Добрый деньё С ХТМЛ и ЦСС работаю совсем недавно. При написании шаблона под Joomla возник вопрос: Есть 3 основных блока - 2 по бокам фиксированные и один по центру с контентом гуляет по вертикали. Как сделать чтобы центральный блок, при уменьшении ширины браузера, не заезжал под левый блок и не оставалось пустое место справа? Или как заставить все блоки прокручиваться по горизонтали, при уменьшении ширины браузера? сам шаблон: http://fav-art.com/FAVart.template/ П.С.: подробное описание того что хочу получить: http://joomlaforum.ru/index.php/topic,141983.new.html#new или http://joomla.org.ua/forum/topic?id=920 Заранее всем откликнувшимчся чрезвычайно благодарен кот: &l…
0 votes0 answers -
Помогите пожалуйста удалить "фон сайта"
Всем доброго времени суток. Сейчас я делаю первый в своей жизни сайт, и столкнулся с трудной для меня проблемой - как можно удалить фон сайта как таковой, ну или же сделать размер страниц таким, чтобы он его полностью закрывал. Буду очень признателен за помощь. сайт - Моя ссылка фото - http://i066.radikal.ru/1108/98/fda585502ab6.jpg
0 votes6 answers -
очистка флоатов))флоат под флоатом
привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-