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
-
Стили, контент с прокруткой в рамке
Во-первых, Большое Спасибо за статьи на этом ресурсе! То, что мне сейчас нужно, очень похоже на "Двухколонный макет с навигацией слева" но, к сожалению, я не очень понимаю как сделать чтобы контент справа в рамке, *не* добавлял ко всей странице вертикальной прокрутки даже если он не умещаяется по высоте страницы. Прокрутка должна быть у самого бокса, в котором контент. Это можно сделать без фреймов? Подозреваю что вопрос примитивный, но вс? равно надеюсь на помощь
0 votes2 answers -
Работа с position:absolute и множественными элементами
Други, вновь за помощью спешу к вам. Ситуация такая нужно к множественным элементам, которые генерируются и имеют один класс применить абсолютное позиционирование, это получается, но вот проблема в том, что когда они начинают двигаться с помощью left, right.... т .п. то они собираются в одну кучку, причем относительное не потоходит по причине того что динамический элемент расширяет границы блока и верстка едет. подскажите как быть?
0 votes5 answers -
Вопрос о размерах блоков.
Существуют ли какие-либо типовые размеры блоков, которые можно назвать стандартными? Понятно, что для каждого макета размеры могут быть разными, но хотелось бы узнать, есть ли какие-то стандарты. Чтобы лучше понять, что имеется в виду, приведу свой пример. Делаю сейчас трёхколонную таблицу. При этом для таблицы взял ширину 950px, для верхнего меню высоту - 45px. Для разделителей между шапкой и центральным блоком, а также между центральным блоком и подвалом взял высоту 5px. Центральный блок имеет такие размеры ширины: правая колонка - 221px, разделитель - 4px, контент - 500px, разделитель - 4px, левая колонка - 221px. Далее после разделителя, о котором говорилось выше, идё…
0 votes8 answers -
Баг IE 7
Всем привет! Страничка криво отображаетса только в ие7. Причем элементы сильно перемещаютса по x вправо. Ссылки тоже отличаютса сверху. Прилагаю скрины, там наглядно видны все различия. Есди кто знает как справитса, помогите IE7 IE8
0 votes11 answers -
Полоса прокрутки
Не подскажите почему на страницах моего сайта где нету полосы прокрутки изображение выравнивается по центру без проблем с помощь align="center", а на с страницах с полосой вертикальной прокрутки это же изображение, с этим же align="center" смещаться от центра примерно на 10 px, в чем дело?
0 votes11 answers -
Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?
Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?
0 votes1 answer -
Что хочет от меня валидатор?
я в английском слабоват, поэтаму не пойму почему валидатор считает это: "<", "/" ошибкой Вот скринфот: http://one-gi.ru.terra.mtw.ru/test/ntitled-1.jpg
0 votes11 answers -
Opera и видео-файл
Есть такая проблема, что нужно сделать так чтобы на странице можно было просматривать видеоролики (тип файлов - avi, wmv). В IE с помощью тега <embed> всё хорошо работает. Но когда загружаешь в Opera, то просто отображается белая область или отображается видеопроигрыватель с чёрным экраном и play не нажимается. Пробовал также <object> проблемы примерно такие же. <embed src="cat.avi" width="200" height="200" type="application/x-shockwave-flash"></embed> В чём проблема? Заранее спасибо.
0 votes7 answers -
возможно ли редактирование swf файла
форум на Joomla пока не работает, вот решила здесь кликнуть Значит проблема в следующем: скачала шаблон для движка Joomla, а там верхняя картинка в swf выполнена. но ладно бы просто картинка была , та еще и текс вставлен, который охота либо просто убрать либо изменить на что-нибудь подходящее. Что можно зделать?
0 votes8 answers -
Как заверстать хитрый макет?
В общем выглядеть будет примерно так: Помогите заверстать, или хотябы объясните логику. У #CONTAINER ширина меняется
0 votes8 answers -
Замена бэкграунда контента
Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">
0 votes10 answers -
Обратная связь
Нужно сделать форму обратной связи на странице сайта размещенного на narod.ru, но к сожалению на народе не работает РНР. Вроде бы можно разместить файл рнр на другом сервере и на него ссылаться или как то на JS замутить... Подскажите пожалуста
0 votes9 answers -
Масштабирование объекта SVG
Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> …
1 vote1 answer -
id и name в xHTML
Прочитал, что: Меня интересует, нужно ли учитывать это правило для форм?
0 votes9 answers -
Transition в IE11
Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…
0 votes0 answers -
Линки меню т.д.
У меня возник вопрос: как сделать свой стиль меню(не обычный подчеркнутый текст), а что-нибудь другое. Насколько мне известно, надо прописать где-то class и название стиля. Этот вопрос затрагивает также и пункты меню ( ), рамки вокруг картинки.
0 votes8 answers -
блок в форме сердца css
Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?
0 votes8 answers -
min-width не работает в Opere 9.10
Помогите пожалуйста. У меня следующая вещь. Я делаю два слоя по горизонтали. Они должны фиксированно держаться и быть фиксированных размеров, по крайней мере, по минимальной ширине. Все правила по-моему применены: Слои находятся в контейнере со свойством min-width=990px и каждый блок содержит float: left для обтекания по левому краю, т.е. для реализации укладки по горизонтали. При уменьшении ширины окна в IE и Firefox эти слои держаться как надо и возникает горизонтальная полоса прокрутки. А в Opere нет. Второй переходит под первый, мало того еще и уменьшают себя и текст внутри с уменьшением окна браузера. Пробовал и так и сяк все равно ерунда. Как это можно поправить …
0 votes4 answers -
центровка блока с "absolute" элементами внутри
Ребята проясните плиз ситуацию с position:absolute Мне нужно: загнать одну картинку под другую (читай 2 картинки на одних и тех же координатах, одна над другой) для того что бы потом анимировать прозрачность верхней. Это у меня получается сделать только с помощью position:absolute DIV-а (картинки внутри) НО мне нужна еще и центровка этого блока (в который и помещаются картинки друг под другом) и куда бы я этот блок не пихал картинки стоят на месте, движется только блок или таблица. брр.. надеюсь понятно о чем речь, то есть ограничить абсолютную позицию каким либо блоком нельзя, действие будет в любом случае на все окно так? Сорри за нубство, первый раз довелось заниматьс…
0 votes13 answers -
Reset form
зравствуйте, столкнулся с проблемой относительно горячих клавиш, а точнее с функцикй которая должна имитировать кнопку ресет при нажатии клавиши. Как это реализовать с привязкой к id формы я понимаю, но ето не вариант, так как страниц с формами должно быть много. Поетому хотелось бы написать универсаьную функцию ля всех форм. По логике, ето должна быть либо первая найденная скриптом форма, либо просто любая (хотя етот вариант менее желателен). Собственно вопрос, как такую функцию написать? заранее благодарен
0 votes1 answer -
Подскажите Как Поменять Настройки Чтобы Читался Шрифт
Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…
0 votes4 answers -
Пропорциональное выравнивание блоков по горизонтале
Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…
0 votes9 answers -
Ищу красивое решение
Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…
0 votes10 answers -
bootstrap выпадающее меню на вордпресс
Есть стандартное меню вордпресс то есть код для вывода прописал классы bootstrap не знаю как И куда добавить классы для под пунктов меню. <header><?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'bottom-menu', // класс для ul 'menu_id' => 'bottom-nav', // id для ul );wp_nav_menu($args); // выводим верхнее меню?></header> Прописал классы bootstrap работает только меню подпункты НЕ РАБОТАЮТ (( <?php $args = array( // опции…
0 votes0 answers -
Проблема с line-height
Надо в слое установить интервал текста line-height: 2.5, но в IE такая фишка не работает, хотя в Опере и Мозилле все нормально, вот код и стили
0 votes1 answer