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
29542 questions in this forum
-
Группировка ячеек таблицы в FF и IE.
Верстаю страницу с помощью таблицы. В браузерах FF2 и IE6 по разному группируются ячейки. Мне надо так, как получается в IE6. Никто с таким не сталкивался? Подскажите, где копать. Скрины: Internet Explorer 6.0 (jpg, 48 kB) Mozilla FireFox 2.0 (jpg, 51 kB) Код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> Таблица. </title> <style type="text/css"> BODY { margin: 0; padding: 0; } </style> </head> <body> <table cols=6 border=1 width=100% height=100% cellspacing=0 cellpadding=0> <tr height=5%> <td width=5%>1</td…
0 votes0 answers -
css список
При создании вертикального меню, графический маркер выпрыгивает выше базовой линии, в ie. в firefox все ок! Как сделать что бы было везде одинаково?
0 votes2 answers -
проблема с табличной версткой
Здравствуйте) Я решила сделать страницу с помощью таблиц. сделала 3 отдельные таблицы: одна для логотипа, вторая для меню и третья, соответственно для содержания. Так вот проблема в том, что когда я в таблицу для содержания вставляю текст, который короче, чем ширина таблицы, она почему-то выравнивается по ширине текста. То есть, становится по ширине такой же, как текст. Что делать?
0 votes4 answers -
Работа с Float:left и margin:left
Ребята, привет! Возможно моя проблема покажется вам глупой, но все же спрошу: Есть контейнер, в котором прописана картинка в качестве фона. В контейнере прописываю слой контент, в нем еще один слой с рамкой и отступами top и left по 5px, который должен располагаться слева. В #content ставлю флоат-лефт, а #content-left прописываю маргины. В этом случае картинка отображается только в IE. Пробую по-другому: убираю флоат-лефт, прописываю маргин-лефт в #content-left. А в #content ставлю маргин-топ. Тогда контейнер с картинкой в Опере и FF отступает вместе с дочерним элементом. А в IE все корректно. Помогите, плиз, глупой девушке, а то уже голова трещит!!!
0 votes4 answers -
Меню
Здравствуйте, помогите не могу сделать меню, следующего вида: Т.е. меню по центру, состоит из горизонтального списка li, главное то, что оно должно растягиваться по мере наполнения. А по бокам блока меню должны быть прижаты картинки. Получается так что margin: 0 auto не работает так как ширина для меню не задается. Заранее спасибо за ответы. Вся эта конструкция должна располагаться по-центру экрана и растягиваться по мере наполнения!
0 votes5 answers -
Firefox не может width у input type="file"
Собственно, сабж. Что делать? Атрибут size в html5 у file запрещен.
0 votes1 answer -
Блочная "резиновая" вёрстка
Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!
0 votes2 answers -
Не видно таблицу.
Пишу простенький сайт, но на нем не появляется нечего кроме фона. Хотя я вроди бы все делаю как по шаблону, но все равно нечего кроме фона с заданным мною цветом не появляется. Подскажите пожалуйста в чем ошибка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Моя первая страничка</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Download anime at once on your PSP"> <meta name="keywords" content="anime, psp, online, free, download, mp4"> <meta name="author" content="krofik">…
0 votes2 answers -
Нужна помощь
Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…
0 votes15 answers -
Проблема со стилем в ссылке
есть код: .menu-header li {float: left; margin: 0 28px 0 0;} .menu-header li a {font: bold 13px 'PT Sans'; display: block; height: 15px; text-transform: uppercase; color: #352530; text-decoration: none; text-decoration: none !important; background: url('./images/dot1.gif') repeat-x bottom left;} .menu-header li a:hover {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} .menu-header li a.active {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} <ul> <li><a href="#" class=…
0 votes12 answers -
разобраться с доктайп
Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков? У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*html) ява-код <script type="text/javascript"> $(document).ready(function( ) { $('.otvet').hide(); $('#block_vopros h2').toggle( function() { $(this).next('.otvet').slideDown(700,'swing'); $(this).addClass('close_otvet'); }, function() { $(this).next('.otvet').slideUp(500,'linear'); $(this).removeClass('close_otvet'); } ); }); $(document).ready(function() {$('#toglink0').click( function() { if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) { if ($('…
0 votes8 answers -
Стилевое оформление тега select
У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html
0 votes6 answers -
Схлопывающиеся отступы
Читаю http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy 1) В Konqueror и Opera наличие padding'а схлопывание чёт не отменяет. Да и сомнительно, чтоб такое было, не вижу логики - зачем внутреннему полю влиять на работу со внешними полями? 2) Что значит "задана граница"? Что такое "граница"? Как она может быть задана или не-задана? Спасибо
0 votes5 answers -
Системы контроля, гитхаб и отслеживание изменений файлов
Каждый верстальщик должен знать где сидит фазан, уметь работать с системами контроля версий. Одна из них - Гитхаб. Возник вопрос - умеет ли гитхаб отмечать в репозитории каждое сохранение файла автоматически (в локальном бы самое то), или нужно фиксировать изменения руками? Какой программой воспользоваться, которая будет сама автоматически следить за папкой и сохранять все версии файла после сохранения?
0 votes7 answers -
как сверстать таблицу
как сверстать такую таблицу?
0 votes5 answers -
Как заставить box-shadow перекрывать контент?
Использовал скрипт меню https://tympanus.net/Development/MultiLevelPushMenu/ для своего сайта https://www.zebra-tara.ru/ Меню доступно только на разрешениях меньше 768 по ширине Получается, что тень от меню не перекрывает сдвигаемый слой, а точнее - абсолютно позиционированные элементы на нём. Посоветуйте, как исправить? Я пробовал давать больший индекс тени, но тогда она перекрывает последующие уровни меню
0 votes1 answer -
Font Awesome 5
Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?
0 votes2 answers -
Плавающее окошко
Как создать плавающее окошко без использования фреймов? Или наподобие попапа на flash? Хочу сделать доп. информационное окошко. по крайней мере - где почитать информацию?
0 votes1 answer -
css sprites
Недавно начал использовать при верстке цсс спрайты и заметил такую вещь. если цвет на картинке расплагается от левого края до правого, то элемент спокойно тянется по горизонтали. вопрос в том, как сделать, чтобы при вытягивании элемента по вертикали в бэкграунд не захватывались те картинки, которые разсположены ниже
0 votes3 answers -
проблема с ссылкой
При наведении курсора на ссылку в подсказке пишетца то что я прописал в title и адрес ссылки,как мне сделать штоб показовало только то что в title?
0 votes8 answers -
Таблица HTML
Здравствуйте ув. коллеги. У меня такая проблемка. Просматриваю сайт, информация отображается в виде таблицы. Мне нужно данную таблицу перенести в ексель. Вариант сохранить mht (htm) и потом открыть офисом не подходит, т.к. даные выстраиваюся в столбик, а мне нужно чтоб оставалась табличка. И исходные даные "оставались" по ячейкам. Люди добрые, помогите кто чем может.
0 votes7 answers -
Проблема с min-width
Привет всем! Начал изучать хтмл совсем не давно. Нужно сдедать 3-х колоночный шаблон, резиновой верстки с мин и макс шириной и высотой. Сделал как смог, но вот проблема - min-width не работает в 3-х колонках (contentl, contentr, sidebar) Объясните в чем проблема? Ссылка: http://jsfiddle.net/RSyRR/
0 votes7 answers -
Часы. Увеличение размера
Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…
0 votes2 answers -
Кастомизация input range в opera
Здравствуйте все. Очень буду признателен за любую помощь. есть такой тег: <input type="range" min="0" max="100" step="1" value="50" />Каким образом можно полностью изменить его отобржение в браузере Opera, не используя JS ?
0 votes4 answers -
href ссылки и display:none
2 проблемы 1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=? 2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, ани…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-