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 сам растянулся на всю ширину.
HTML <div class="imgcenter"> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div class="oneimg"> <a href="/course/1"> <img src="http://borsh/img/course/1431865746.jpg"> <h3>Курс 14</h3> </a> </div> <div style="clear:both;" id="del"></div></div>CSS .imgcenter{ max-width:98%; display:inline-block; margin: 0 auto; }.oneimg { text-align: center; width: 133px; float: left; margin: 1%; position: relative;}.oneimg im…
0 votes3 answers -
Прокрутка Внутри Таблицы
Всем привет, делаю шаблон. идея такова...внутри фиксированной таблицы должно прокручиватся содержимое. Черный цвет на месте, зеленый крутится, черный я застопорил через fixed, а вот как закрутить центер хз...бросаю в центер табтицу, даю ей стиль пустой, и нихера. что делать?
0 votes10 answers -
Прижать элемент вправо
Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …
0 votes1 answer -
Обтекание картинки списком
поиском по форуму не нашел темы. поиском по интернету понял, что проблема актуальна есть <img style="float:left"> <ul> <li></li> </ul> значки списка в IE6 и Opere скрываются под картинкой ситуацию в ИЕ спасает: LI {display: inline-block} но при этом в Опере пункты выстравиваются в линию... какие варианты решения проблемы? мой CSS: UL {list-style:none;margin:0;padding-left:15px;} UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block} OL LI {margin-top:5px}
0 votes17 answers -
Отрывается блок от потока
Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.
0 votes46 answers -
Стандартный размер готового сайта
Всем привет! Воспользовался поиском по интересующему меня вопросу и ничего не нашел (возможно плохо искал). Поэтому спрашиваю: подскажите пожалуйста какой должен быть оптимальный размер сайта для комфортного (или терпимого) его просмотра через внешку? Конечно не для оптоволоконной связи, а для модемной - ориентировочно на технологии ADSL, ADSL2. Тут даже скорей речь о суммарном весе всех картинок, т.к. остальное мало весит. Сайт статичный, php модули наверно не берутся в расчет (типо гостевой книги)? Так же интересует размер сайта для хорошего просмотра на скоростях от 128Кбит/сек и до 15Кбит/сек.
0 votes21 answers -
div вместо iframe
кто знает как отображать инфу не во фрейме а в слое???(к примеру нажимаешь на ссылку и информация отображается поочередно, первая ссылка-в слой отображается первый документ, вторая ссылка-в слой отображается второй документ и тд., либо вместо документов в слой рисунки отображать?помогите плиз оч. нужно!!!!!пишите в личку или http://vkontakte.ru/id28045377?20637, ну можно и здесь обсудить
0 votes5 answers -
Коммерческая верстка
Здравствуйте друзья. У меня такой вопрос, какой именно должна быть коммерческая верстка, чтобы знания верстальщика не нуждались в сомнениях как о хорошем специалисте? Если знаете может подскажете в письменном виде требования, не требования к конкретной задачи, а вообще к "хтмл верстальщику". Какие именно пункты в вашем сознании говорят вот эта страница сделана хорошо, а эта плохо? Извините заранее за некую за мудреность вопроса, я просто хочу знать критерии в данной области P.S. коммерческая верстка - я так думаю это верстка в коллективе, в какой нибудь веб-студии.
0 votes63 answers -
WEB-страница
Создайте пожалуйста любую красивую веб-страницу..и пришлите мне на не? программу написанную в блокноте.. ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!
0 votes21 answers -
Как повернуть HTML таблицу целиком на 90 град.?
Здравствуйте. У меня есть html таблица заполненная всякой информацией. Отформатирована достаточно сложно (имеется множество rowspan и colspan). Эта таблица должна быть выведена на печать в альбомном ориентации. По умолчанию у пользователя настроена книжная ориентация. В общем, чтобы пользователь не ставил каждый раз для печати этой таблицы альбомную ориентацию, хочу развернуть её целиком на 90 градусов и отправлять на печать в книжной ориентации. Сразу замечу, что переформировывать таблицу, меняя строки на столбцы в поворачивать в каждой ячейке текст, в этом варианте ОЧЕНЬ невыгодно. Необходимо повернуть весь объект-таблицу целиком. Подскажите пожалуйста как это можно с…
0 votes6 answers -
<!--[if !IE]> - не работает
Зачем это нужно: <!--[if !IE]> <![endif]--> - для всех кроме IE Если это не работает. Добавил туда файл стилей и опера пропускает его мимо ушей. На других браузерах не проверял ибо какой смысл если уже не кроссбраузерно. Да IE тоже не читает это, но и опере пофиг на эту запись
0 votes13 answers -
Выровнять иконки и текст
Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…
0 votes4 answers -
Как оформить элементы SELECT на css
Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?
0 votes4 answers -
Как растянуть фон по вертикали?
Подскажите, можно ли сделать вот такую вещь: мне нужно , чтобы фон растягивался на всё содержимое страницы, у меня создана рамка на фоне , и я хочу, чтобы всё помещалось в эту рамку.
0 votes5 answers -
Как Сделать Чтобы Можно Было Обсуждать Новость
Приветствую. Я не так давно открыл сайт он весь на HTML Почти ежедневно я выкладываю новость.Все естественно вручную прописываю в html кодах. Как мне сделать так чтобы люди зашедшие на мой сайт могли прокоментировать новость. Говорят есть какие то моды. Объясните плиз как это все работает. Подчеркну что я не хочу прикручивать движок какойто я в этом не понимаю. Весь сайт на html и только на главной странице мне нужно чтобы могли коментировать новости. Заранее спасибо за помощь
0 votes27 answers -
разводы
Здравствуйте . После сохранения картинки на странице, вокруг нее появились разводы(картинка сохранена в формате" jpg") Как от них избавиться ? Спасибо.
0 votes49 answers -
В чём разница между menu и nav в HTML5?
Я прочитал, что menu используется для размещения меню, а header для размещения навигационных ссылок. А в чём разница-то?
0 votes7 answers -
Правильная анимация блока неизвестной высоты на transition?
http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?
0 votes12 answers -
Раздвинуть строки таблицы
Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. margin-top не работает. Сделать два tbody тоже не получается, т.к. одна из клеточек таблицы должна "расширяться" на 4 строки. <table> <tr><td>row 1 cell 1</td><td>row 1 cell 2</td><td rowspan=4>row 1 cell 3<br>must contain<br>several lines</td></tr> <tr><td>row 2 cell 1</td><td>row 2 cell 2</td></tr> <tr><td>row 3 cell 1</td><td>row 3 cell 2</td></tr> <tr style="margin-top: 10px"><td>row 4 cell 1</…
0 votes8 answers -
CSS3
предлагаю делиться тут соображениями по поводу css3 - как я понял уже пора начинать применять, ибо появление его неизбежно, а 6го осла никто не переделает и нужно будет как то учиться дружить
0 votes29 answers -
XHTML и 100%-ная высота таблиц.
Дублирую тему с раздела Таблицы, вдруг здесь помощи найду... Собственно, я полагаю вопрос многим знаком, но я таки обьясню... Существует эта страничка, которая в HTML тянется в высоту за счет средней ячейки (ряда). Однако, на станице я применяю меню, которое требует XHTML. И тут начинаются проблемы. Ячейка НЕ ТЯНЕТСЯ в XHTML!!!!!! И никак я не могу этому помочь! ((( По крайней мере пока что... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> XXXXXXXXXX </title> <meta http-equiv="Content-Type" content="te…
0 votes12 answers -
Серая полоска сверху страницы в Firefox и IE
Приветствую! Нужна помощь опытных людей: на странице (http://semena.by/) вылазит серая полоска (#c0c0c0) сверху в Firefox 3.0.11 и IE 6.0.29, в Опере 9.51 всё нормально В стилях стоит везде белый фон: body, html { height: 100%; background: #FFFFFF; } div#page { background: #FFFFFF; } В коде после <body> сразу начинается <div>, также с белым фоном. <body linkifying="false" linkified="0" linkifytime="21"> <div id="page" valign="top" align="center"> Откуда эта фигня может вылазить, кто знает? Firefox: IE: Opera:
0 votes20 answers -
Всплывающий/выпадающий слой без JS
Реально ли сделать такой слой использую только CSS свойства? Для уточнения: чтобы при клике на ссылку, под ней (или рядом) открылось "окошко" -слой, но не сдвигая вниз уже ранее выведенные элементы, как это происходит при использовании свойств display:none display block или visibilety. Просмотрев много топиков по сходным вопросам, видел только решения с явскими скриптами.
0 votes10 answers -
проблема с google chrome, пропадает clear: both
Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.
0 votes4 answers -
html5 video autoplay
Добрый день Вы меня можете помнить по теме видеонаблюдение ... (© Симсоны) Не могу победить маленькую для профи, но неразрешимую для ламеров, то есть для меня проблемку: нужно добиться автопроигрывания видеопотока с сервера видеонаблюдения, в коде ниже поток запустится только после правого клика на картинке "contlol" и выборе пункта "открыть видео", а надо чтобы сразу автоматически пошло отображение видеопотока. Код: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Видеонаблюдение в HTML5</title> </head> <body onload="java script:vide…
0 votes11 answers