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
-
Таблица отказывается растягиваться
Здравствуйте! Есть пример, при котором таблица отказывается растягиваться. Абсолютное позиционирование блока с текстом относительно блока выше - обязательно, так как этот блок - элемент меню. Нужно, чтобы таблица тянулась от ширины текста
0 votes8 answers -
Алгоритм работы скрипта JS (графический)
Здравствуйте, снова! Недавно размещал вопрос о тесте на html. Теперь хочу спросить у тех кто знает JS и может представить графически алгоритм работы теста, просто от руки, вдруг кому-то не трудно и не лень помочь... Скрытый текст <SCRIPT language=JavaScript> <!-- hide var scrtxt = "Текст в бегущей строке" ; var length = scrtxt.length; var width = 100; var pos = -(width + 2); function scroll() { pos++; var scroller = ""; if (pos == length) { pos = -(width + 2); } if (pos < 0) { for (var i = 1; i <= Math.abs(pos); i++) { scroller = scroller+…
0 votes0 answers -
Как расположить неизвестное число блоков <div> всегда в одну строку?
Здравствуйте Есть такая разметка: <div class="your-class"> <div class="element">your content</div> <div class="element">your content</div> <div class="element">your content</div> ... <div class="element">your content</div> </div> количество дивов внутри заранее не известно и может быть очень большим. Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий
0 votes2 answers -
Как сверстать такое
Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать
0 votes2 answers -
машинка поднимается на один уровень
Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? portfoliox.ru
0 votes1 answer -
Комбинирование псевдоклассов
Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все р…
0 votes1 answer -
Помогите оформить рамку
Опишу свою проблему лаконично. Не могли бы вы подсказать как встроить текст в линии рамки, как показано на картинке.
0 votes2 answers -
Вывод контекста в зависимости от max высоты
Допустим есть таблица из двух колонок. В левой колонке - основное содержание, в правой - небольшие информационные блоки (которых может быть очень много). Необходимо выводить блоков в высоту ровно столько, на сколько растягивает таблицу основное содержание левой колонки. Пока единственно что надумал - вставить в правую колонку резиновый фрейм на всю высоту с max. кол-вом информационных блоков (но в этом случае будет часто видно что след.блок "обрезается"). Какие еще решения могут быть на HTML / + CSS / + JS ? Заранее всем спасибо
0 votes0 answers -
Вывод данных
Пишу на java. Есть массив String[] objects с именами объектов классов. Размер массива может быть любым. По имени объекта можно определить, к какому классу он принадлежит obj.getSXClass() Необходимо определить, сколько есть объектов каждого класса. Затем вывести имена классов и число их объектов. Для это перебираю массив objects и записываю данные в Map<object,int> for( String str : checkedid ) { object=str.getObj(); //получаем объект for(Object key : countObj.keySet()) { //Кладем в Мар if (key.equals(Object ) countObj.put(key, countObj.get(key)+1); } } ТЕПЕРЬ ВОЗНИК ВОПРОС: Как выводить Map в jsp? Можно ли использовать forEach или есть что-то …
0 votes2 answers -
магия?
привет * кто-нибудь сталкивался с такими чудесами: текст по какой-то причине становится bold. в исходниках прописано <p>текст</p> то есть никакого <b></b> или стилей нету нигде, javascript тоже этот тект не трогает. firebug показывает каким-то образом <p><b>текст </b></p> просмотри исходного кода тоже никаких <b> не показывает во всех браузерах. на машине linux, apache, nginx, php что это??? о_О
0 votes3 answers -
Не влезает текст
Есть некий текст неопределенного размера, взятый внутри ячейки таблицы фиксированной высоты. Как принято делать в тех случаях, если я хочу сохранить размер ячейки, при любой длине текста, сделать полосу прокрутки либо просто обрезать, в любом из случаем подскажите пожалуйста как это реализовать.
0 votes2 answers -
Растягивание центральной колонки в таблице
Добрый день! Искал на форуме не нашел. Суть в следующем Есть таблица в ней 5 колонок, необходимо чтобы центральная растягивалась а 4 остальные нет ( у них фиксированная величина) Ситуация усложнена тем что всего 4 строки и 2 с третьей объединены. td#t_1{ width:141px; height:113px;} td#t_2{ width:106px; height:113px;} td#t_3{ width:auto; height:113px;} td#t_4{ width:106px; height:113px;} td#t_5{ width:141px; height:113px;} td#m_1{ width:124px; height:71px;} td#m_2{ height:71px;} td#m_3{ width:124px; height:71px;} td#m_4{ width:106px; } td#m_5{ width:106px; } td#b_1{ width:141px; height:145px;} td#b_2{ width:106px; height:145px;} …
0 votes4 answers -
GIF анимация
Здравствуйте. Помогите советом плиз. Создал в Photoshop CS3 gif с анимацией. Если запустить на локальной машине все отображается нормально, но только заливаешь на хостинг картинка не цепляется.
0 votes3 answers -
вопрос по верстке горизонтального сайта
добрый день уважаемые форумчане есть такой сайт mediteczt точка ру / cleanrus имеется ряд вопросов 1. скачет меню в разных браузерах вместе с контентом - особенно видно в опере. помогите отредкатировать 2. сайт представляет собой горизонтальную прокрутку которая осуществляется через ряд JS библиотек(приложил исходник) . так почему непонятно в один из BOX ов(boxaМИ называю эти самые сектора горизонтальной странички) я не могу вставить например простейшие lightbox или другие JS модальных окон? теоретически вставить можно но тогда идет конфликт с другой JS библиотекой и горизонтальная плавная анимация просто пропадает. как быть? ccылка на пример http://files.mail.ru/SPA4OX з…
0 votes1 answer -
Проблема в картинке или в браузере
вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma
0 votes3 answers -
IE8.0 стили для таблиц
Добрый день. Подскажите, пожалуйста как обойти проблемы: 1. Чем заменить cellspacing для IE8.0 или без вариантов пихать в атрибут в тег<table> ( border-spacing IE не хочет кушать)? CSS .tabtest {border:0px; padding:0px; border-spacing:0px} HTML <table class="tabtest"> 2. Не работают соседние селекторы причем только в IE (в FF3.6 и Cr9.0 работают) CSS .tableft {background-color:#FFF} .tableft + TD {background-color:#DDD} HTML <tr><td class="tableft">test</td><td>content</td></tr>
0 votes6 answers -
Позиционирование блоков
Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>Позиционирование</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0px; border: 0px; } body { color: #000; background: #fff; } div { width: 150px; height: 150px; padding: 20px; border: dashed 3px; } #first { background: #ccf0ff; border-color: #0cf; } #second { position: relative; top: 0px;…
0 votes3 answers -
Отменить несколько стилей одним свойством ?
К примеру тегу <p> наследованием пришла рамка, фоновая карnинка, жирный шрифт и т.д. Существует ли одно такое свойство, которое одной строкой в CSS сможет отменить все наприкрученные свойства элемента? Что-то типа p {style:none;}
0 votes6 answers -
0 votes3 answers
-
Нормальное сохранение исходного кода
Здрасте. Вопрос собственно вот в чем: сохраняю страницу в хтмл, а весь код в одну строку. Как сделать из него нормальную древовидную структуру? (только не ручками:-))
0 votes2 answers -
Не работает карусель
Сайт: http://lejjknakurul-rf.1gb.ru/ Внизу не работает карусель, с чем это может быть связанно?
0 votes2 answers -
Проблема с фулл скрин слайдером
Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!
0 votes2 answers -
И снова верстка рассылок
Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?
0 votes7 answers -
Проблема с margin
Добрый день! Решил сверстать интерфейс приложения. С HTML знаком, но далеко не профи. HTML страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ITP</title> <style> html { height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; } div#top{ width: 960px; min-height:70px; height:auto !important; height:70px; background-color: green; background: url("./img/top/logo.png") no-repeat, url("./img/top/squares.png") no-repeat 100% 0, url("./img/top/bg.png") repeat-x; overflow: hidden; border: 0px red solid; } div#top div#menu{ width: 210px; min-height: 20px; heig…
0 votes4 answers -
Как вывести футер после блока с абсолютным позиционированием?
Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }
0 votes4 answers