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
-
Ищу слайдер
Всем доброго времени суток! Ищу слайдер(не в точности такой же, а по принципу работы подобный): Если есть возможность скинуть ссылку на него или его код.
0 votes10 answers -
flexie.js - не работает?
Собственно, проблемы с кроссбраузерностью flexbox Использую полифилл flexie.js - но не помогает В IE 9 это выглядит так: Может не так пользуюсь? https://jsfiddle.net/jysd1us0/1/
0 votes1 answer -
Проблема с высотой ячеек в таблице.
Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…
0 votes2 answers -
Проблема с масштабируемостью TEXTAREA в Opera,помогите пжлста оч прошу
Доброго времени суток всем! Я не знаток тонкостей работы различных браузеров, поэтому оч прошу помочь в моем вопросе. В IE и Firefox'е TEXTAREA масштабируется идеально. В Opera при загрузкеобновлении окна TEXTAREA тоже принимает нужный размер со своим scroll'ом, но стоит только изменить размер окна, как появляется глобальный scroll и TEXTAREA растягивается под размер своего текста ...... Вот код страницы, проблема особенно хорошо видна при большом объеме текста в TEXTAREA. Заранее спасибо. <HTML> <HEAD> <TITLE>CSS</TITLE> </HEAD> <BODY style="overflow:auto"> <TABLE width="100%" height="100%"> <TR height="1"><TD st…
0 votes3 answers -
Картинки в таблицах - загружаются, но не всегда
Вот сделал один сайтик, есть разделы с картинками, которые я в ячейки таблицы заключал, но вот иногда просиходит так, что не все картинки загружаются или пытаются подгрузится но бесконечно долго, хоть так и не всегда, но случается, интернет стабильный и быстрый. Что тут сделать дабы с гарантом загружалось всё?
0 votes4 answers -
4 вопроса по css
Здравствуйте, подскажите пожайлуста по трем вопросам: 1. Есть вот такой код: <table> <tr> <td style="" valign="bottom"><a href="index.php?register=yes" class="reg">Зарегестрироваться</a></td> <td><input value="Войти" type="submit" /></td> </tr> </table> Как все это сделать не таблицей, а блоком? Причем, естественно, нужно, чтобы надпись и кнопка находились на одном уровне. Это я к тому, что просто рядом можно разместить и так: <a href="index.php?register=yes" class="reg">Зарегестрироваться</a><input value="Войти" type="submit" /> но в Опере и ФФ надпись подымается к верху…
0 votes3 answers -
Меню сайта
Подскажите как создать хорошоє меню к сайту з випадающиэми разделами.
0 votes3 answers -
Поисковики. Принцип работы!
Незнаю в каком раздели написать мой вопрос, В общем решил в этом. Суть проблемы состоит в том что, у меня был сайт его начали замечать поисковики. Но вот буквально 3 недели назад я кардинально сменил тему сайта и контент, единственное что осталось прежним это адрес сайта. А поисковики продолжают выводить ссылки те данные и страницы которых уже реально нет на сайте. Как это можно изменить??? Подскажите!!!!
0 votes6 answers -
Проблемы при сжатии окна, контент ездит в боки а фикс блоки на месте.
Получил такую проблему при верстке. Дизайн задумка была такова, есть дизайнерские блоки для оформления верхний и нижний, они на странице не движутся, движется только текст по середине между ними. Текст обрамлен и рамки сливаются с нижним и верхним блоками. Даный текст при наличии боковой полосы прокрутки, прячется под верний блок и выежает с нижнего (если текста много). Я посадил верхний и нижний блоки через position: fixed отцетрировав по горизонтале и они всегда в цетре страницы как и текст. Текст при этом в блоке с display: table чтобы фон и рамки контента всегда был на всю высоту страницы и сливались с верхним и нижним блоком. Но вот при сжатии окна браузера менее 10…
0 votes4 answers -
Таргет
Народ, подскажите как сделать чтобы одно окно управляло другим ,к примеру, из одного окна открылось дополнительное другое ,как сделать чтобы при нажатии на дополнительном менялась информация на главном как выставить главному окну название которе буду писать в ссылке target в дополнительном окне. сразу говорю нету не каких фрамв
0 votes7 answers -
Закругление углов средствами CSS без картинок
Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0…
0 votes5 answers -
Проблемы с position relative Mozilla 3.0
<script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" …
0 votes1 answer -
Scroll только с одной строны.
Не получается сделать полосу прокрутки с одной строны. Помогите, пожалуйста. Хочу убрать горизонтальную полосу прокрутки. Причем, желательно, что бы она была не "неактивна", а ее вообще не было. Например, такой код: <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" lang="ru" xml:lang="ru" > <head> <title> НАЗВАНИЕ СТРАНИЦЫ </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv=…
0 votes8 answers -
элемент КОРЗИНА
как это создать?
0 votes22 answers -
портфолио
Пиеопле, подскажие как сейчас можно это дело организовать, файлы в html и css.
0 votes13 answers -
Смайлы
Ребят, помогите пожалуйста. Я только только прошёл уроки по HTML и CSS и решил создать пробный сайт. Выбор темы упал на сайт со смайлами для статуса в ВК (Пример - http://k-94.ru/emoji/.) Проблема состоит вот в чём: Я прописываю код смайла в свою таблицу (в index.html), но на странице отображается не код, а какие то иероглифы, т .е. браузер переводит этот код в какой то квадратик... Не знаете в чём проблема?
0 votes4 answers -
Float, выравнивание по ширине
Здравствуйте. Вопрос по следующей вёрстке: <!DOCTYPE html> <html lang="ru"> <head> <style> .left{ float:left; background:red; } .no_float { background:green; text-align:center; font-size:30px; } </style> <meta charset="utf-8" /> <title>Документ без названия</title> </head> <body> <div class="left"> float:leftrvrcrvrvr </div> <div…
0 votes4 answers -
Как растянуть родительский div?
Имеется страничка: <div id="cover"> <div id="top"> ......... </div> <div id="bottom"> .......... </div> </div> Для cover прописано в css background шириной в сайт и высотой в 1 пиксель с репитом y. Для top и bottom соответственно background верхней и нижней части сайта. Идея была в том, что бы когда контент больше высоты top, то он двигает bottom, а пустое место заполняется background'ом от cover. Но оно не работает, т.е. если я явно прописываю высоту какого-нибудь вложенного div'а, то всё ок, а если нет, то контент просто налезает на bottom и лезет дальше вниз. Как сделать правильно?
0 votes8 answers -
Нужен совет по верстке
http://leveler.ru/malina/ Вот верстаю макетик. Как бы сделать так, чтобы сияние под логой всегда совпадало по расположению с самим логотипом? Пока у меня нет мыслей, кроме как логотип вклеить в фон. Но тогда он вместе с фоном будет уезжать за страницу при масштабировании.
0 votes21 answers -
Равномерное растягивание IMG внутри блока DIV
Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.
0 votes2 answers -
Проблема с позиционированием элементов
Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="compa…
0 votes4 answers -
Два позиционируемых дива внутри основного
Дано: есть див "content" в нем два дива "left" и "right" которые накладываются друг на друга. Задача: При растягивании "right" в зависимости от наполнения "content" должет так же растягиваться поправка, "left" тоже нужно растянуть Проблема: Если использовать позиционирование, то не растягивается, а если не использовать то не получается перекрытия двух слоев... Код: #content { position: relative; margin: 0px; padding: 0px; width: 880px; min-height: 520px; left: 0px; top: 0px; z-index: 1;} #left { position: absolute; width: 200px; height: 500px; left: 0px; top: 10px; z-index: 1;} #right { position: absolute; width: 780px; left: 100px; top: 10px; z-index: 2;} <d…
0 votes1 answer -
height для встроенных - IE против Firefox
Наверняка тема уже поднималась, но я нигде не нашел, как решить. К своему удивлению столкнулся с неожиданной проблемой. Оказывается Лиса и Опера не понимают высоту для встроенных элементов. <a href="#" style="background-color: #3399cc;height:40px;">test</a> ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height. В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается. Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?
0 votes4 answers -
"Версия для печати"
Здравствуйте, коллеги. Нужна ваша помощь. Есть страница с закладками (пример здесь). Сначала грузится весь контент для всех закладок, а после завершения этого процесса отображается лишь содержимое дефолтной закладки. Далее, переходя от закладки к закладке, меняется и содержимое страницы. Проблема в том, что какая бы закладка не была активна, при нажатии ссылки "печать" (т.е. имеется ввиду версия страницы для печати) всегда отображается содержимое лишь дефолтной закладки (самой левой), а мне хотелось бы, чтобы отображалось содержимое активной в данный момент закладки. Можно ли это как-то исправить, и если можно, то укажите, пожалуйста, правильное направление решения пробл…
0 votes5 answers -
Как укротить swf формат?
Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-