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
-
float:left и выравнивание по центру
Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.
0 votes2 answers -
input type=file
Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…
0 votes2 answers -
Повторяющийся div
Создаю элемент, который должен повторяться по горизонтали. Никак не пойму, чего не хватает в коде: http://jsfiddle.net/wQtEz/5/
0 votes20 answers -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!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="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpa…
0 votes23 answers -
Проблема с фреймом(html).
Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…
0 votes6 answers -
XHTML vc IE7
Приветствую. Всех с наступившим НГ 8) и последующими праздниками )) Собственно тут такой прикол нашли. Разрабатываем web-приложение, где естественно куча верстки и много динамики. Так вот... IE7 своим нереально медленным рендерингом динамики просто поражает. Сидели думали в чем проблема... Как оказалось после отключения доктайпа: <!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"> и переводя его в QuirksMode производительность браузера поднялась раз в 10ть. Только без доктайпа не хочется писать продукт. Может кто-то встречался с подобной проблемой…
0 votes12 answers -
Ширина DIV'а
Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>
0 votes8 answers -
Вопрос По Контенту
Здравствуйте! Подскажите пожалста, такая ситуация: Есть главная страница сайта, на ней шапка, подвал и меню слева, по центру блок для контента. Как сделать, чтобы остальные страницы сайта открывались в блоке "Контент". Уже стоко инфы прочитал и форумов облазил, но ниче подходящего найти не могу. В каком направлении хоть двигаться? Заранее спасибо.
0 votes10 answers -
2 div'a в одной строке
Делаю 2 div'a в одной строке, но между ними в Oper'е и FireFox'е возникает расстояние, помогите его убрать: <style> .g1, .g2 { width:50px; display:inline-block; } .g1 { background-color:rgb(125,55,0); } .g2 { background-color:rgb(55,0,125); } </style> <div class="g1"> 1 </div> <div class="g2"> 2 </div> Пробовал убрать отступ с помощью margin, padding, border - не помогло, если никак не убрать остаётся вроде только float'ом 2 block'а делать.
0 votes2 answers -
Как быть с изучением html,css
Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад. Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника который мог бы так же ясно излагать мысли я не нашел. Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть? или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо.…
0 votes14 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
display: table и min-height в firefox и safari
Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф
0 votes5 answers -
Текст на картинке
Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование…
0 votes24 answers -
Помогите разобраться в чем проблема с PerfectPixel
Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.
0 votes12 answers -
Bootstrap, 3 колонки в две строчки
Здравствуйте, Никак не могу найти причину почему колонки съезжают. Знаю, что одна колонка ниже остальных, но как это влияет на bootstrap не понимаю. Посмотрите пожалуйста? http://xn—-7sbqkbjlgtakdhickq1a2n.xn--p1ai/
0 votes6 answers -
наследование высоты
сломал голову в размышлениях над: body, html{height:100%} если задать высоту таблице или блоку 100%, он адекватно растягивается, если структура таблицы представляет 3 строки, 1я и 3я - фиксированные высоты, то почему автоматом не вычисляется высота 2й строки(имею ввиду ячейку, не важно), если указать высоту 2й ячейки 100%, то она считается от BODY, а не от таблицы, даже если у таблицы есть еще один родитель со 100%, как сделать чтобы TD считал высоту от высоты таблицы, а не от BODY? как заставить DIV принимать высоту в 100% от родителя с % или явно не указанной высотой?
0 votes4 answers -
Chrome не правильное отображение
Доброй ночи всем. Только что поставил на сайт поиск от гугла. Решил протестировать, Mozilla, IE(что удивительно) нормально все, а с Chrome проблема, и даже не знаю, что ему не нравиться... проблема на странице результатов поиска, в Хроме после результатов не здоровый отступ вниз. Заканчивается код поиска, и перед классом clear дыра...пикселей на 200-300. Дивы все нормально закрыты, первый раз такое. <script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script> </div> <div class="clear"></div> </div> <div id="footer"> кстати, посмотрел на этом сайте, так тут тоже Хром внизу результатов поиск…
0 votes12 answers -
HTML5 — Section? Aside?
Давайте поговорим об html5 семантике, как бы вы разметили данный макет?
0 votes17 answers -
Размер картинки по размеру ячейки
Подскажите пожалуйста, как подогнать размер картинки по размеру ячейки в таблице, что бы она не дублировалась, а строго сохраняла пропорции????
0 votes1 answer -
Эффекты перехода страниц в Firefox
Почему-то не работают эффекты перехода страниц в браузерах Opera (вполть до 9.20) и Firefox. IE отображает их правильно и красиво, но кому он сегодня нужен! Есть ли хитрый способ заставить работать переходики и в этих актуальных браузерах тоже? Заранее благодарен за отклик.
0 votes3 answers -
flash и гиперссылка
Как сделать гиперссылку на flash-объекте, что бы она вела на конкретную страницу?
0 votes4 answers -
Фон на весь екран.
Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100% http://img687.imageshack.us/img687/2043/65894222.png
0 votes10 answers -
Объясните пожалуйста, как работает min-width
Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?
0 votes4 answers -
Как реализовать не обычную кнопку?
Добрый день. Подскажите как правильно реализовать такую кнопку? Сложности возникли с этими углами( Подобные кнопки встречаются на сайте во многих местах и с разными размерами!
0 votes2 answers -
Рисунок и его загрузка в разных браузерах
Здравствуйте. У меня есть большой рисунок. В формате PNG. <img src="1.php"> В MSIE7 он постепенно загружается, при этом, не загруженная часть рисунка черная. Т.е. с начало видно черный квадрат, постепенно загружающийся моим рисунком. В FireFox 3.0 загружается как нужно, постепенно и остальная не загруженная часть белая. В Opere 9.x тоже нормально загружается рисунок - нез агруженная часть белая. Как исправить это для MSIE? Подскажите пожалуйста. Я уже пробовал тег "logsrc=blank.gif" и background-image. Не знаю как это побороть. Рисунок создается php скриптом при помощи библиотеки GD
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-