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
-
Прозрачный фон
Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)
0 votes12 answers -
Показать div по выбору из select
Добрый день. Пробую сделать такую вещь, но не выходит: Есть страница: <html> <head> </head> <body> <select name='Count'> <option value="1/54">1/54</option> <option value="2/54">2/54</option> <option value="3/54">3/54</option> <option value="4/54">4/54</option> </select> <div id="1/54" style="display: none">1/54</div> <div id="2/54" style="display: none">2/54</div> <div id="3/54" style="display: none">3/54</div> <div id="4/54" style="display: none">4/54</div> </body> </html> Подскажите пожалуйста, как сделать так, чтоб п…
0 votes12 answers -
Отображение таблицы в разных доктайпах
Есть у меня табличка с данными, а у таблицы декоративная рамка, где картинки порезаны на части и распределены между ячейками таблицы. Доктайп был loose, и всё выглядело замечательно. Потом вдруг думаю - переделаю-ка на strict, делов-то. Поубирал все лишние параметры таблицы из html (border=0 align=center cellpadding=0 cellspacing=0), перенёс в стили. Откуда ни возьмись, появились промежутки между ячейками, и в рамке появились разрывы. Задал в CSS для таблиц margin: 0; padding: 0; border-spacing: 0; - не помогло. Задал для строк - не помогло. Задал для ячеек - не помогло. Задал для картинок - тоже не помогло. Что б ему ещё такое сказать, чтоб он понял?
0 votes12 answers -
Проблема с размещением div
помогите как переместить блок отмечаный красным цветом туда где зеленый на этом сайте >>>> http://school8.r1v.ru все что только мог в цсс файле перерыл но не могу решить эту проблему ни как
0 votes12 answers -
Помогите построить небольшой макет дивами
Привет есть небольшой код <div id="body"> <div id="leftcol"> <div id="leftsidea"></div> <div id="leftsideb"></div> <div id="leftsidec"></div> </div> <div id="bodycenter"> text </div> <div id="rightside"></div> </div> и css #leftcol{ width:145px; float:left; height:100%; } #body{ text-align: center; width:1300px; float:left; } #leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/le…
0 votes12 answers -
Загрузка мод. окна
Здраствуйте, нужно решить проблему, как мне зделать чтоб модальное окно грузилось в место со страницей.Уже видел такой скрипт который бы решил проблему ,но тепер не могу найти Пример так как сейчас - http://mp3ack.com/ ВХОД. Спасибо...
0 votes12 answers -
Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?
Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…
0 votes12 answers -
vertical-align: middle не работает на IE7
Много тем с разными решениями которые не работают. Как решается проблема? Тут это видно на картинках которые не квадратные.
0 votes12 answers -
CSS hacks (проблема с Safari 5)
Алоха. Перестал работать персональный css hack (селектор:not(:root:root) {свойство:значение;}) для Safari 5, но на старых версиях Safari работает "на ура". Кто-нибудь знает персональный css hack для Safari x<5<x? Встречал много статей, в которых утверждается что, к примеру, какой-то css hack только для Safari, начинаешь проверять его и получается, что он также читается и Google Chrome'ом. Все что я нашел работает для Safari_5+Google Chrome, а по отдельности только для Safari и только для Google Chrome - нету. Есть идеи? По теме: http://studioad.ru/blog/2009-09-30-92
0 votes12 answers -
картинка по центру в фиксированном блоке
Есть: http://tmin10.net.ru/1.html. Нужно, чтобы картинка была по центру <div id='add'> по вертикали и горизонтали. По горизонтали помогает margin: auto;, а как по вертикали?
0 votes12 answers -
Навигация по сайту
Переделываю верхнее меню на сайте, чтобы оно во-первых, было на ul-li, во-вторых на прозрачном фоне, чтобы его легко менять. Получилось следующее. http://htmlbook.ru/themes/html5/navigation.html Есть небольшая проблемка. Для получения прозрачности применяются всякие хитрые сдвиги, за счёт этого при выборе пункта текст сдвигается влево на 10 пикселов. Хотелось бы, чтоб верхний текст вообще не двигался. Что посоветуете?
0 votes12 answers -
Шаблон HTML для всех страниц сайта
Предположим у меня есть главная страница с макетом сайта. Там есть объекты которые должны быть на каждой странице. (ну шапка, футер, особые блоки.) Как можно не копируя автоматически их вставлять? Желательно объясните подробнее, пожалуйста
0 votes12 answers -
Создание отдельного окна
Пример того, что необходимо: http://фабрика-сайтов.рф/ - верхний правый угол, при нажатии на "готов к чату" открывается новое окно поверх прежнего, с меньшими размерами. Фрейм это или что, я никак не могу вьехать. Возможно реализовать подобное средствами html без помощи java скриптов? Как это должно работать: человек нажимает на ссылку - открывается окно, размеры которого я смогу задать. А в этом окне я размещаю все необходимое. (если имеет значение- Dle CMS, форма обратной связи) Спасибо, жду разьяснений по этой теме, впервые столкнулся с подобной задачей=)
0 votes12 answers -
Выравниевание по вертикали
Ребят,не могу решить проблему,как с помощью CSS выровнять сайт по вертикали,помогите пожалуйста!)
0 votes12 answers -
Нужна текстовая карусель)
гуглом пользовался...нужного не нашел..В общем каруселька, в которой перелистывается текст вместе с изображением внизу кнопки 1 2 3 4 5...подскажите плизз
0 votes12 answers -
html тег создает белую полосу прокрутки в ie7
Не знаю в чем дело, может кто то сталкивался с таким. Вот скрин http://s61.radikal.ru/i171/1103/67/a0436925b0a3.jpg
0 votes12 answers -
Проблема БГ
Здраствуйте! Прошу вашей помощи в такой проблеме! Есть сайт с фиксированой шириной(980пх)(http://seopremier.com.ua/). Только на главной слайдшоу. БГ сайта должно быть по всей ширине продолжением блоков (образуется контент по середине, а сайт растягивается по всей ширине) Предложите пожалуйста какие-то варианты! Я думал каждый главный элемент (блок) поместить в еще один блок по всей ширине и ему задавать бг, а элементы с контентом прозрачные. Заранее благодарен, Андрей!
0 votes12 answers -
Приклеивание частей в верху и низу в одной колонке
Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее
0 votes12 answers -
Футер и ширина страницы
Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делае…
0 votes12 answers -
CSS::Соседние селекторы.
Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?
0 votes12 answers -
Java Script азы
В свободное от работы время (к сожалению его так мало) изучаю книгу Дэвида Макфарланда "Ява Скрипт". Где то он даёт полные примеры скриптов, где-то кусочки. вот из такого кусочка в разделе "Изменение регистра строки" я попытался сам сделать работающий скрипт То, что в боди, написал я. Но независимо, пишу ли я "Барбот де Марни" или "аааа" выскакивает "Вы правы" Как заставить работать else? Я понимаю, что вопрос для вас примитивный, но после того, как я осилю еще страничек 50, вопросы будут сложней. Спасибо
0 votes12 answers -
Резиновыйы шаблон
Прочитал на сайте htmlbook.ru про вёрстку слоями.Понял ,что лучше сделать резиновый шаблон. Скажите правильно я понял,что при резиновом шаблоне ширину блоков,отступы по горизн. надо указывать в процентах? Если ,то возникает такая проблема,при сжимании окна блоки уменьшаются по ширине и по отступам.Можно решить эту проблему написав к документу в целом min-width:1024px; или её можно решить более рациональным способом? Заранее всем спасибо.
0 votes12 answers -
Ровно посерединке
Итак, многие из нас делают сайты. Очень часто вся информация располагается в единственном блоке, позиционированным горизонтально по центру. Как позиционируется: горизонтальным выравниванием или таблицей из трёх столбцов - неважно. При этом, на смаом сайте страницы имеют разное по-объёму содержание: Порой страница вмещается по вертикали без прокрутки, а порой уходит далеко вниз, при этом появляется боковой ползунок прокрутки и наш центральный блок начинает поизиционироваться с учётом уменьшившейся области браузера. То есть при переходе с "маленькой" страницы на "большую" наш центральный блок "прыгает" влево, что, порой неочень. И вот мне интересно, есть ли какой-нибудь изя…
0 votes12 answers -
Разница в отступах между FF и IE
Всем доброго времени суток. Не могу найти причину разного отступа между элементами <p> <img> в браузерах FF (в опере тоже все нормально) и IE (сайт) В FF и Opera отступы такие, какие и нужно, в IE очень большие: HTML пример кода: <p class="new_menu">» <a href="/diablo1/" title="Diablo 1 Описание" class="news_menu">Описание</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p class="new_menu">» <a href="/download/" title="Diablo 1 Скачать" class="news_menu">Скачать</a></p> <img src="/images/line-666.gif" width="159" height="1" class="line-666" alt=""> <p …
0 votes12 answers -
Размер шрифта
В процессе резиновой вёрстки возник вопрос: Возможно ли,что бы при увеличении разрешения экрана увеличивался и текст? Если да, то каким образом это осуществить?
0 votes12 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-