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
-
Блок на всю ширину экрана
Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?
0 votes11 answers -
Список в две колонки
Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)
0 votes11 answers -
В бутстрап-форме делаю отступы в 2 колонки слева и справа
Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !
0 votes3 answers -
Высота div !!!
Высота div Если задать выстоу div в 100%, то он получается в 100% от экрана браузера. У меня див лежит в табличке с отступами по 25px сверху и снизу и высотой с окно браузера. В результате див начинается сверху как надо, с 25px сверху, но снизу он выползает "мама не горюй!". Он вылезает вниз на 25px Что делать??? Если это дело таблицами верстать, как всю жизнь и приходится. Ибо див неуправляем по сравнению с таблицей, она понимает как надо встать, когда ей говорят высота 100%, она становится на 100% от возможного... в текущем. А див выходит за пределы БУДТО БЫ POSITION ABSOLUTE! Вот такие жуткие пироги. С этим делом я мирился до тех пор, пока не потребовалось быстро загр…
0 votes4 answers -
как обычно IE6 против Mozilla и Opera
Страница нормально отображается в мазилле и опере , а в ие6 блок с выбором курса сползают куда-то вправо. С чем это связано? Не ругайте слишком сильно, я не волшебник я только учусь. Mozilla Opera IE6 Код 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Курсы</title> <link href="select curs.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 {color: #003366} --> </style> </hea…
0 votes3 answers -
Вопрос про дизайн
http://dump.ru/file_catalog/1031757 - Вот скрин Народ помогите плзззз!!! Вот я создал новую шапку(в Фотошопе), убрал старую вставил новую и теперь у меня нету кнопок "На главную" "Выход пользовотеля" "Вы зашли name" вот типа того буду очень благодарен за помощь!!!
0 votes5 answers -
overflow в Firefox
Я делаю список вида: <div id="container"> <div class="divitem">item1</div> <div class="divitem">item2</div> <div class="divitem">item3</div> <div class="divitem">item4</div> <div class="divitem">item5</div> <div class="divitem">item6</div> </div> Затем делаю его ограниченным в размерах и скроллируемым только по вертикали: #container { height:80px; border:1px solid; width:100px; overflow-x:visible; overflow-y:auto; } Проблема: С помощью JQuery пытаюсь реализовать Drag элементов списка и вот что получаю в Firefox и IE6/7: В Firefox #container …
0 votes4 answers -
Не работае таблица стилей в IE (в Opera всё работает отлично.)
Помогите, пожалуйста, решить проблему с таблицами стилей. Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается". С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда. Подключаю css <link href="stylecss.css" type="text/css" rel="stylesheet" /> Часть файла css, так задаю стиль для слоя #layer_1 { position:relative; top:105px; left:510px; z-index:1; border:3px solid #70685A; width…
0 votes6 answers -
css-как сделать, где искать..
Добрый день. Делаю свой первый сайт и есть проблемка у меня в css, а именно есть горизонтальное меню с родительскими элементами (приложил скрины) и мне нужно чтобы активные пункты были другого цвета. Например, активный пунт и родительский элемент (подпункт) одного цвета - зеленого, а другие родительские пункты (неактивные) - серого. Посдскажите пожалуйста, где и как? Спасибо -) #mainMenu { float: left; width:700px; height: 28px; margin-top: 0; margin-right: 0; margin-left: 1px; } .menu { padding:0; color: #666; height: 28px; margin: 0; font-size: 10px; text-transform: uppercase; } .menu ul{ list-style:…
0 votes3 answers -
Отображение
Здравствуйте.Подскажите,как это сделать.Например,есть два разных браузера-Opera и Safari.Как сделать,что бы в Opere был что-то другое,чем в safari и остальных браузерах. Вот таким способом можно? <!--[if opera] > <h1>opera</h1> <![endif]--> <!--[if safari] > <h1>safari</h1> <![endif]--> Или это лучше сделать Javascript'oм?
0 votes9 answers -
Что делать, чтобы после клика на элемент меню сайт не "ездил"?
На сайте в разных местах несколько разных меню. НО: когда кликаешь на пункт того меню которое в справа, сайт показывает браузеру свой левый верхний угол. И вообще куда ни кликай, все равно сайт после клика показывает левый верхний угол. Как это из бежать? Как сделать чтобы пользователь кликнул на меню и курсор мышки в блоке того же меню и оставался. Слышал что это можно решить средствами CSS, но не понимаю какое свойство CSS за это отвечает.
0 votes10 answers -
colgroup
<table> <colgroup span="1" style="text-align: right; color: green; background: gray;"> <colgroup span="2"> <tr class="lvl1"> <td>Параметр</td> <td>Значение</td> <td></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> в пустой странице, других стилей и т.п. нет. Кто-нибудь может объяснить, почему цвет к фону применяется, а вот позиционирование текста и цвет текста - не работает ?
0 votes5 answers -
Outline Для Ie8
Привет всем, еще раз. При использование параметра outline: none; пропадает точечное обрамление ссылок, чего я и добивался, но происходит это только в FF, а в IE они (обрамление) не пропадают? Нужно использовать хак? Как избавится от обрамления?
0 votes4 answers -
Объясните разницу
Здравствуйте. Объясните разницу между: html - <a class="more" href="...">Ссылка >>></a> CSS - a.more { ... } и html - <div class="more"><a href="...">Ссылка >>></a></div> CSS - .more { ... } Или можно представлять в обоих примерах?
0 votes15 answers -
Картинки Html+css
Короче говоря, натолкните на мысль, как сделать отображение картинок как в гугле Нуна реализовать все на хтмл+ксс.
0 votes7 answers -
CSS: word-wrap и white-space - в чём разница?
CSS: word-wrap и white-space - в чём разница?
0 votes9 answers -
Верстка HTML страницы с флеш элементами
Добрый день всем. Встала передо мной такая задача... Нарисовали страницу. В ней хочу вложить несколько флеш баннеров. Естественно хочется что бы эта страница была "резиновой". Помогите это сделать... Я начинающий в веб верстке, так что хотелось бы детально все и понятно. Что бы в следующий раз уже мог сам. Вкладываю нарисованную страницу. Белые блоки - естественно место под баннеры.
0 votes24 answers -
Верстка сложных элементов
Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!
0 votes4 answers -
Отступ меню в Файерфоксе.
Проблема в следующем, в Файерфоксе главное меню имеет небольшой отступ от правой границы всех остальных элементов. В ИЕ и Опере вс? нормально. Вот фрагмент кода: HTML <body> <center> <div class="div1"> <img src="body/logo.jpg" class="logo" alt="В кругу семьи. Информационно-развлекательный портал."> <table cellspacing="0" class="tab1"> <tr> <td class="td1"> <a class="menu" href="index.php">Главная</a></td> <td class="td1"> <a class="menu" href="forum.php">Форум</a></td> <td class="td1"> <a class="menu" href="otdyh.php">Развлечения</a></td> <td class="td1"> <…
0 votes6 answers -
DIVы с параметром адщфе и динамическое изменение размеров одного элемента
Друзья, в общем не знаю можно ли сделать что нибудь с этим или нет но примерно опишу что нужно. В общем есть скрипт, скрипт выводит элементы на экран в контейнере DIV, понятное дело что каждый новый ДИВ переносится на новую строку. Я делаю float:left; тем самым добиваясь размещения на одной строке и переноса на следующую всех не поместившихся. Все бы было отлично если бы не одно НО. В каждом контекнере есть активные элементы, по просту добавляющие элементы формы, тем самым раздвикая мой контейнер (только один!) по высоте, отсюда получается что те контейнеры что были внизу, на второй строчке переносятся дальше, начиная с того, чья высота была изменена. вот код гогда все эл…
0 votes2 answers -
Установка Opera developer tools
Вопрос немного нетривиальный и возможно слишкой странный ))) немного полазив по http://dev.opera.com/articles/view/opera-developer-tools/ и почитав инструкции по установки вошел в конфуз, выйти пока не могу!!! говорится перетащите developer tool button в верхнюю часть оперы, ВРОТМНЕНОГИ, где эта кнопка? у меня последняя 10 опера
0 votes8 answers -
аттрибуты тега DIV, class и id
Интересует такой вопрос. Везде учат как используются эти аттрибуты тега DIV одним способом, а в реале встречаешь вообще совсем другое. Т.е. вот есть код, там идут теги DIV с аттрибутами, но нигде потом нету информации, что эти аттрибуты из себя представляют. Т.е. они описываются где-то не в файле страницы, а могут храниться где-то еще отдельно? А как к ним тогда ссылаться? Вот короткий пример: <div id="layout"> <div id="mainwrapper"> <div id="regbox" class=""> <div id="regselector" class="corner greybord"> <div class="content"> Вот все эти слова в кавычках, это же названия аттрибутов, за ними скрываются какие-то опредения экрана, цветов, слое…
0 votes5 answers -
Отредактировать стили оформления текста в стороннем приложении WizNote
Для начала вступление: WizNote - это сервис мульплатформенных заметок, копия известного Evernote https://evernote.com/intl/ru/, но с доступными оффлайн базами данных на мобильных устройствах и некоторым другим интересным функционалом. Подробнее здесь http://4pda.ru/forum/index.php?s=&showtopic=415318&view=findpost&p=33841551 Особенностью клиента WizNote под Windows (под другие платформы наверное тоже) является открытая и простая архитектура программы: заметки это заархивированные html странички, программа основана на движке браузера (возможно Chromium), а значительная часть функционала реализована плагинами с помощью JS, CSS и т.п. Задача: Отредактировать…
0 votes3 answers -
Растягивание изображения на весь экран
Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …
0 votes11 answers -
позиционирование
И совсем "тупой вопрос". Не понимаю, ПОЧЕМУ у меня элемент c id="table" не смещается вниз на 10 px , я ведь использую margin-top Хотя влево смещается. <div style="background-color : magenta; height:100px; width:44%"> <div id="table">Наведите курсор, чтобы посмотреть список</div> </div> CSS: #table { width: 283px; background-color: #D8E4F1; color: #6C727B; padding-left: 16px; margin-top:10px; margin-left:10px; } Буду благодарна любым комментариям.
0 votes7 answers