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
-
мануал по CSS кроссбраузерности
Уважаемые знатоки! Пожалуйста, сэкономьте время, где прочитать наиболее внятный мануал о том, как писать так, чтобы всё было одинаково. Описание багов ие. Просто мне попадается фрагметарная информация - тут ИЕ 6 так, а тут так. Хотелось бы раз сесть и за вечер одолеть вопрос в начальном приближении. Заранее спасибо за советы.
0 votes15 answers -
помогите с z-index
Проблемма следующая, пытаюсь верстать на div'ах, но после присвоения блокам z-index не все элементы расположились неправильно !! <!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="shap"> <img src="images/01.jpg" alt="Webwhite"> </div> <div id="link1"> <a href="index.htm"> Главная </a> </div> <div id="link2"> <a href="price.htm"> Цены </a> </div> <div id="link3"> <a href="gal.htm"> Г…
0 votes7 answers -
Отцентровать таблицу в ИЕ6
В CSS центрирую таблицу следующим образом: table {margin:0 auto;} Это срабатывает в Опере и ФФ, а в ИЕ6 - нет. Как нарисовать таблицу по центру страницы во всех браузерах? Есть ли в CSS аналоги свойств cellpadding и cellspacing?
0 votes3 answers -
Проблема с фоновым изображением
Всем привет. Верстаю сайтик один, в верстке не знаток, верстаю таблицами. Основная таблица с контентом шириной 800рх, отцентрирована. Мой монитор с разрешением 1650х1050 поэтому и фоновую картинку лепил под это размер шириной в 1650, с такими CSS: body { background-image:url(fon.jpg); background-repeat:no-repeat; background-attachment:fixed; background-color:#ff8281; background-postion: center top; } ну и при уменьшении ширины экрана вплоть до 1024 естественно, сама таблица сдвигается, а фоновая картинка остается на месте, становится некрасиво. Посоветуйте, что можно сделать что бы фоновая картинка так же сдвигалась вместе с таблицей, либо может другую технику посоветует…
0 votes14 answers -
ссылки
Можно как-то убрать свойство visited с ссылки после перехода на другую ссылку так что бы visited был активен только 1 раз когда перешел по ссылке??? Я вот хочу сделать с background-image картинкой ссылки. Ставлю ссылке на hover картинку, потом хочу что бы при нажатии на ссылку после перехода что бы background-image картинка бегала только по тем страницам куда перешел по ссылке. К примеру если это сделать с помощью HTML то не сложно поставить свойство для каждой ссылки на каждую страницу, а если использую $_GET из PHP то нз че даже и делать. Если ставлю к visited background-image то получается что у меня будет картинка по всем пройденным скылкам(( а мне ток для 1 надо....к…
0 votes14 answers -
не получается прозрачный бэкграунд
в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность сделал так: .mainbg { background: url('../img/general.jpg') no-repeat; /* Internet Explorer */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; } но почему-то прозрачным становится текст сайта вот как отработало _hххp://sbsg-consulting.com помогите плз
0 votes10 answers -
Не отображается виджет vk в табах ?
Перепробовал кучу решений табой и ни в одном не отображается виджет сообщества VK, если его просто вставить на страницу без табов он отображается, код виджета лежит во втором табе нужно смотреть через firebug, вот ссылка <script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "190", height: "220", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29627308); </script>
0 votes2 answers -
text-shadow и кроссбраузерность - wtf, товарищи о_о
всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body>…
0 votes12 answers -
А как вы прижимаете футер к низу? (unknown height, IE < 10)
Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с нед…
0 votes12 answers -
Якори
<h1 id="iak">Это моя первая страница</h1> <ul> <li> <a href="#iak">Привет мой друг!</a> </li> </ul> Эти команды если их можно так назвать должны были перебрасывать на заголовок другого участка страницы, но сыллка не хочет работать хотя изображена как сыллка. Проверял в css id работает. Можете помочь?
0 votes6 answers -
Расстягивание Бэкграунда По Вертикали
На странице есть бэкграунд, который задается при помощи следующего тега: <body id="background" background="/images/some_background.png" style="background-repeat : repeat-x;"> Как видно из кода, это имэйдж, который просто повторяется по оси Х. Внимание вопрос: возможно ли сделать так, чтобы сам бэкграунд расстягивался по центру по вертикали относительно котента, т.е. так, чтобы при любой высоте страницы верхняя и нижняя части бэкграунда всегда оставались на своих местах, а расстягивалась только середина самого имэйджа? Если же нет человеческого выхода из ситуации подскажите плз, как лучше всего сделать, чтобы получился данный эффект Заранее спасибо за ответ.
0 votes4 answers -
Помогите разобраться с кодом!
<html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…
0 votes11 answers -
ИЕ 6 и ИЕ 7, немного не понятное поведение input
вот сайт тот же http://www.homeoclass.ru/index_new.html# верхняя темно серая линия в которой поля для ввода ЛОГИНа и ПАРОЛя, в 6 и 7 версии input в который вводятся данный улетает вниз 1 пиксель :-( не могу понять почему! возможно из-за того же vertical-align который 6 и 7 версия понимаю по другому нежели совр браузеры! эх, подскажите опять плиз
0 votes12 answers -
Вид курсора при перетаскивании
Здравствуйте! Столкнулся с проблемой, которую никак не могу решить своими силами. Возможно Вы сможете помочь. Итак суть проблемы. Есть div-окошко который перетаскивается если удерживаешь зажатой левую кнопку мыши за титульную область div'а. При наведении на эту область курсор становится move <div class="popup_window_title_text">Просмотреть данные пользователя</div> .popup_window_title_text { cursor:move; } Однако при нажатии левой кнопкой мыши в эту область курсор меняет вид (хочет выделить текст в div'е) Каким образом я смогу эту ситуацию исправить? Буду признателен Вашим советам и подсказкам.
0 votes2 answers -
Как разделить страницу на 2 части по вертикали?
Как разделить html страницу на 2-е равных части в процентах по вертикали? И назначить им разные цвета? Например верхняя часть красная, а нижняя синяя.
0 votes2 answers -
Опять про футер
короче, воть .foo { width: 800px; height: 120px; vertical-align: bottom; bottom: 0px; margin: 0px; background: black url(img/botgr.gif) no-repeat bottom right; position: absolute; } в осле уходит на 30 пкс вниз низа страницы и оооооочень далеко влево.. Помогите плз... СПС. Просто маюсь уже оооочень долго, башка того...
0 votes3 answers -
Простой вопрос
Как задать свойство отдельного элемента, если он принадлежит по иерархии другом? В частносте элементу caption при таблице. Обычным методом пытался -- не действует. Задать все одинаковое для всей таблице не могу. И классы тоже пробовал.
0 votes7 answers -
Галлерея
Всем привет. Я новичок в HTML и решила создать свой сайт. Все таки 21 век и надо знать как все это делается... Сайт я уже создала, но мне нужен дизайн. Все пытаюсь, пытаюсь что-то сделать, но не получается. Даже с помошью разных учебников. Можите мне помочь? Мне нужна галерея, где я буду выставлять свои работы (фотографии). Примерно это должно выглядеть так: ГЛАВНАЯ ГАЛЛЕРЕЯ КОНТАКТЫ ГОСТЕВАЯ КНИГА вот примерно то что я хочу... Можиет помочь с кодами? Что для этого нужно? Есть пожелания, заечания и т д? Кстати использовать при создании буду не такие цвета а другие... эти как в пример привела Вобщем надеюсь нвшу помощь))
0 votes9 answers -
Несколько вопросов
Вопрос в том что бы такое сделать чтобы контейнер в котором есть картинка растягивался по высоте учитывая высоту картинки, у меня сейчас получается что контейнер растягивается учитывая только текст. Вот само дело: http://kim-evgene.ucoz.ru/MilanoModa/index.html Можно конечно указать высоту, но это уже не то, и при этом в IE6 происходит сдвиг креднего контейнера относительно header'a и foorer'a на пару пикселей вправо
0 votes8 answers -
Google Chrome
Не знала куда написать, модераторы, если что, перенесите! Делаю сайт, все замечательно, все работает во всех браузерах. Запустила его в Google Chrome, он пишет: Внимание! Посещение этого сайта может нанести вред вашему компьютеру. Веб-сайт по адресу www.reaconverter.ru содержит элементы сайта google-analize.com, где, вероятно, размещено вредоносное ПО – программа, которая может нанести вред вашему компьютеру или выполять действия без вашего согласия. Ваш компьютер может быть заражен просто при посещении сайта, на котором размещена вредоносная программа. Что за фигня?? Ничего такого у меня нет. Какие могут быть элементы принятые за вредоносные??? Помогите, пожалуйста!
0 votes3 answers -
Можно ли объявить запасной scr ?
Возникла такая ситуация, что база изображений для сайта распределена по двум каталогам. Причем, для каждого изображения известно только имя файла, но не известен каталог, то есть он известен, но с точностью до двух вариантов (это такие условия партнерки). Вот я и подумал, не придет ли мне на помощь HTML 5 со своими новыми возможностями, и нет ли там возможности указать запасной атрибут scr в теге img? Если, кто обладает информацией по даному вопросу, дайте знать, пожалуйста...
0 votes12 answers -
Поиск по списку элементов
Добрый день, у меня встала задача оптимизации вывода городов в списке В общем заказчик ехочеть сделать поиск внутри определенного списка по его элементам Пример как на сайте http://moskva.tiu.ru/ , если нажать на стрелку возле Москва то выдает список больших городов и поиск по остальным без перезагрузки страницы. Подскажите пожалуйста , с помощью каких технологий это можно сделать? можно ли сделать это только с помощью jquery или нужно применение php? есть ли подобные плагины?
0 votes2 answers -
Возможность писать в div как в textarea
Как сделать без применения js и без textarea, чтоб в блоке div пользователь мог писать текст как в textarea? Использовать только css.
0 votes3 answers -
Почему могут исчезать картинки из списка..
На сайте в IE6 пропадает background и маркер-картинка из списков при выделение или прокрутки сайта вниз, а потом обратно, появляеться. В чем может быть загвоздка? вот сайт http://ip-broker.ru/
0 votes4 answers -
как таблицу растянуть во всю длинну окна ?
как таблицу растянуть во всю длинну окна ?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-