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
-
Помогите со стилями
Доброго времени суток, спасибо вам огромное очень хороший справочник, постоянно пользуюсь. Извините что вот так вот, не спросившись, с первого сообщения и сразу помощь просить, вопросы задавать, просто ощущаю острую необходимость в дельном совете. вопрос: как позиционировать 2 дива со списками слева и справа , чтобы на разных расширениях мониторов смотрелись одинаково по отношению к фону заданному таблице (<table class="main">), а то получается чем больше расширение тем дальше от картинки разъезжаются списки, я пробовал задать дивам relative а также отступы не в пикселях а в процентах, одинакового отображения на разных расширениях получить не смог. сам сайт : e…
0 votes7 answers -
Сделать сброс стилей
Добрый день. Насколько разумно подключить такой фаил css, чтоб убрать всё лишнее? Стоит ли вообще такое использовать? html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; /* обнуляем внешние отступы */ padding: 0; /* обнуляем внутренние отступы */ border: 0; /* убираем бордюры */ outline: 0; /* убираем контуры */ font-size: 100%; /* задаем базовый размер шрифта, значе…
0 votes7 answers -
Применить стиль к option
Добрый день. Нужно выделить курсивом текст одного из пунктов select. <select> <option selected style='font-style:italic;'>Выбор</option> <option value='1'>По номеру</option> <option value='2'>По имени\названию</option> <option value='3'>По адресу</option> </select> нечего не происходит. Как реализовать ?
0 votes7 answers -
Шаблон на div-ах) проблема кроссбраузерности
собсно есть шаблон от ТМ написаный под джумлу, я его переверстываю на свою ЦМС (называется мелбис) и наткнулся на проблему что в ИЕ центральная колонка моего шаблона живет отдельной жизнью =( уже кручу шаблон 2-ой день, но всеравно никак не пойму в чем причина =( Мое несчастье =( в Опере смотрется нормально а в ИЕ =((((( центральная калонка начинает стремится в полную ширину Оригинальная демка - оригинал шаблона каторый переверстываю, во всех браузерах смотрится как и задумано. я не силен в дивах, но шаблон доделать нада =( если я все правильно понял то плохо себя ведут или <div class="container"> или <div class="box"> я не прошу готовое решение, но хоть во…
0 votes7 answers -
Кракозябры при выводе
Кодировка при выводе. Выводит кракоябры, хрть и указал кодировку. Вот документ index.php тестовый, выводит вмсет слова "привет" выводит п»ї Привет <!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> <title>Контакты</title> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> </head> <body> Привет </body> </html>
0 votes7 answers -
input type
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…
0 votes7 answers -
Поиск на сайте
Хочу сделать поиск по сайту (php) Какой вариант лучше - скрипт, готовый яндекс или гугл или с помощью базы данных. Условие не должно быть никакой рекламы, быстрый, авто индексация, сайт около 400стр. в идеале похожий на http://loza.ru/ я так понимаю сайт на готовом движке Что значит сайт с базой данной - как это вообще работает Полный лузер в этом вопросе.
0 votes7 answers -
Как выровнять список страниц по центру блока навигации
Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…
0 votes7 answers -
переполнение ячейки
Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась. Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться. А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество. Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как. Что посоветуете, форумчане, какие мысли решения? …
0 votes7 answers -
Меню на всех страницах сайта
Задача: Гипотетическому верстальщику нужно сделать меню многостраничного сайта. Чтобы header (и, возможно, footer) были на каждой странице сайта. Варианты решения: 1) Дублировать код на каждую страницу, что есть онанизм и увеличение размера файла. 2) Решить задачу с помощью фреймов.(усложним работу поисковым машинам.) 3) Прописать каким-то образом через JavaScript. 4) Другое. Вопрос: Каким образом можно сделать элемент одной страницы общим для всех страниц сайта, не в ущерб производительности?
0 votes7 answers -
inline-block в <a>
<a href="" style="display:inline-block; width:200px; height:50px; background-color:#CC0000;">test1</a> <a href="" style="display:inline-block; width:200px; height:50px; background-color:#990000;">test2</a> Буду краток. Реально вообще в этом случае избавиться от отступа? Чтобы ссылки шли вплотную. DIVы не предлогать, не катит. Если можно то как? Заранее спасибо.
0 votes7 answers -
Каким образом делается переадресация сайта
Был у меня когда-то сайт на народе (да и сейчас он там висит..)... теперь хочу новую версию разместить на платном хостинге... каким сделать так, чтобы пользователь вводя старое имя сайта автоматически попадал на новый сайт???
0 votes7 answers -
Использование 3d лент.
Подскажите, кто-нибудь использовал объёмные ленты. Primer: http://my-html.ru/example/3D_css/index.html Поделитесь опытом, все никак не могу реализовать в деле.
0 votes7 answers -
Валидность кода
Здравствуйте все, я недавно начал изучать html, CSS, JavaScript. Изучая делаю себе сайт, столкнулся с проблемой валидности. В некоторых источниках пишут что валидность это хорошо но не главное... Поэтому особо о ней не думаю, но все таки хочется делать хорошо и поэтому вопрос. Валидатор указывает мне на ошибки в ссылках, например = или знак & подскажите варианты решения. По ссылке можно посмотреть все ошибки на странице Валидатор w3 Примеры ошибок: …php?option=com_content&view[b]=[/b]article&id=104:2010-12-05-19-22-48&catid=21:—199… …monet.ru/index.php?option=com_content&[b]v[/b]iew=article&[b]i[/b]d=104:2010-12-05-19-22-48&…
0 votes7 answers -
Верстка.Как быть?
Здравствуйте. Возникли сложности с совмещение таблиц.В наличии есть 3 таблицы, 2 из которых должны находиться в 1. Помогите в решение.За ранее благодарю. Сам код html: general table. <table id="Table_01" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="images/modul-lef-tmaket_01.gif" width="261" height="8" alt=""></td> </tr> <tr> <td align="left"> <img src="images/modul-lef-tmaket_02.gif" width="4" height="344" alt=""></td> <td><img src="images/left_menu_06.gif" width="27" height="13" alt=""></td> / кнопка промотки вверх <td><img src="imag…
0 votes7 answers -
Просмотр фотографий
Приветствую! Мне необходимо разместить несколько фотографий на странице и так, чтобы несколько превьюшек, а при клике на превью - большая фото менялась. Реализовала вот так: http://garant-bryansk.ru/service/online-seminar/ <div class="block" align="center"> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="http://garant-bryansk.ru/img/img-sem/1s.jpg"></a> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.…
0 votes7 answers -
хочу круто сделать маркеры справа, но все что-то не выходит пока
Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…
0 votes7 answers -
фиксирование нижней части
есть 3 колонки первый и 3 узкие а по середине как лист а4. я хочу фиксировать нижнюю часть , часть футер так чтоб не смещалась независимо от того если текст в среднем секторе или нет. так как футер иногда смещаеться чисто на среднюю часть когда текста мало . height: 100% не помогает #footer { margin-top: 10px; height: 37px; width: 100%; min-width: 1150px; background: url(images/18.png); } #copyright { height: 36px; line-height: 36px; width: 385px; background: url(images/19.png); margin: avto; color: #2b2b2b; } а вот html код <div id="footer"> <div id="copyright">Copyright MyCorp © 2010 | VOSKAN</div> </div>
0 votes7 answers -
Помогите
Люди научите верстать макеты. Знаю базовые знания Html и CSS.
0 votes7 answers -
application/xhtml
Скажите, зачем на практике нужен тип application/xhtml? Кто-нибудь его применяет и для чего?
0 votes7 answers -
Как сделать закругленный фон меню ?
Здравствуйте! Как сделать закругленный фон меню ? Нужно сделать как здесь: У меня ничего не выходит, пробывал по разному, можете пожалуйста подсказать... Получается вот так: Архив с сайтом: СКАЧАТЬ
0 votes7 answers -
Дочерний и смежный селектор CSS в IE7-8
Добрый день. Для корректной работы меню, на сайте использовал дочерние (.classA > .classB) и смежные(.classA + .classB) css селекторы. В браузерах Chrome, Opera, FireFox, Safari всё корректно отображается. В IE7-8, не смотря на заявленную поддержку оных селекторов, к сожалению, не работают. Вычитал здесь, что для корректной работы нужно выставить верный DOCTYPE. А вот какой не сказано. Отписался автору - пока молчит. Пробовал сам поиграть doctype'ами - эффекта нет. Подскажите, пожалуйста, куда копать и как всё таки заставить IE понимать данные селекторы. Заранее спасибо.
0 votes7 answers -
Несоответствие стандарта и написанного кода
Сильно не бейте плиз если нублю, проблема в следующем, стандарт на сайте XHTML 1.0. валидатор выдает 20 ошибок типа: или вот например: насколько я понял это проблема в стандарте, однако, если я изменяю стандарт, то ошибок становится в разы больше, подскажите как можно исправить ситуацию?
0 votes7 answers -
Помогите с буквицей
Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }
0 votes7 answers -
Не могу убрать отступы
Здравствуйте код такой <div id="wrap"> </div> в ксс body { background-color:#000000; } #wrap { min-height: 100%; background: transparent url('img/header-bg.jpg') repeat-x -240% 0; } как убрать вот ети отступы сверху,и по бокам, как будто фон сферху....чо то запутался(
0 votes7 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/
-