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
-
Оередность загрузи элементов страницы
Подскажите пожалуйста, как повлиять на очередность загрузки элементов страницы. Сайт написан с использованием слоев DIV. В центральном слое лежит java скрипт комментариев ( из себя он представляет ссылку <script src="http://домен/comments.js"></script> ). Из-за того что скрипт грузиться с чужого сайта долго, подвисает загрузки остальных элементов страницы. Я хочу чтоб загрузились все элементы, лишь затем скрипт комментариев. Например засунуть скриптв слой и сделать так чтоб слой с скриптом грузился последним. Или есть другие варианты?
0 votes6 answers -
Резиновый header
Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код HTML: <!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" xml:lang="en" lang="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…
0 votes6 answers -
Див не прямоугольной формы
На странице нужно разместить несколько таких блоков, заходящих друг на друга: Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными. Можно ли как то это реализовать и если можно то как?
0 votes8 answers -
уроки по блочной верстке
С html и css ознакомился. Хочу закрепить свои знания на практики. Подскажите, пожалуйста, уроки по верстке где детально объясняются принципы верстки.
0 votes7 answers -
Настройка скрипта
Здравствуйте , встал вопрос . Что прописать в этом скрипте, что бы он выводил только первую строчку. <? $file = fopen("http://m.tv.yandex.ru/213/?channel=$_GET[ch]353", "r"); while (!feof ($file)) { $buffer = $buffer.fgets($file); } fclose ($file); $pos = strpos($buffer, '<div class="b-schedule">'); $buffer = substr($buffer, $pos); $pos = strpos($buffer, '</div>'); $buffer = substr($buffer, 0,$pos); $buffer = preg_replace('#<a[^>]*>(.+?)</a>#isu', '$1', $buffer); echo $buffer; ?> Пример работы скрипта можно посмотреть на этой страничке - Программа передач - ТНТ
0 votes2 answers -
Bootstrap и шапка фиксированной ширины
Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!
0 votes2 answers -
Условные комментарии для IE > 9
Столкнулся с тем, что вот такая конструкция не работает в Internet Explorer старше 9 версии: <!--[if IE]> <style> span{ background:red; } </style> <![endif]--> Как сделать стиль срабатывающий и для старших версий Internet Explorer?
0 votes12 answers -
Проблема со шрифтами
Добрый день! Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый. Привожу 2 скриншота: 1. Как выглядит шрифт на google fonts 2. Так выглядит у меня Почему так получается? Все эти манипуляции я провожу в браузере Firefox.
0 votes10 answers -
Обычная кнопка
приветствую. Такая проблема.. есть css *{border:none;} в общем нет ничего особенного... он отключает везде границы... а надо что б одна кнопоччка выглядила как обычно.. по дефолту... несмог подобрать стили... подскажите плз
0 votes6 answers -
Контент поверх флеша
Уже несколько раз затрагивалась эта тема, но для себя эту задачу я так и не решил. Вполне вероятно, что решение, как всегда, елементарно и находиться где-то рядом, но я его еще не нашел. Контент поверх флеша не хочет отображаться, как бы его не позиционировал, как бы не игрался со слоями. <style type="text/css"> .flash { width: 300px; height: 300px; z-index: 1; } .content { width: 100px; height: 100px; background-color: green; position: absolute; top: 0; left: 0; z-index: 2; } </style> <div class="flash"> <div class="content">Text</div> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.co…
0 votes2 answers -
infa wilaziet za granizi div´a
Priwet! Podskagite chto sdelat´ , chtobi infa ne wilazila za granizi diva? Nado chtobi ona bila wnutri . Spasibo
0 votes6 answers -
input как избавится от лишних отступов?
Есть стиль: input.feedback { width: 271px; height: 24px; border: 1px solid #bbc3c4; font: 8pt Verdana; vertical-align: middle; color: #3B5356; text-align: left; background: #ffffff; } Когда печатаешь текст в поле то он в Опере по горизонтали по центру поля, а когда в ИЕ то он выравнивается по верхнему краю! Как сделать чтобы и в ИЕ и в Опере было одинаково и текст печатался по центру по горизонтали? Анналагично есть стиль кнопки: input.feedback7 { overflow: hidden; width: 137px; height: 21px; border: 1px solid #bbc3c4; color: #56696c; font: 8pt Verdana; font-style: italic; text-align: center; background: #f3f4f4; padding: 3px; } Также…
0 votes1 answer -
форма и 2 кнопки
как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?
0 votes6 answers -
2 фиксированых блока в 1м резиновом
Доброго времени дня...я только начал верстать div(ами) и вот столкнулся с проблемой. Есть 2 колонки фиксированной ширины выравненные по центру, длинна колонок зависит от контента - задача сделать фон от бортов колонок до края экрана определённого цвета, ширина-резиновая, высота - по максимуму высоты центральных колонок, написал такой код: <html> <head> <title>test</title> <style type="text/css"> body { padding:0px; border:0px; margin:0px } .rubber { width:100%; background-color:#F00; height:auto } .wrapper { width:780px; margin:auto; } .half_wrapper { width:390px; background-color:#9FF; float:left; height:auto } </style&…
0 votes6 answers -
Атрибут alt в <img> "на практике"
Здравствуйте. Не дает покоя вопрос практической оправданности использования атрибута alt в теге <img>. Прочитал одну статью, другую... Еще несколько. Никак не пойму. Что этот атрибут делает и когда используется - понятно. Подпись изображения (а точнее места под него) при недоступном файле или отключенной графике. НО. Первое. Кто-то в наше время отключает в браузере графику? Ну, разве что в "аварийных" ситуациях, когда нужно срочно выйти в Инет, а тариф дико дорог или канал неприлично мал (с мобильника в "лесах/горах" с дорогой Инет-услугой в пакете, например). Даже если и так, то, обычно вполне понятно по тексту, где "нужные" изображения. И с этой позиции атрибуты в…
0 votes9 answers -
Изменение css свойств родителя onfocus:last-child
Доброго времени суток, есть такая конструкция: #header nav ul li Нужно что бы при клике (:focus) на #header nav ul li:last-child у #header изменилось свойство width Есть какие идеи?
0 votes4 answers -
Прилипание текста к картинке
Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <body> <div class="post"> <div class="tema"> <p>Длинный текст</p> <a class="thumbnail" href="#"><img src="1.jpg" width="20%" border="0" align="left"/><span><img src="1.jpg"/></span></a&g…
0 votes1 answer -
Свой шрифт
Здравствуйте, такой вопрос: например указан какой-то шрифт типо font-family:название-шрифта; если этот шрифт не установлен на компьютере посетителя, то у него текст отобразиться тем шрифтом который у него в браузере по умолчанию задан. А можно-ли как-то указать ссылку на нужный шрифт во внешнем файле, или сделать так чтоб он автоматически установился при входе на страницу? какие есть способы?
0 votes3 answers -
Границы таблицы
Как сделать такое? У меня проблемы с горизонтальными границами (синего цвета которые) через несколько ячеек.
0 votes5 answers -
проблема с высотой (height:100%) при 2 background-image
Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …
0 votes11 answers -
editplus криво меняет кодировку
Перекодировал страницу в editplus с ANSI в utf-8, загрузил на хостинг, вышли кракозябры "Учёные". Потом с notepad перекодировал обратно в ANSI - никаких изменений. Как мне перекодировать страницу в utf-8 без кракозябр?
0 votes3 answers -
Белая полоса между контентом и футером
Бэкграунд - картинка. Сделал плавающий футер, но он не влияет на размер контента. Получается, что если контент короткий, то сразу под ним, поверх фона, появляется белое поле. А уже ниже футер с копирайтом. Пробовал прописать тегу html height: 100%, белое поле исчезает, но на страницах, где есть полоса прокрутки, когда опускаешь вниз белое поле подло вылазит снизу и налезает на фоновую картинку.. Помогите решить проблему, второй день бьюсь. В хроме работает нормально. http://psko.com/index.php?id_cms=4&controller=cms&id_lang=1 Извиняюсь за очень долгую загрузку, тестовый сервак. Грузит около минуты.
0 votes1 answer -
Не открывается модальное окно по-хорошему
Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.
0 votes4 answers -
Нестандартный input
Всем привет. Народ, может кто сталкивался. Нужно сверстать нестандартный input, а именно вот такой: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/988639 Помогите пожалуйста, а то я уже голову сломал, ну не знаю как этот инпут на 2 части делить. ((
0 votes15 answers -
Неправильная работа margin-top у заголовка
Почему margin не отодвигает h2 от верха родительского элемента, как положено, а добавляет ему отступ, как показано на картинке?
0 votes3 answers