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 возможности CSS и JS. в СSS я не понял как сделать так что бы элементы загружались последовательно. а JS код вышел здоровым шопипец. Может есть простое решение?
0 votes7 answers -
Загвоздка с отступом после некоторых спецсимволов в Internet Explorer
Добрый день. Так получилось, что приходится часто по ходу текста использовать спецсимвол 8242; но в Explorer после него получается огромный отступ, который не убирается средствами letter-spacing. Если есть возможность повлиять как-то на это - подскажите. Получается не очень красиво, мягко говоря.
0 votes4 answers -
Поочередное отображение элементов страницы.
День добрый. Нигде не могу найти информацию по поводу следующего вопроса: хочется чтобы пользователь видел не то что первым отобразится, а сначала например фон потом основные элементы страницы потом еще там что то. То есть чтобы элементы отображались по очереди. Желательно чтобы и загружал браузер пользователя элементы по очереди. Возможно в раздел яваскрипта этот вопрос? Спасибо за помошь.
0 votes7 answers -
Глюк в IE6 или я чот не так сделал.
Здравствуйте. Сайт только начал верстать поэтому ссылку на него выложить не могу. Собственно столкнулся с первой проблемой. background-ом растянутый по ширине (repeat-x) лежит на body фоновый рисунок с разрешением png зная заранее что у IE6 проблемы с отображением полупрозрачности .png я подключаю експрешон вот он: body{ background:url(images/none.gif) fixed; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-body.png', sizingmethod='scale'); } После этого в IE фон исчезает. что это, глюк IE либо я что-то не то сделал? заранее Спасибо
0 votes9 answers -
first-child в IE6
Здравствуйте! Подскажите пожалуйста следующий момент. Есть вот такой код: #seriy_fon{width: 320px; height: 60px; background:#999966;} .section {width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 10px;} #seriy_fon div:first-child {margin-left: 0px;} Однако, как я узнала IE6 " не понимает" first-child. Я написала след класс: .section_first {/* IE6 */ width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 0px;} Но знаний очень мало, как его в основном файле использовать/подключить? Наверное как то прописывается условие для IE6? Подскажите пожалуйста каким образом. Заранее спасибо.
0 votes8 answers -
текущая ссылка
как сделать что бы выделялась текущая ссылка, та, которая сейчас открыта? можно ето сделать в css?
0 votes10 answers -
Нужен опытный помощник, чтобы натаскать по front-end
Добрый день. Я начинающий front-end разработчик. На работе задачи обычно одного уровня. Нет понятия насколько хорошо верстаю, пишу скрипты. На сколько в ногу с технологиями. Ребята, если кто-то готов поделиться опытом и научить делать отлично, пожалуйста отзовитесь. Мне нужен человек, который будет давать задания и потом проверять и обсуждать как можно было лучше. К критике отношусь адекватно. Хочу учиться. Заранее спасибо.
0 votes9 answers -
Обратная связь
Всем привет. Допустим нужно сверстать landing page.ОК. Ты его полностью сверстал но там есть обратная связь или кнопка сделать заказ. Как сделать там чтобы при обратной связи или при любой действии подобном, на почту приходило письмо? я пробовал через функцию mail() в php, но там проблемы с кодировками есть. Я не силен в таких вопросах. Что делать в таких ситуациях, может скрипты есть готовые какие нибудь или сервисы?
0 votes3 answers -
Отцентровать "display:table-cell"
Должно получиться следующее: Блоки должны быть по центру + отступы между ними Верстаю под IE9, этим блокам задал display:table-cell (IE9 flexbox не поддерживает, с полифилом что-то тоже не получается) Теперь их нужно отцентровать и добавить отступы между ними. Как это сделать? http://codepen.io/anon/pen/QNLYGw?editors=1100
0 votes8 answers -
помогите новичку...
Я оооооч плохо разбираюсь в верстке. Можно сказать 0. Заказал верстку дивами главной страници в магазин на "shop-script"... все врое нормально помимо одного но... теперь во всех страницах, как окно регистрации итд, что то случилось с полями для ввода данных. Но что самое инетерестное все эти поля в ие выглядят как надо... а вот в опере ужас. Пробовал добавлять в css все стили из старой верстки - ничего не изменило 0_о почему так?! Вот кусочек странички из окна регистрации <tr> <td colspan=3 align=center> <table bgcolor=#B2D1F5 width=80% border=0> <tr> <td> <font color=black class=small> ВХОД В МАГАЗИН </font> </td>…
0 votes10 answers -
Строка поиска скачет
акая фигня: Вот строка поиска в mozilla firefox: http://saveimg.ru/show-image.php?id=f696c3...9b66d07fe2500b2 А вот в Опере: http://saveimg.ru/show-image.php?id=cc1e89...21394e699cabfa6 Корявит это мой сайт не по детски( А вот строка поиска яндекса: http://saveimg.ru/show-image.php?id=70293e...917883062e7ee5f У них строка эта в картинку замурована поэтому при заходе из разных браузеров не скачет) Можно мою также сделать? Вот код строки поиска: <form action="адрес странице результатов поиска" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-4647668356768393:tgizyufcks8" /> <input type="hidden" name="cof" value="FORID:11" /&…
0 votes9 answers -
Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним
Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb
0 votes3 answers -
Фреймворки за/против
Привет! Хочу совета от опытных ребят. Начал учить Bootstrap, а в нем встроен адаптив, которому я на чистом CSS еще не научился. Стоит ли прежде набить шишки на адаптиве на чистом CSS и только после прыгать на фреймворк? Если стоит, то с каким позиционированием будет сложнее адаптировать(float/position/flex)? И, после того, стоит ли выучить основу Bootstrap 3 перед изучением 4 версии?
0 votes11 answers -
Блок <div... поверх картинки
всем привет ! как разместить несколько блоков поверх картинки на примере : #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; }
0 votes5 answers -
Задание цвета ячейки через стили - Мозилла не видит цвет
Здравствуйте! Помогите пожалуйста решить проблему! Есть файл mysite.css body { margin: 0px; padding: 0px; background-color: #E9FDF0; line-height: 1.5em; text-align: justify; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 12px; } td { background-color: #E9FDF0; line-height: 1.5em; text-align: justify; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 12px; } td.1 { background-color: #336666; line-height: 1.5em; text-align: justify; FONT-FAMILY: verdana, geneva, arial, sans-serif; FONT-SIZE: 12px; } td.2 { background-color: #C4D8CB; line-height: 1.5em; text-align: justify; …
0 votes4 answers -
Создание регистрации
Я вот балуюсь с блокнотом для создания сайтов(так для себя, на крупное я потом пойду). И хочу для себя сделать простенькую регистрацию (ник, пароль, мэйл), но не явускрипт ни пхп не знаю, не поможете как мне это все сделать. ЗЫ. Надеюсь поможете.
0 votes20 answers -
Выезжающий фиксированный блок внутри контента
Внутри блока с основным контентом нужна фиксированная кнопка при нажатии по которой будет выезжать div блок и этот блок должен растягивается по все высоте экрана. Внешне это я реализовал вот так Пример кода Проблема в том, что сейчас блок fixed-block, который поверх всего, перекрывает контент и не позволяет взаимодействовать с ним. Может кто-то подскажет как избежать это проблемы и внешне оставить все так же?
0 votes2 answers -
Цвет четных и не четных строк в списке
Подскажите возможно ли на css сделать что-бы у списка четная строка была с белым фоном, а не четная например с серым? если да то подскажите хотя-б в какую сторону копать.
0 votes5 answers -
Помогите с кодом для шапки
Ребята у меня проблемка с шапкой сайта.Вот изначальный код: <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="0%" height="16" style="background:url('/.s/t/711/2.gif') right;" align="right"><img src="/images/3.jpg" border="0"></td><td width="40%" height="16" style="background:url('/.s/t/711/2.gif');"><img src="/.s/t/711/4.jpg" border="0"></td></tr> <tr><center><td height="160" style="background:url('/images/5.jpg') left;" align="center"><b> <tr><td width="87%" height="26" style="background:url('/.s/t/711/9.gif') right;" align="right"><img src="/images/1…
0 votes9 answers -
Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны
Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…
0 votes2 answers -
Отображение Open Sans Condensed в Chrome
Приветствую. Подключил с гугла шрифт Open Sans Condensed. В webkit браузерах не нормально отображется, у некоторых букв будто срезана верхушка. Например: Если увеличить масштаб до 110%+ то все нормально выглядит, при стандартном масштабе такой вот косяк. Как можно вылечить? UPD: сделал вот в песочнице пример, откройте в хроме к примеру, что интересно, в фоксе тоже косяк такой, верхняя часть букв "Г" и "П" полупрозрачная. Это именно в песочнице, на сайте все норм.
0 votes1 answer -
Окно заданного размера с помощью CSS
Собственно сабж. Нужно чтобы при нажатии на ссылку выскакивало окно заданного размера. Хотелось бы все это сделать средствами CSS да еще и чтобы valid . Что скажите мудрецы?
0 votes4 answers -
Как сделать, чтобы div сдвигался до опред. ширины?
Всем доброго времени суток! Есть обрамляющий div id="header" #header { display: block; position: absolute; top:0px; } Внутри 3 div-a подряд - 1) div id="imglogo" #imglogo { position: absolute; top: 0px; left: 20px; display:block; } 2) div id="bannertop" #bannertop { display:block; position:absolute; left: 260px; top: 28px; } 3) div id="panel" #panel { width: 250px; padding-left:20px; padding-right:20px; padding-top:60px; display:block; float:right; position: relative; font-size:11px; } При схлопывании страницы - 3й див (панель который) залазит на первые 2. Как сделать, чтобы при определ?нной минимальной ширине появлялась полоса прокрутки, а 3й див переставал ползти. Пробо…
0 votes2 answers -
Одинаковая высота блоков 2/1
Добрый день. Застрял на такой схеме: Нужно чтобы высота блока "3" определялась относительно блока "4" и всегда заканчивалась одинаково с ним. Все блоки должны быть слоями Может кто сталкивался с таким уже?
0 votes5 answers -
Помогите с документом.
Помогите начинающему, но безусловно талантливому, даже не знаю как себя назвать... админу сайта короче, с форматированием текта средствами HTML. В общем застрял на такой задаче - необходимо более менее эстетично формить ту чась документа, где идут различные подписи, должности, Ф.И.О. и т.д., т.е. когда идет графа, а под ней мелкими буквами пояснение. Например так: Получатель: ________________________________ ____________________________________ ..........................Структурное подразделение .............................Организация................................ Примерно так, но вместо точек пустое место. Есть ли какие нибудь стандарты именно для таких целей?
0 votes8 answers