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
-
Как это реализовать?
Здравствуйте! Сайт для выставления картин на продажу. т.е. человек приходит регистрируется, у него появляется личный кабинет от туда он выкладывает фото картины и доп информацию. Ссылку дать не могу потому что сайта как токового нет, все в голове. Форму входа и кнопку-ссылку регистрации на страничку с формой регистрации я сделал. А вот дальше как не представляю. Т.е допустим авторизовался человек и появляется кнопка типа личный кабинет и там уже он делает свои дела. Сайт пишу на html и css.
0 votes5 answers -
Оформление цитат
Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…
0 votes5 answers -
Представление совместимости в IE
Понимаю, что тема в каком-то смысле затасканная, но все-таки... Короче, к теме. Написал сайт, в лисе и опере всё ок. В ИЕ в отсутствие Доктайпа лажа, добавил Доктайп стало всё нормально. НО! Зашел позже с другого компа в ИЕ и увидел опять лажу. Оказалось, что в настройках браузера стоит галочка "Представление совместимости". Получается, если эта галочка стоит, даже Доктайп не помогает. В связи с этим 2 вопроса: 1.почему не действует в таком случае доктайп (ведь это прямое указание, в соответствие с каким стандартом представлять результат на странице)? 2.как с этим бороться? Человек, которому я делал сайт, об особенностях настроек слышать ничего не хочет, считая, что в люб…
0 votes5 answers -
сужение окна...
Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал
0 votes5 answers -
Приложение ....php не является приложением win32
Собственно помогите,в чем может быть проблема?Только установил денвер...
0 votes5 answers -
margin, input, ie
Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v">…
0 votes5 answers -
Х с планкой сверху
Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?
0 votes5 answers -
Проблема с меню
Если в меню ссылка становится двухстрочной то естественно бэграунд вылезает только под текстом и всё съезжает Вот ссылка на пример: пример Как сделать так чтобы всё было как бы блоком, пример на картинке ниже (макета нет, нарисовал как представляю):
0 votes5 answers -
float:right
Всем привет. Кто нибудь может помочь, почему то блок съезжает. С таким глюком сталкивался в нескольких верстках. При назначении float:right для блока 3, он начинает съзжать в IE7. Этот блок лежит в синем диве фиксированной ширины. Пробовал задавать ширину для всех дивов, даже для контейнера, не помогло ничего Оо Скрин прилагается http://imageshost.ru/photo/248519/id908902.html код для синего блока #dtb { background-color:blue; margin:0 auto; height:150px; border: solid 1px red; text-align: center; margin-top:30px; width:1140px; код для блока с цифрой 3 #zem_uch3 { float: right; border:0px; }
0 votes5 answers -
Дурацкий вопрос про наследование border-collapse
В справочнике сказано, что значение border-collapse не наследуется: И я хорошо помню, что буквально месяц назад находил то же самое в спеке. Однако сегодня я вижу в спеке вот что: (то ли меня конкретно переглючивает, то ли Матрицу перегрузили... на всякий случай прилагаю на всё нотариально заверенные скриншоты Правоту справочника косвенно подтверждают др. источники (пример). На наследуемость напирает, в частности, MDN. Я было подумал, что ненаследуемость была в какой-то предыдущей версии спеки (с W3C станется) - но в предпоследней уже наследовалось, в финальной версии CSS2.0 - тоже... Дальше - больше. Простенький тесткейз дает в браузерах буквально следующее: И самое в…
0 votes5 answers -
Expressions IE6 for transparent png
Собственно на днях мною в поисках идеального решения для фикса картинок(не фонов, с ними всё проще: либо png8\gif либо filter) было накопано решение, которое несколько не удовлетворяет критериям универсальности. Собственно, для начала спасибка developer'ам yandex за осмысленную пачку решений. Сабж выглядит так: /* PNG 24 Expression */ * body img { _visibility:expression( function(t) { t.runtimeStyle.visibility = 'hidden'; var png = document.createElement('png'); png.style.cssText = 'zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + t.src + ',sizingMethod=crop);'; png.appendChild(t.replaceNode(png)); if( png.parentNode.getAttrib…
0 votes5 answers -
Избавиться от # в адресной строке
Собственно, на странице повешено несколько скриптов на ссылки (ссылки никуда конкретно не ведут). При взаимодействии с ними адресная строка браузера украшается решеточкой. Пробовал href у ссылок убрать, все равно добавляется к концу текущего адреса. Как это можно победить?
0 votes5 answers -
Горизонтальное подменю
привет. подскажите, как реализовать с помощью css такое меню: первый уровень в строку. второй уровень располагается в строку той же ширины, что и первый, то есть не зависит от li-родителя. в общем, надо сделать так, чтобы какой бы пункт я не выбрал, дочерний ul начинался от левого края страницы. я пытался меня position, но окончательно запутался. проблема в том, что у меня центрированная страница и координаты задать точно нельзя, они зависят от разрешения монитора. как это сделать?
0 votes5 answers -
Блок <div> по всей высоте родительского блока
Здравствуйте уважаемые форумчане! Уже давно зарегистрировался и мониторю этот форум, он помог в решении многих задач.) Подскажите как решить эту проблему. Нужно растянуть блок <div> (блок 1 на рисунке ниже) на всю высоту родителя (родитель имеет не фиксированную высоту, она может меняться). Высоту родителя задает блок 2. (показал на рисунке) Ниже добавлю часть макета с этой задачей: Заранее спасибо!
0 votes5 answers -
Выпадающее меню на CSS.
Добрый день, дорогие форумчане. Получил вот недавно заказ на верстку простенького сайта. Но есть одно но. В нем должно быть выпадающее меню. Приложу картинку, чтобы было понятно: (https://dl-web.dropbox.com/get/Photos/%D0%BC%D0%B5%D0%BD%D1%8E.jpg?w=fb31becf) Т.е. нажимаешь на кнопочку — выезжает дополнительное меню. Нажимаешь еще раз — она убирается. Все бы ничего, но я всегда думал, что такое делается с помощью JS. А заказчик настаивает, что можно сделать на CSS. К сожалению, раньше никогда не сталкивался с таким. Подскажите, можно ли сделать это на CSS? Если да, то как?
0 votes5 answers -
Картинки на сайте
Вот хочу понять как воплотить следующее. Планирую делать сайт. там будет небольшая галерея и картинки в статьях. Вот хочу чтобы как на некоторых сайтах при нажатии на картинку она увеличивалась а фон затемнялся, а в галерее еще появлялись стрелки перехода. Какие способы существуют чтобы это воплотить?
0 votes5 answers -
Как быстро найти закрывающий див среди кучи других дивов?
Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?
0 votes5 answers -
Пхп ищу материал..
Приветствую. Люди добрые, дайте ссылочку на урок по формам почтовой отправки... т.е Форма есть, нужно чтобы работало..)) Просто в php я 0%
0 votes5 answers -
Как сделать фон блоку?
Есть два блока: контент и меню. Контент больше. Когда делаешь фон блоку меню, фоном красится только то где есть текст (тоесть одна строчка только). Как сделать чтобы весь правый блок красился фоном?
0 votes5 answers -
вопрос по div верстке внутри
подскажите пожалуйста как у самого внутреннего дива (div margin-top:-20px) сдвинуть вверх текст так, чтобы текст сдвинулся без бэкграунда родительского дива,т.е. чтобы бэграунды остались на своем месте а сдвинулся только текст ? а то получается что с минусовым маргином бэгрануд тела начинает залезать на бэграунд хедера, а мне надо чтобы залезал только текст. <body> <div style="width:700px;"> <div style="background: url(top.png) no-repeat bottom left; height: 30px;"></div> <div style="background: url(bg.png) repeat-y 0 0;"> <div style="margin-top:-20px;"> Мы предлагаем Вам программу-тренинг, прошедшую многолетнюю проверку временем и з…
0 votes5 answers -
Наезд блока на текст
Есть блок как на картинке нужно сделать чтоб сердечко обтекал текст, тоесть оно должно быть всегда снизу и его должен всегда обтекать текст, мучаюсь несколько дней ничего немогу придумать, <div style="border: 1px #ccc solid; padding: 5px; margin-top: 1px; word-wrap: break-word; width: 500px;" class="mess_list" id="mess_list_102"> <div style="float:left;"> <img src="/fw/s.jpg" width="80" height="80" alt="none" /><br /> <span class="indbox_text_color">28 сентября 2011<br /> (16:35:21)</span><br /> <span class="indbox_text_color">От:</span> …
0 votes5 answers -
Block position: absolute - ширина блока
Привет. Есть некий блок (position:relative). Он содержит дочерний блок (position:absolute). Абсолютно позиционируемый блок содержит произвольный контент. Проблема: Ширина абсолютно позицируемого блока не превышает ширины родительского блока. Задача: Абсолютно позиционируемый блок должен тянутся по ширине контента, не зависимо от ширины родительского (position:relative) блока. Есть идеи?
0 votes5 answers -
Лишние отступы
Подскажите откуда в 1 варианте берутся отступы между пунктами меню и как их убрать? Если делать текст внутри блока див, то все пункты меню слипаются как и требуется. Я уже всю голову сломал, не пойму в чем проблема. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="stylednavs.com" /> <title>Nozml Styled Css nav</title> <style type="text/css"> *{ margin:0; padding:0; } li { list-style-type: n…
0 votes5 answers -
help
почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …
0 votes5 answers -
цвет текста
У меня в самом начале файла css стоит но столкнулся с проблемой!!! в определенном блоке хочу оставить стандартный цвет (черный) color:black; , но почему - то он все равно остается зеленым! Как сделать что бы весь текст в определенном блоке вместе вложенными в него блоками были другого цвета!
0 votes5 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/
-