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
-
Ограничение скаиваний
Как подключить Captca к ссылке на скачивание файлов с сайте. Буду благодарен за пример
0 votes15 answers -
Наследование из других классов
Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…
0 votes3 answers -
Растягинуть див
Есть примерно такая схема сайта Нужно чтобы sidebar растянулся по высоте content, для того чтобы block3 был на уровне нижней границы content. На практике есть дизайн, автор захотел чтобы в block 3 была некоторая контактная информация + ссылка чтобы подниматься вверх <div id="main"> <div class="sidebar"> <div class="block1"> </div> <div class="block2"> </div> <div class="block3"> </div> </div> <div class="content"> </div> </div> Структура вот такая. Как вариант проскакивала мысль с помощью абсо…
0 votes14 answers -
Тени - а как бы вы их сделали?
Известно что тени блоков с помощью фильтров в IE мало того что выглядят не так как хотелось бы (или во всяком случае не так как в большинстве нормальных браузеров) так еще и тормозят систему, хотя при сегодняшних возможностях компьютеров это полагаю не так важно. Учитывая желание что бы во всех (IE, Chrome, Mozilla) браузерах тени выглядели одинаково каким образом вы их делаете? На данный момент знаю два варианта, первый с помощью картинок на background и последующей игры с блоками и как то с большим колличеством встроенных дивов. Оба варианта не пробовал, вот пытаюсь определиться какой удобнее. А может существуют и другие идеи?
0 votes3 answers -
Текст уходит за пределы видимости
День добрый! На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной. Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять на но хочется более правильный вариант.
0 votes10 answers -
Вопрос
Здравствуйте, почитав ваш форум я "потерялся". Я на нормально уровне выучил css/html, и прочитав ваш форум, я "потерялся", не знаю с чего начать, какие книги/видео-уроки читать/смотреть, как делать всё правильно, с начало читать/смотреть книги/видео-уроки... Может что посоветуете? буде благодарен!!
0 votes7 answers -
CSS3 PIE и overflow: hidden
Попытка добавить PIE сопряжена с проблемами которые описываются тут. В общем нужно добавить тени на блоки часть которых должна быть спрятана с помощью overflow: hidden, после добавления PIE блоки не прячуться. Там даются решения этой проблемы которые я не понимаю. Кто нибудь решал данную проблему? Нужно: получилось:
0 votes2 answers -
Статический фон сайта
Я долго пытаюсь, но ни чего не выходит, как сделать так, что бы фон был статическим? Т.е. когда на странице много всего и нужно просмотреть что-то ниже, мы берём вертикальный бегунок и перемещаем ниже, так как сделать так, что бы при перемещении бегунка, фон не уходил вверх/вниз вместе с содержимым сайта, а остовался в том положении на экране, в каком он есть? Подскажите пожалуйста.
0 votes2 answers -
Footer и Header обрезаются
Всем добрый вечер! При масштабировании страницы, при прокрутки страницы вправо, видно, что footer и header "обрезаны". Добавил "min-width: 1200px;" - все нормально. Но для IE6 никак не могу найти решение этой проблемы. Стили для footer'a: #footer { background-image: url('../images/gradient-bottom.png'); background-repeat: repeat-x; border-top: solid 2px #000; height: 45px; margin: -45px auto 0; width: 100%; min-width: 1200px; } Стили для header'a: #header { background-image: url('../images/gradient-top.png'); background-repeat: x-repeat; border-bottom: 2px solid #000; width: 100%; min-width: 1200px; } Как сделать, чтобы footer и header не обрезались в IE6?
0 votes5 answers -
проблема с таблицей
Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…
0 votes9 answers -
Помогите с css меню
У меня такая проблема хотел сверстать горизонтальное меню для сайта ! но возникла такая проблема вот само меню я его разрезал на 3 части но вот в чем проблема слева и справа закругелые углы и у меня не как не получается собрать меню вместе <!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> <style type="text/css"> <!-- *{margin:0px; padding:0px;} ul { list-style-type:none; background-image:url(images/bg.gif); …
0 votes11 answers -
Горизонатльное меню с равными по ширине пунктами в процентах без таблиц
Никак не соображу откуда в Хроме, Сафари, Опере и IE 6 берётся отступ в последнем пункте. В IE 7 и 8 нормально, в ФФ 3.6 и 4 тоже. /*тут куча тегов*/{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif ; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font: 16px; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f…
0 votes15 answers -
Различное поведение при скруглении углов.
Здравствуйте, есть код: .test { border: 5px solid #123; overflow: hidden; background: #555; width: 100px; height: 100px; border-radius: 20px; } .test-inner { overflow: hidden; background: #621; width: 55px; height: 55px; } <div class="test"> <div class="test-inner"></div> </div> Результат: FF4 и IE9 все хорошо в Opera и Chrome вылез угол Возможно ли исправить проблему в Opera и Chrome? P.S. Вариант со скруглением внутреннего блока не подходит.
0 votes13 answers -
Алфавитный указатель
дёрнул в интернете компонент мультикатегорийности, позволяющий создавать разветвлённые каталоги. в целом компонент офигенный. проблема в одном: альфа-индекс (алфавитный указатель) только с латиницей. как его руссифицировать? кто знает? вот ссылка ЗЫ! чуть не забыл! сайт на joomla 1.5
0 votes9 answers -
Текстовое поле
Вот я создал текстовое поле шириной-380 пикс.,высотой-68пикс. Потом попробовал что-нибудь напечатать:навёл курсор на поле нажал его и у меня палачка встала по середине(по высоте) поля.И только там печатает .Непонятно.Как сделать ,чтоб всё было нормально?
0 votes18 answers -
Выравнивание фона по центру
Понадобилось сделать шаблон с основным полем по центру и большим широким фоном, чтобы все это обрезалось с краев при разных размерах монитора. Использовалось свойство: body { background: url(название.jpg) 50% 0 no-repeat; } Все работает до тех пор, пока ширина окна браузера больше, чем центральная часть с контентом. Потом фон продолжает пропорционально уменьшаться по бокам, в то время как центральная часть приклеивается к левой стороне. В качестве примера с подобной проблемой можно посмотреть сайт http://lostfilm.tv/browse.php?cat=51 Там две безногие женщины позиционируются по центру, а основной текст сдвигается. В то же время на сайте http://www.kinopoisk.ru/ фоновая ка…
0 votes11 answers -
Проблема в IE7, реализация вкладок.
Добрый день! Помогите пожалуйста, у меня проблемы с IE7. Делаю вкладки, для них использую список с display:inline Сама вкладка состоит из двух ссылок (одна - название, вторая - кнопочка закрыть). Если по горизонтали не хватает места, то вкладки переносятся на следующую строку. Но сама вкладка должна быть неделима, т.е. между ссылкой-названием и ссылкой-кнопкой не должно быть переноса строки. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <style> li {display:inline;float:left;B…
0 votes5 answers -
Проблема с отображением при уменьшении окна браузера
Здравствуйте. У меня возникла такая проблема. Сверстала страничку, вроде бы всё хорошо, но когда уменьшаешь окно браузера, то всё съезжает Подскажите пожалуйста, в чем проблема? И как исправить?
0 votes7 answers -
Ширина блоков с ссылками
Как мне сделать фиксированную ширину блоков с ссылками, чтобы они были одинаковые по длине и не зависели от количества символов в ссылке? Сайт - http://inyaz-mil.narod.ru/
0 votes13 answers -
Помогите правильно разместить обьекты
Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.
0 votes8 answers -
выравнивание блоков в ячейках таблицы
Добрый день. У меня есть таблица, в ячейках которой сидят блоки: (границы таблицы - синим цветом, дивов - чёрным) Только не надо спрашивать, зачем я запихиваю в бедную таблицу блоки. Меня интересуют 2 блока, выделенные красным цветом. Я хочу, чтобы они были выровнены по нижнему краю строки таблицы. То есть, при любом увеличении/уменьшении окна браузера или разрешения экрана вся эта хрень принимала следующий вид: Задача вроде элементарная, но я не силён в CSS и не знаю как её решить. Будьте добры, подскажите.
0 votes8 answers -
Съезжает фон в поле ввода
Доброго времени суток. Подскажите пожалуйста, почему в поле ввода, когда я набираю какой ни будь текст, то фон сдвигается влево? Не могу что то понять. Кто может сталкивался? За ранее спасибо.
0 votes7 answers -
Верстка: одна шапка-меню, и меняющееся содержимое
Здравствуйте! Мне необходимо относительно оперативно создать себе относительно простой сайт. ДЛя этой цели пришлось заняться изучением азов html. Оно очень интересно, но к сожалению время поджимает, а представление у меня, как именно сделать то, что мне нужно, остается весьма смутным, поэтому прошу помощи. Структура планируется такая: шапка с логотипом, меню (4-5 пунктов) - должны быть неподвижны и неизменны. Содержание - меняется (на части страниц текст, на части - фотогалерея). После изучения азов html и в частности учебника на вашем сайте у меня мысль такая: сделать страницу с фреймами, для фрейма с содержанием (страницы с фотогалереей) - сделать фотогалерею средствами…
0 votes3 answers -
Вопрос касательно списка
Здравствуйте. В ходе работы над маркерованым списоком возникла следующая ситуация: Есть маркерованный список у которого всего 4 строки, с помощью css я заменил стандартные маркеры на картинки и у каждой строки они одинаковые, а мне нужно, что бы у первой строки списка был маркер одного вида, для второй строки - второго вида и так далее, возможно ли такое усуществить с помощью css? Если возможно, подскажите плиз как.
0 votes9 answers -
Как в % уменьшить размер всех элементов в div'e
Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке
0 votes3 answers