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
-
Граница div уезжает за пределы окна в FireFox
Такой вот стиль: #header { position: absolute; top: 0; left: 0; width:100%; height: 100px; border-style: solid; border-width: 1px; border-color:red; } правая граница в FF (3.0) находится за пределами экрана. Чего ему, лису, добавить?
0 votes18 answers -
Проблемы со 100% высотой div в Firefox
Доброго времени суток. Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.( В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается). Собственно- не понятно, почему блок не тянется по размеру текста. макет - www.beavers-net.narod.ru Заранее спасибо. С ув. Олег.
0 votes11 answers -
Обрезать слой по обоим краям, реально?
Есть слой, в нем flash-ролик, ширина ролика - шире окна браузера, нужно избавится от горизонтального скролинга "обрезав" ролик по краям, точнее обрезав слой содержащие этот ролик. На данный момент слой контейнер такой: width: 100%; overflow: hidden; Ролик обрезается, но только с правой стороны. Хочется добиться эффекта как при background: center когда фон блока обрезается с обоих сторон. Осуществимо ли это?
0 votes12 answers -
Большая фоновая картинка
Столкнулся с вопросом: есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста как сделать правильней: создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать) создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?
0 votes10 answers -
Не работает header("Location: ...")
Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…
0 votes2 answers -
border: проблема или нет
Есть div, ширина которого изменяется в зависимости от расширения, а высота от контента в нем. этому диву я задал свойства: overflow: hidden; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; background: #FFF; отображается в обычном виде собственно все как надо, но при нажатии Ctrl - (+) может пропасть какая-либо из рамок. как с этим бороться? пробовал заменить на Не помогло Это явление происходит в Opere, у меня 10я версия. Протестировал в остальных имеющихся у меня браузерах: IE 8, Chrome 2,0 и Mozilla 3,5, Safari 4,0 - там все отлично. В опере пробовал на других разрешениях: по началу все норм, начинаешь увеличивать/уменьшать - какая-либо из рамок мож…
0 votes1 answer -
меню
.......................
0 votes6 answers -
Фон градиентом
Подобные темы уже были, но я все равно не нашел там того, что мне нужно. Есть страница, в CSS написано: body { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FF8210; background-image:url(images/00a02641a5c510eee701d52764a657eb.PNG); background-repeat:no-repeat; background-attachment: fixed; background-position: bottom right; } Думаю тут все понятно, ничего объяснять не нужно. Проблема в том, что картинка слишком яркая, но уменьшить яркость можно только в ущерб дизайну, и вообще, на картинке закат, то есть, чтобы не так резало глаза, можно сделать градиентом так, будто вверху небо у…
0 votes8 answers -
DIV - макет
Всем привет ! Раньше верстал с помощью таблиц. Создать макет в три колонки с помощью таблиц легко (по крайней мере для меня). Решил попробовать создать макет в три колонки при помощи позиционирования ... и вот не лепится цветочек аленький. Во всех браузерах (парадокс, но только не в IE6, в нем все отлично ), при задании высоты в 100%, середина, с текстом, проходит сквозь футер. Помогите советом. Ниже код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <style> html{height:100%;} body{margin:0px; height:100%;} #main{width:700px; height:100%; border:1px solid black; margin-left:auto; margin-right:auto;} #heade…
0 votes9 answers -
position:fixed; - IE6
Ребят, помогите побороть ИЕ6, задача простая, нужно что-бы слева сверху вниз были расположены 4 вкладки, они должны быть фиксированные и по 25% в высоту, тоесть каждая ровно четверть экрана, что-бы в экран они умещались чётко как нужно и при прокрутке всегда были зафиксированы, как и изначально. Проблема в том, что в ИЕ6 никак не хочет работать такая конструкция, поэтому прошу помощи, так как сам уже не знаю, что делать и есть вопросики: 1) Можно ли решить эту проблему в ИЕ6 без использования скрипта? (экспрешаны одобряются) 2) Можно ли как нибудь по другому обыграть это решение для всех браузеров, включая ИЕ6. Может быть есть другие решения этой задачи? Тут пример задачи…
0 votes18 answers -
Image position
Пожалуйста помогите мне определить img от левого края. Никак ни могу разобраться в стилях, или точней не знаю их. Если можете, покажите пожалуйста код.
0 votes7 answers -
атрибут id в теге html
что может значить атрибут id в теге html? например, <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="vkontakte">
0 votes4 answers -
Граница вокруг текста в фотошопе stroke а с css можно сделать подобное
добрый день всем !!! Уважаемые форумчане, подскажите как мне сделать обводку вокруг текста , в фотошопе с помощью стилей это делается со stroke а в css есть что то подобное ? С уважением
0 votes10 answers -
Странный баг в ие 6 и ие7
Народ всем привет, еще с одной проблемой столкнулся, взгляните http://shinoda.ru/verstka/default.htm, у блока #left_menu_block есть отступ сверху в 40 пикселей, все браузеры кроме седьмого и шестого ие показывают этот отступ (ие8 показывает нормально). Что за странный баг обьясните плз???
0 votes31 answers -
вёрстка
ТРИ КОЛОНКИ (ЛЕВАЯ, ЦЕНТРАЛЬНАЯ, ПРАВАЯ), где ЦЕНТРАЛЬНАЯ имеет ширину 900px и в ней находиться всё содержимое страницы, а боковые должны служить для заполнения свободного пространства в зависимости от ширины монитора и насколько мне известно ширина боковых колонок должна быть АВТО; подскажите как сделать. (помогите с кодом).
0 votes2 answers -
ПНГ кнопка тянущаяся по содержимому
Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…
0 votes53 answers -
input и textarea в css в ие6. Как настроить?
Подскажите, как background настроить? Конструкция: INPUT[type=text] { background-color: #000000; } В ие6 не пашет. Как добиться того чтобы работала?
0 votes6 answers -
Помогите неправельное отображение в IE
Привет всем хочу представить мою верстку я никогда не подгонял ни под какие либо браузеры и вот столкнулся с такой проблемой неправильное отображение а точнее пропали линии (картинки) или стукните в аську буду рад 452871236 Помогите пожалуйста !Прикрепил фото на то что нужно и на то что получилось http://s43.radikal.ru/i099/0909/45/be00313b82f5.jpg http://i023.radikal.ru/0909/ac/a046b8df8544.jpg <!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> <meta http-equiv="content-type" content="text/html; chars…
0 votes0 answers -
На что можно поменять ?
body {min-width: 1100px;} {display: inline-block;} Кто может помочь с этими проблемами на что можно поменять эти слова ?
0 votes3 answers -
Перенос доменов.
Доброго вам. Помогите пожалуйста решить задачу. Дано: Нуб админ Хостинг: http://jino.ru/ Хостинг: http://yutex.ru/ Домен: http://kg-am.com/ Задача: перенести домен http://kg-am.com/ с хостинга http://jino.ru/ на http://yutex.ru/ Условия: Домен был по тупости зарегистрирован через хостера (http://jino.ru/) Аккуант на http://jino.ru/ отключат сегодня. Конкретика: Есть такая вот штука на http://jino.ru/ Понятно, что здесь нужно что-то поменять, но я не знаю что? Потому трогать боюсь, как бы чего не поломать. На http://yutex.ru в cPanel есть вот такое. Куда жать тоже не пойму, то ли в паркованные то ли в дополнительные. Ещё в письме от ютекса после регистрации было в…
0 votes5 answers -
Нонейм-Средство разработчика
сегодня при авторизации на файло обменнике NoNaMe у меня не стого не с сего вылезла прога Нонейм-Средство разработчика.подскажите uzeru ,что мне с ней делать,тупо закрывать жалко ,может можно ее использовать в своих интересах?если кто че знает подскажите pliz.
0 votes0 answers -
помощь в css
как с помошью css класифицорвать теги "ul"? т.е. ситуация такая: на странице сайта мне надо расположить инфу. "ul" слева, в нем текст, справа картинка; картинка слева, "ul" српава, в нем текст. Можно в самом html поставить параметры тегу "ul", но тогда css-validator находит ошибку в css, что нету праметров для этого тега.
0 votes2 answers -
и снова ие6 палки в колеса вставляет
проблема вот в этом коде... идея такая чтоб логотип смещался и менял размеры в зависимости от размера окна браузера #logo { position:absolute; z-index:10; top:4%; left:17%; width:20%; background:transparent; } что нужно добавить чтоб ие6 понял left:17%; width:20%; top:4%; с остальными браузерами все замечательно... помогите пожалуйста
0 votes3 answers -
граница между рисунками в Опера и Фоксе
Имеется таблица из 4-х частей: 1 2 3 4 в каждую грузится часть картинки. Вертикально никаких границ нет, горизонтально между 1-й и 2-й строкой таблицы (и соотв. между рисунками [1-2] и [3-4]) в Опере и Фоксе видна граница. IE всё нормально. Всевозможные бордеры поставил в 0. В чем может быть проблема ?
0 votes1 answer -
2 Diva с шириной по 50% и float: left и их отображение в ie6 и ie7
Народ еще нашел странную особенность http://shinoda.ru/bug_fix/block_test.htm Баг в том что в шестой и седьмой версии ИЕ при ширине в 50% и с флоатом лефт (вроде бы поровну и в сумме 100%) не помещаются на одной линии. И даже вроде знаю из чего, вот решил покопать по-подробнее, итак по порядку Я брал и скриншотил экран и замерял правильно ли браузер расчитывает ширину и вот что получилось (разрешение у меня 1280): IE6: Ширина окна браузера (без учета скролла и всего отсального) - 1253 px Ширина одного блока при разрешении 1253px была равна 627px, умножаем это на 2 и получаем 1254!!! и тут уже понятно почему блоки не стоят на одной линии, итог - ИЕ неправильно посчитал по…
0 votes26 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-