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
-
Съезжает колонка
Добрый день. Не могу разобраться, устанавливаю lightbox вот этот: http://www.huddletogether.com/projects/lightbox2/ Все устанавливается легко и просто, но при увеличении картинки практически все элементы съезжают: В оригинале должно быть всё ровно. Залез посмотрел в css: http://aquadom.info/templates/def/css/style.css В строке 552 конфликтующий код: div{ padding: 0 !important; } Если удалить этот код, то в lightbox все получается ровненько как и должно быть: Но вылазиет проблема с правой колонкой, некоторые элементы съезжают вправо: Уже все перепробывал, не знаю что делать. Спасайте.
0 votes4 answers -
Многоязычный сайт
Скажите, пожалуйста, как правильно организовать структуру многоязычного сайта для поисковиков(допустим в meta прописать на всех языках в основном index файле или прописать для каждого языка в своем файле)?Какие-либо нюансы при организации структуры? На что обращать внимание? Рада буду любым полезным полезным ссылкам и советам.
0 votes2 answers -
Помогите победить background-image
Здравствуйте гуру CSS Помогите пожалуйста дилетанту. Уже который день бьюсь, не могу поменять фон на изображение. Нашел кусок кода, который за это отвечает. Прописал background-image: url(images/111.gif);-ничего не происходит. Причем если меняю фон с помощью тега background:#666666;-то он меняется без проблем. Использую Joomla 1.5 + virtuemart 1.1.9 вот кусок кода из template.css /*——————————————————————————————*/ /*———————————-- Main Design Styles ———————————--*/ /*——————————————————————————————*/ body {background:#666666; background-image:url(images/111.gif); } .indent-content { padding:0 10px 5px 10px;} .main {width:1100px;} .main-indent {padding:22px 4px 25px 4px;} …
0 votes4 answers -
отображение в Googl Chrome
Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал
0 votes3 answers -
Таблицы
Всем добрый день. Проблема какая-то смешная, но справиться с ней не получается. Есть простая таблица, border="0". Но на выходе (в Мозилле) отображается верхняя граница (белого цвета). Как я с ней только не билась, везде прописывала none и 0 (в таблице, в css), перекрашивать пыталась - 0 реакции. Вот скриншот: В таблицу заключены юзерпик, заголовок, автор и дата создания. Люди опытные, подскажите, как её убрать!
0 votes3 answers -
inline в outlook
Пытаюсь подпись в outlook в html создать. Возникла проблема, почтовик воспринимает только инлайн. Сама подпись на слоях, не могу приучить слои к стилям. Уже склонен попробовать таблицей, но это как крайний вариант.
0 votes2 answers -
Размещение div с текстом по центру
Есть html: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Переход на внешний сайт</title> </head> <body> <div> <span> <h2> Переход по внешней ссылке </h2> <p> Вы будете перемещены через [b]секунд[/b] </p> </span> </div> </body> </html>…
0 votes3 answers -
Проблема с файлами CSS
Всем добрый день Столкнулся с проблемой. Не знаю как её решить. Залил сайт на хостинг, домен купил. Захожу на сам сайт "gasis.tv". Сайт показывается без стиля, т.е. не видит файлы CSS, в index.html все пути прописаны правильно (проверяло 3 человека). Помогите пожалуйста)
0 votes1 answer -
Карты Google
День добрый! Хотел установить карту гугл на сайт, она должна быть "чистая" без кнопок, только с одной меткой на карте. Но как выяснилось чтобы их удалить нужно с JS возится, я его еще не знаю. Если кому не сложно можете написать здесь пример кода? Спасибо!
0 votes6 answers -
overflow проблема
http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?
0 votes8 answers -
как исправить описание
http://lybrook.net/1014-million-sposobov-poteryat-golovu.html
0 votes2 answers -
Помогите связать правила между собой
Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.
0 votes2 answers -
div'ы в цикле
Всем привет, ребят така проблемка, например: .descript{ padding: 5px; float: left; width: 55px; margin:3px;}.model{ padding: 5px; float: left; width: 55px; margin:3px;}<div class="descript">123</div><div class="model">456</div>Тут понятно, два дива будут рядом по горизонтали, но при прохождении цикла формируются еще div'ы, и при такой конструкции они естественно тоже цепляются по горизонтали, а задача сделать так чтобы несколько блоков были по горизонтали, а следующие из цикла были ниже но в таком же виде, надеюсь понятно описал или тут лучше использовать таблицу? Спасибо!
0 votes2 answers -
Слэш в конце
Всем доброе утро! Меня интересует вопрос. Допустим, взяв к примеру код: <link rel="stylesheet" href="/styles/style.min.css" />Объясните, для чего нужен этот слэш в самом конце? И в каких случаях он вставляется?
0 votes3 answers -
Сделать select невидимым
Подскажите пожалуйста, как сделать селект невидимым на MAC os. Сейчас он выглядит вот так. http://joxi.ru/vDr8GOOiXMOlA6 webkit-appearance не работает -webkit-appearance: none;-moz-appearance: none;appearance: none; Однако на другом сайте, с которого клонировали этот, селекта не видно. Почему, Как скрыть, может джей эс поможет. Плииииииииз На другом сайте выглядит во так: http://joxi.ru/NDrlw99FPywWAP- это работает, а там нет
0 votes2 answers -
Не работает выравнивание картинки по горизонтали
Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!
0 votes3 answers -
прокрутка для мобил
сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?
0 votes0 answers -
Ошибка при попытке оставить заявку о заказе на почту
Возникает ошибка: Service Unavailable The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later. Additionally, a 503 Service Unavailable error was encountered while trying to use an ErrorDocument to handle the request.
0 votes0 answers -
Проблема с любимым "Липким" - sticky
Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)
0 votes1 answer -
Ccылка на другую html страницу
Подскажите такую туку. Есть главная страница index.html с обычным кодом: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body> <table> <tr> <td> ... </td> </tr> </table> </body> </html> И есть страница з формой напр. form.html c кодом: <form name="form" id="form"> <select name="oblast" id="oblast"\> <option>AР Крим</option> <option>Волинська</option> <option>...</option> </select> </form> Как подвязать код из страницы form.html, чтобы не вводить…
0 votes1 answer -
проблема с анкорами
Здравствуйте! Есть трехколоночный макет фиксированной ширины (который корректно работает под всеми браузерами). CSS (см. секцию LAYOUT в нем): /********** TOP-LEVEL ELEMENTS **********/ html, body { margin: 0; padding: 0; text-align: center; /* for centering layout */ } /********** FONT **********/ body { font: 76% arial, sans-serif; } /********** COLORS **********/ /* blue - #99f, orange - #fc3, black - #666, gray - #ccc */ body { background-color: #ccc; } .body { background-color: #fff; } .header { background-color: #666; color: #FFF; } .left { background-color: #99f; } .right { background-color: #99f; } .footer { background-color: #666; col…
0 votes2 answers -
Высота таблицы вписанной в ячейку
Всем доброго времени суток! Описываю картину: Таблица поделена классически(почти), три строки, верхняя - шапка, средняя - контент, низ - подвал. В среднюю ячейку, с контенотм, вписана ещё таблица из двух столбов(назовём её content), левый - меню, правый - основной контент страницы. У вписанной таблицы в стилях высота прописана 100% (height:100%). Вот в чём вотпрос, почему эти 100% в половине браузеров не воспринемаются? Т.е., 100% - это значит что таблица должна занимать всю высоту ячейки в которую она вписана, я так понимаю. И вместе со мной это понимают Chrome и Сафари, а вот Опера, Лиса и IE8 подгоняют её под наполняемость ячеек. Почему так? Как исправить несправедли…
0 votes2 answers -
изменение ширины из-за скрола прокрутки
Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит
0 votes2 answers -
Псевдоклас hover в IE 8, неправильно отображается
Есть сайт http://eridanaudio.ru К верхнему горизонтальному меню применяется такая запись: #ict_hor a:hover { color: #0000FF; } Это синий цвет при наведении курсора мыши на ссылку. Так вот, в Firefox и Chrome все работает корректно, а в IE 8 ссылка меняется не на синий, а на белый цвет. Как подогнать под единый стандарт?
0 votes2 answers -
теги и визивиг
объясните пожалуйста каким образом верстать часть страницы, которая будет изменяться при помощи визивиг-редактора. я стараюсь максимально специфицировать все тэги. то есть например вместо использую <p class="text">. это позволяет избавиться от возможных лишних тэгов. например при копипасте контент-менеджером вордовского документа но при таком подходе становися невозможным заполнение страницы теми тегами, которые я не описал. да и визивиг про мои классы понятия не имеет к тому же объясните пожалуйста как правильно делать
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-