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 Meta начал выдавать. Line 8, Column 6: Stray end tag html. <html> Line 9, Column 6: Stray end tag head. <head> Line 11, Column 108: Attribute name not allowed on element meta at this point. …"description" content="бла-бла-бла - тут описание"> Line 11, Column 108: Element meta is missing required attribute itemprop. …"description" content="бла-бла-бла - тут описание"> Line 12, Column 99: Attribute name not allowed on element meta at this point. …" content="бла-бла-бла - тут описание"> Line 12, Column 99: Element meta is missing required attribute itemprop. …" content="бла-бла-бла - тут описание"> …
0 votes4 answers -
Посоветуйте html редактор
Привет всем! Я верстал всегда на HTMLReader и столкнулся с проблемой: в редакторе страница отображается иначе нежели в браузерах Мозилла и Хром. Посоветуйте не сложный редактор по типу ридера, но с правильным отображением верстки. Спасибо!
0 votes4 answers -
Смещение блока с margin: 0 auto; при разных разрешениях
Есть проблема. Помогите, пожалуйста, если можете! Очень срочно. Уже несколько дней воюю. На сайте должен быть полупрозрачный блок тянущийся на всю ширину экрана, но контент блока фиксированный на разрешение 1024 В FF и IE7 все хорошо, а в Opera и IE8 при изменении ширины экрана справа и слева от фиксированного блока появляются верикальные однопиксельные полоски, т.е. этот блок при разных разрешениях смещается из-за margin: 0 auto то вправо то в лево. Если фиксированному блоку поменять ширину с 998 на 997, то проблема пропадает в Opera и IE8? а появляется наоборот в FF и IE7. Верстка сделана след. образом: в <div> с фоном ПНГ длиною 1920px (но центральная часть 998p…
0 votes4 answers -
размеры вложенных div'ов
имеем ситуацию - див, в нем несколько флоатнух дивов. ширина и высота всех дивов автоматическая. в итоге внешний див имеет ширину во весь экран(вся доступная), а высота нулевая. ввиду этого невозможно выставить по центру внешний блок. подскажите, как можно избежать в данном случае нулевой высоты? <div> <div style="float: left;"> content </div> <div style="float: left;"> content </div> </div>
0 votes4 answers -
ПРОБЕЛЫ. ГДЕ и ЗАЧЕМ?
Здравствуйте! Смотрю сохраненный шаблон через Notepad – строчки в некоторых местах съехали. #searchform #s{ height: 17px; width: 148px; margin: 6px 5px 0px 10px; padding: 3px 7px 2px 5px; color: #999999; border: none; } На сайте смотрю код шаблона - все нормально. С чем это связано? Может отредактировать шаблон в Notepad, а потом заново загрузить на сайт? 2. И еще вопрос — зачем в структуре шаблона строки со свойствами сдвигаются вправо на четыре пробела, селекторы разделяются между собой пустой строкой? Нужны эти пробелы? Сайт и так работает. В некоторых местах можно такое наблюдать, без сдвигов слева: Селекторы то разделены пустой строкой, то нет. #searchform #sea…
0 votes4 answers -
Проблемы с таблицами
Помогите не получается установить фоновое изображение для строк , пробовала через tr.tt { background: #f6d654 url(images/rtp.jpf) } (Для строк в таблице нужно установить изображение) Помогите!!!
0 votes4 answers -
Растягивание неск.блоков по всей ширине родителя
Верстка блочная, каждый блок имеет один и тот же класс, никаких идентификаторов. В каждой строке по 4 блока, использую инлайн-блоки + свойство родителя "text-align: justify", не знаю, как бороться с последними блоками. Я думаю, данная проблема уже разбиралась не раз, но мои поиски не дали никакого результата, может ткнете меня в сыллку, или скажете, как правильно задавать поисковый запрос, а может и напишите решение этого.. Вот мой код: <div id="content"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="bl…
0 votes4 answers -
Списки в блоках
есть вот такой сайт http://techwriters.ru/. Списки здесь заданы глобально для всего сайта параметром ol, ul {list-style: none;} т.е не отображать. В результате на этой странице списка не видно http://techwriters.ru/developer/. как это можно исправить? Если этот стиль убираешь, все ок, список появляется, но слетает вся верстка. Подскажите плиз
0 votes4 answers -
Проблема с цветом ссылок
Приветствую всех. Занимаюсь версткой не так давно, и последний раз поведение ссылок ввело меня в ступор... Имеем: Блочная верстка, шапка, под-шапка с меню, левый сайд-бар, основной (content) и подвал. В подшапке, левом баре и подвале есть меню, ссылки <a href=""> в списках Ul. Все, естественно, с разными стилями. Так вот, в один прекрасный момент, все новые ссылки, которые появляются в блоке Content, стали цеплять стиль из левого блока (в нем ссылки белые, content так же белый, и их соответственно, не видно). Пробовал и IE и в Хроме, через какое-то время и ФФ к ним присоединился... Хотя точно в начале все было нормально, все-таки разные блоки... !important не спас…
0 votes4 answers -
непонятен код
Привет. Взял с одного сайта посмотреть шаблон с трёмя колонками, не совсем понимаю как он работает. <body> <div id="container"> <div id="header"><h1>Header</h1></div> <div id="wrapper"> <div id="content"> <p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p> <p>very make mak…
0 votes4 answers -
Как сделать, чтобы при открытии страница сразу отправлялась на принтер?
На странице "контакты" имеется ссылка под картой проезда "распечатать карту проезда", при нажатии на эту ссылку открывается файл print.html <p><a href="print.html" target="_blank">Распечатать схему проезда</a></p> в котором я отформатировал необходимый текст с контактной информацией и карту проезда оптимизировав для печати. Хочу реализовать печать этого открывающегося файла print.html при открытии.
0 votes4 answers -
Фиксированный элемент
Здравствуйте! Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?
0 votes4 answers -
Отображение элемента поверх всех других
Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …
0 votes4 answers -
Проблемы в Opera
Сайт: Емакс спорт.Ру Как убрать рамку вокруг надписи "Лыжи Атомик Word Cup" HTML код: <TR class=tabl5> <TD class=toptable3 colSpan=2 > <div style=\"float:left;width:420px;\"> <table class=lt2> <TR align=center> <TD ><B><strong>"Лыжи Атомик Word Cup"</strong></B></TD> </TR></table> </div> CSS код: TR.tabl5 td{HEIGHT:23; BORDER: #7E98CD 1px solid;} TD.toptable3 {text-align:middle; FONT-SIZE: 9px; background: #fff; width:100%;} TABLE.lt2{width:100%;}
0 votes4 answers -
Возможно ли это сверстать под IE6
Есть небольшой шаблон - страница настроек плагина для uTorrent, файл содержит в себе стиль https://dl.dropbox.com/u/115646/Temp/sds.html Установлен IE9 и он показывает нормально. Но вот что там разработчики настроили во встроенном в uTorrent IE - не пойму. Страница просто ужасно выглядит. Причем такой код: <script language="JScript"> <!-- @cc_on; alert(@_jscript_version); //--> </script> выдает "9". Может какой режим не тот у него? Я не верстальщик особо, но гуглить могу. Подскажите хоть возможно ли из этого шаблона сделать версию для IE6, чтоб уж точно без багов. Если да, то куда копать. Разные htc пытался использовать - безтолку. Как я понимаю…
0 votes4 answers -
Как реализовать такие углы?
Подскажите как сделать такие углы? Или такие углы только с помощью картинок делаются?
0 votes4 answers -
Проблема с растягиванием сайдбара и контента к футеру
Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…
0 votes4 answers -
валидация формы
можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…
0 votes4 answers -
Передвинуть блок
Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк
0 votes4 answers -
отключаются стили
подскажите пожалуйста почему при просмотре странички через ie8, в блоке .rotator отключаются все стили? использованный js-ротатор контента в ie работает без проблем. пример
0 votes4 answers -
небольшой вопрос про свойство left.
Привет всем,столкнулся с такой проблемой.. Вот сам код <div style="background-image: url('66-1024.jpg'); background-repeat:no-repeat;background-position:50% 0%; width:auto; height:700px;"> <div style="margin-right:0;position:relative; left:340px;color:red;font-size:29px;">text</div> </div> устанавливаю свойство left для текста и получается так,что справа создается поле.Вот как его можно убрать? вот скрин Моя ссылка
0 votes4 answers -
Помогите разобраться с Валидацией
Всем доброго времени суток, страничка www.all-read.ru (это не реклама, тем более рекламировать нечего еще). Поставил в конце (в низу) странички ссылку на прохождение валидации.. Выходит премерно 6 ошибок. Я не понимаю этих ошибок. Помогите разобраться пожалуйста.
0 votes4 answers -
двойной <br />
Есть такой тег, который заменяет <br /><br />?
0 votes4 answers -
inline-block в IE7
Помогите разобраться. Известно, что в IE6-IE7 инлайн-блочными элементами можно сделать только из тех тегов, которые являются натурально инлайновыми, как например <span>. Но я недопонимаю на счёт IE7. Он поддерживает оба нижеперечисленных варианта или только верхний из них? display:inline; zoom:1; display:inline-block; Мой опыт говорит что оба поддерживает одинаково: вариант 1 и вариант 2
0 votes4 answers -
Позиционирование тени по нижнему краю
Здравствуйте. Как можно спозиционировать тень по низу? box-shadow:1px -1px 3px rgba(0, 0, 0, 0.5); 1px - сдвиг влево, -1px - сдвиг вправо. 3px - размытие. Не получается, при данном коде, тень располагается правее... Что делаю не так?
0 votes4 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/
-