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
-
Как сделать непрозрачный текст в прозрачном блоке
Пожалуйста, подскажите, как сделать непрозрачный текст в прозрачном блоке. Может, кому то приходилось решать такую задачу и у него получилось? У меня, что то никак не получается. Нашла одно решение, но оно мне не подошло потому, что содержит заданную высоту блока. Нижняя часть блока, если она не используется, скрыта. А в моем блоке закругленные края. Если нижняя часть блока скрыта, то они не отображаются, и нижние края блока получаются прямоугольными. Как с этим бороться? Помогите, плиз, кто может. Вот стиль для блока: .rightcolumn { position:relative; top: 80px; right: 30px; padding:30px; width:600px; color:#000; float:right; overflow:hidden; } .rightcolumn .trans…
0 votes12 answers -
Блок с закругленными углами
Возник такой вопрос. Нужно сделать блок с закругленными углами, сзади которого располагается разный фон. В одном случае, к примеру, фотография, во втором просто цвет. Делать разные изображения углов, в зависимости от страницы уж не хочется( Тем более, что таких блоков несколько, да и как-то мясисто это. Надеюсь, что есть грамотный альтернативный способ. Не поделитесь вариантами решения, люди добрые? http://nicothin.ru/zakruglennye-ugly-v-ideale.html Вот интересный способ, есть ещё варианты?
0 votes4 answers -
IE 5,5; IE 6; - Лефт-Маргин
Ссылка на пример В вышеназванных браузерах блок с услугами и блок с картинкой съезжают при заданном маргин-лефт. Или же правые за ними едут. Как исправить ситуацию/мою ошибку? Путем хака убрал 10 px - стало норм, есть ли другие варианты? Спасибо!
0 votes1 answer -
margin-left в IE6 удваивается
В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!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"> <head> <meta http-equiv=Content-Type content="text/html;charset=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…
0 votes4 answers -
чё означает слеш в конце тега...
чё означает слеш в конце тега... не закрывающего.. вот например вот так: <td width="19" height="19"/>
0 votes14 answers -
Знатоки ! Помогите пожалуйста
Знатоки! Помогите пожалуйста ! В одном проэкте , мне скинули по мылу архив с готовым сайтом . Я купил домен и хостинг , а теперь не знаю как закинуть этот архив на хостинг , чтобы сайт заработал ( пробовал закинуть файлы архива через ftp вроде все получилось а что дальше делать не знаю) . Кто поможет , не забуду!
0 votes7 answers -
Сложение строки.
Здравствуйте. У меня проблема. Вот проблемный кусок кода Саму шапку можно узреть по адресу http://www.po-miry.ru/KULINARIA/RECEPTI/meat.htm суть проблему в том, что при уменьшении экрана браузера слова, выстроенные в одну строчку - Главная Спорт. Туризм, Душевное здоровье и т. д. выстраиваются в столбик. Я для двойных названий, а именно Душевное здоровье и Спорт Туризм применил white-space:nowrap; как мне посоветовали умные люди этого форума. Но как такого же эффекта добиться для всего абзаца (или строки, не знаю. как правильно)
0 votes14 answers -
Шапка в index
Привет! помогите, а? ... это, вставляю кртинку-как логтип <p align="center"><img src="cnopa/shap1.jpg" width="100%" border="2" style="border-color:#FFFFFF"> </p>... по размерам в фотошопе нормально подогнал, в браузере пиксели лезут! Вопрос почему?
0 votes11 answers -
Сьехал кусок в IE, в Опере всё норм
Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table>…
0 votes2 answers -
Совокупление формы и кнопки)
Вопрос мож и глупый, знаю что поиском решается, но не могу грамотно сформулировать запрос. Как сделать чтобы при нажатии на картинку на одной станице, выбиралось значение в раскрывающемся списке, в форме, на другой странице?
0 votes9 answers -
Проблемы с отображением В IE и Opera
Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table>…
0 votes5 answers -
Как добавить этот календарь?
Для даты рождения нужен календарь ... но как его добавить , что бы вводил 1987-12-28 (год-месяц-день) ??? Как правельно его впихнуть??? http://ui.jquery.com/repository/tags/lates.../#ui.datepicker http://www.samborsky.com/javascript/jquery/233/ Вот ДЕМО- http://www.samborsky.com/sources/datepicker-jquery-ui/ http://www.samborsky.com/sources/datepicker-jquery-ui-2/
0 votes0 answers -
Как связать низ колонок
Всем доброго времени суток. Я опять со своей проблемой! Никак не пойму, как работать с высотой при вёрстке таблиц, и не важно в чём они построены. У меня прям руки опускаются, что не понимаю я как надо написать алгоритм, чтобы всё отображалось как надо. У меня есть несколько вариантов вёрстки, но у каждого какие-либо отклонения от желаемого результата. Причём если в одном шапка получилась,то с телом проблемк, а где тело в норме, то шапка ведёт себя как попало! Пытаюсь сделать по аналогии удачного примера, но получается ерунда какая-то. Пожалуйста, подскажите, как быть с высотой? Потому что в некоторых примерах, подсмотренных с нэта,вроде вообще нет никаких указаний на…
0 votes10 answers -
Проверка страницы на валидность
Зашел на сервис http://validator.w3.org Выдает такие ошибки : (Ошибки жирным выделять буду) …рисматривается к Honda</a></span><br><span class='contentpaneopen'><p><img sr <br><span class='contentpaneopen'><p><img src="/images/f1/honda.jpg" border= exican-eyes-honda.html">...</a></span></div> -shockwave-flash" width="240" height="240" wmode="transparent"></embed> - тут не понравилась кавычка почему то... Объясните пожалуйста какие же это ошибки. Они пишут что возможно вы закрываете "/>", но я как раз таки не закрываю так. Вставил код от Youtube - так выдало 50 ошибок в этом коде...
0 votes12 answers -
проблемка с таблицей
собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @charset "utf-8"; /* CSS Document */ #top { position:absolute; left:5%; top:0px; width:90%; height:50px; z-index:99; background-color: #FC9; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #body { position:absolute; left:5%; top:65px; width:90%; height:85%; z-index:2; margin: 0px; padding: 0px; } #apDiv1 { position:absolute; left:5%; top:97%; width:90%; height:3%; z-index:3; background-color: #F96; font-family: verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; text-t…
0 votes0 answers -
table - тонкости атрибутов и как их использовать
Всем привет, я не начинающий программер, но на некоторые вещи я закрываю глаза, а плохо. Вот есть у тэга - table атрибут - summary, лично я его не разу не использовал. Хочется спросить у спецов кто этот атрибут использует уже давно и знает как. Я знаю только, что он переводиться как - итог, но какие данные в него требуется записывать, я не имею понятия и обязательно ли это?
0 votes6 answers -
IE очень кумарит
картинки и текс в таблице не становится как надо... <table style="text-align: left; width: 567px; height: 73%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 52px; width: 48px;" colspan="1" rowspan="2"><img style="width: 48px; height: 52px;" alt="" src="conticon48x52.jpg"></td> <td style="height: 18px; text-align: left; vertical-align: middle;"><img style="width: 39px; height: 18px;" alt="" src="contpravo39x18.jpg"></td> </tr> <tr> <td style="height: 34px;" id="aaa"> <h1 style="text-align: center; vertical-align: middle;">Fabula Onl…
0 votes19 answers -
Неубиваемые границы <iframe>'ов в IE7
В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?
0 votes2 answers -
Тупой макет, помогите!
Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…
0 votes1 answer -
<iframe...> и allowtransparency
Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?
0 votes8 answers -
Капризный hover.htc
Здраствуйте. Потребовалось сделать смену фону при наведении у элементов списка. Возможно такое реализовать в IE6 только через файл csshover.htc Скачал я его с http://www.xs4all.nl/~peterned/csshover.html Прописал в css-файле и положил в папочку js: body {font-family:tahoma,helvetica,sans-serif; font-size: 14px; margin:0px; padding:0px; behavior:url("js/csshover.htc");} Ну не хочет он работать, ни на локальном сервере, ни на хостинге. Размещал я его и в корне, и в той папке, где лежит css-файл, а он не хочет работать. Подскажите, может я неправильно пишу ему путь? или может на стороне сервера какие-то телодвижения нужно сделать?
0 votes2 answers -
Связанные селекторы
Продскажите, пожалуйста, есть ли возможность менять стиль тэга в зависимости от параметра радиокнопки checked? Т.е. если она checked, то использовать <div class="css11"></div> //например синий цвет А если не checked то <div class="css12"></div> //красный фон Либо разный background-color класса css11 в зависимости от checked
0 votes5 answers -
Как измерить скорость генерирования страницы?
Добрый день. Предложите какие-нибудь идеи, а то я даже не могу придумать как ее измерить! Заранее спасибо.
0 votes6 answers -
IFRAME в IE6 не работает
На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.
0 votes5 answers -
Помогите с документом.
Помогите начинающему, но безусловно талантливому, даже не знаю как себя назвать... админу сайта короче, с форматированием текта средствами HTML. В общем застрял на такой задаче - необходимо более менее эстетично формить ту чась документа, где идут различные подписи, должности, Ф.И.О. и т.д., т.е. когда идет графа, а под ней мелкими буквами пояснение. Например так: Получатель: ________________________________ ____________________________________ ..........................Структурное подразделение .............................Организация................................ Примерно так, но вместо точек пустое место. Есть ли какие нибудь стандарты именно для таких целей?
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-