PoshtarBoba

ИЕ как-то по-своему паддинги у инпута считает.

Моё начальство говорит - "Делай по-своему, как быстрее. Дизайнер может много чего придумать, но нам за это не доплатят."

Обясните подробней какой именно вы используете элемент, дайте код, нарисуйте в паинте то, чего вы хотите добиться и покажите нам. Пока условие задачи представляется очень смутным. Если вы про текстовое поле, тогда бекграунд лучше вешать на внешний элемент (в IE6 бекграунд на input.text уезжает влево, если печатать много текста в поле ввода). <span><input ... class="editbox"></span> span { display:block; background:url(...) no-repeat left top;} input.editbox { padding:7px 4px 4px 4px; font-size:12px; line-height:18px; height:18px; width:192px; background:none; border:none;} Сумма вертикальных паддингов и высоты элемента (или лайн-хейджа) должна равняться высоте картинки бекграунда: 7px + 4px +18px = 29px; Ширина картинки бекграунда: 4 + 4 + 192 = 200px Если не получится с IE - оставьте паддинги инпута в покое и двигайте поле ввода внутри span с помощью отступов.

за что спасибо?

О, класс, большое спасибо! Я вчера все заглавия в таблицы позасовывал, пол-ночи уснуть не мог из-за этого. Фонами не лучше - допустим, это заглавия блогов и картинку (смайлик, аватарку, иконку) для заглавия может выбрать сам пользователь из большого колличества на сайте, из своей коллекции загруженных изображений или вообще тупо указав внешнюю ссылку. В этом случае CSS придётся генерить динамически или ещё бог знает какие уловки искать.

.spisok ol { margin:0; padding:0; list-style:none;} номеров не будет. А кто такие эти "остальные"? Номера не списков, а элементов списка. И чего, собственно, ты добиваешься? Спроси приблизительно так: "Я хочу, чтоб у меня список был без номеров и кружочков слева и вровень с остальным текстом по левому краю. Как сделать?"

В итоге непонятно, что должно получиться в результате. Сайт с каталогом продукции и ценами? Прайс-лист в экселе? Если первое - тебе нужно создать базу данных, сделать какую-нить авторизацию пользователя. А на самих страничках добавить условие: "если пользователь - девочка-юзер, то возле цены добавить кнопочку "Изменить цену"". Или весь прайс-лист табличкой на отдельную страницу, чтоб все цены можно было за раз похерить. В этом случае можно без авторизации, но метод небезопасный, любой, знающий адрес этой странички может похерить цены. Но можно девочке локально поставить апач и PHP, чтоб эта страничка была недоступна из инета. PHP ты знаешь, создать БД не сложно (всего-то 1 табличка на 3 поля), задача уровня "хело ворд на PHP из MySQL"

Хотелось бы способ обратный - картинок сколько угодно, а div - один (максимум - 2). Если хочу сделать красивый код (что нафиг никому не нужно кроме меня самого) - то прописываю только один див с классом, а внутрь него скрипт wrapInner'ом добавит ещё 7-8 дивов и в стилях пропишу им всем бекграунды.

Дивами делают абсолютно всё без исключений (и чем их больше, чем глубже вложенность - тем лучше). Таблицами размечают то, что не получается сделать дивами. На этом функции таблиц сегодня заканчиваются (но не заканчиваются угрызения совести и комплекс неполноценности - должен же быть способ сделать это дивами!!!!). Списками делают таблицы и вообще любой набор хоть как-то связанных данных. Очень бы хотелось сделать списками и подключаемые файлы скриптов, и метатеги, но пока-что такие способы не проходят валидацию. Что тут обсуждать ещё?

На сколько актуальна тема - подскажите? Пол-года бордер-радиусами темплейты и вордпрессы делаю, заказчики не возмущаются из-за квадратных углов в ИЕ. В 95% случаев дизайн не портится, узнаваемость остаётся. Бигстокфото выдаёт предупреждение, если заходить на него со старых експлореров (в темплейте у меня жутко бекграунды глючили, видать, ихние программисты тоже не смогли исправить глюки, но это оффтопик - тогда я ещё не скруглял и радиусы у них гифовые). Гугль тоже постоянно напоминает - "Скоро ваш браузер не будет поддерживаться ваще", гугль.спредшит (эксель) глючит, пишет - ошибка сохранения и дико тормозит... В общем - по каким причинам вы придумываете такие хитрости?

Скрипты поисковики не любят. Так что если есть какая-то инфа для пользователя, которую не нужно поисковику - её можно добавить скриптом. Пример - в коде: <p><a href="#" class="b">Click me</a></p> А для пользователя скриптом меняем: <p><a href="#" class="b"><span><span>Нажми меня побыстрее!!!!!!!!!</span></span></a></p> и в стилях навешиваем кучу графики на ашку и спаны или так: <div class="header"> ... </div> <div class="content"> <h2><a href="#">dsfklj dlfsd</a></h2> <h2><a href="#">poK dfm.</a></h2> </div> <div class="footer"> ... </div> для пользователя добавляем центровку, фон и т.д.: <div class="header"> <div class="header_center"> <div class="header_top_bg"> ... </div> </div> </div> <div class="content"> <div class="content_center"> <h2><img src="h2_icon_left.gif" />dsfklj dlfsd<img src="h2_icon_right.gif" /></h2> ... <a href="#">Read more...</a> <h2><img src="h2_icon_left.gif" />poK dfm.<img src="h2_icon_right.gif" /></h2> ... <a href="#">Read more...</a> </div> </div> <div class="footer"> <div class="footer_center"> ... </div> </div>

Скриптом высчитать высоту страницы, высоту дива, вертикальные отступы (в т.ч. паддинги), высоту таблицы, высчитать свободное расстояние и задать нижний маргин блоку в размере половины разницы высоты свободного места и таблицы по модулю + 16px (тогда если места будет меньше нужного - между блоком и таблицей останется 16px пространства, а таблица уйдёт вниз за границу окна и появится полоса прокрутки). Простенький пример "размещения посередине по вертикали" тут: http://forum.htmlbook.ru/index.php?showtop...st&p=146956 Вот тут я не понял. В обычных условиях таблица растягивается только в горизонтальном направлении, зачем её растягивать по вертикали? (да и не уверен - может ли она так просто себе растягиваться вниз).

Очччень интересно. Что же будет дальше?

А сей форум тебе чем не угодил? Посмотри темы: "траблы в ИЕ", "Сафари глючит", "Опера 1 пиксель ворует!" и т.д. Открываешь, читаешь, запоминаешь. Вот тебе и система.

Товарищ знает HTML и PHP (http://www.cyberforum.ru/php-beginners/thread119401.html), он просто не понял, что от него требовал (будущий?) работодатель.

Основная масса флеш-сайтов пренадлежит людям искуства - художникам, фотографам, скульпторам, дизайнерам. Действия пользователя, случайно наткнувшегося на такой сайт (по ссылке ВКонтакте, ВСкайпе, ВАське...): - О, круто! Грибы шевелятся! Бошка крутится! Менюшка разъезжается! Экранчик загорается!... Через пять минут у такого пользователя спросишь: о чём был сайт? - Не знаю, вроде музыкант какой-то. Там так прикольно кнопочки подсвечиваются, листочки растут и буковки всплывают, со звуками, когда мышкой водишь! Закачаться можно 1 раз, потом ещё пару раз, показывая сайт друзьям. Потом эти фуртеля банально надоедают. А постоянно обновлять фуртеля для поддержания интереса - это оч. дорого. Редкий флеш-сайт удобен в использовании, а значит люди на него будут заходить лишь однажды. Отсюда и тематика сайта - визитка, презентация, событие. Для каких целей? У флеша есть свои скрипты, JS там не нужен. Можно сделать обычный сайт со вставками на флеше (вплоть до 100% площади экрана) - в этом случае JS прикручивается как обычно. Можно решить трудности, если хорошо заранее продумать дизайн и предусмотреть будущее развитие сайта. Если сделать админку - обновлять контент можно будет с той же лёгкостью, как и на обычных сайтах с админкой. Отлично относятся - у таких сайтов обычно бывает HTML-версия или контент-версия (без графики и стилей, только с инфой и логической структурой). Поисковые роботы индексируют их. Простой векторный - пару десятков килобайт может весить. С растровой графикой, анимацией, музыкой, SQL-запросами - может и несколько десятков мегабайт весить. Не стоит. (см. пункт 1) Зачем вы всё время хотите подключить java script? Он на флеш-сайте не нужен.

Чтоб пропорционально растягивался каждый пункт меню - дивами (без скриптов) так вроде не сделаешь. Обычно такое меню делают списком с прилипанием к левой или правой стороне. <ul class="menu"> <li class="active"><a href="#">Новости</a></a></li> <li><a href="#">Свадьба</a></li> <li><a href="#">Семейные праздники</a></li> <li><a href="#">Детские праздники</a></li> <li><a href="#">Корпаротивы</a></li> <li><a href="#">Кейтеринг</a></li> <li><a href="#">Форум</a></li> </ul> ul.menu { width:100%; height:32px; background-color:#ff0; list-style:none;} ul.menu li { float:left; margin:0 2px 0 0;} ul.menu li a { display:block; margin:0; padding:4px 12px; background-color:#fa0;} ul.menu li a:hover, ul.menu li.active a { color:#fff; background-color:#750;}

mix-width - смешанная ширина

это что? max-width: 1180px; max-width: 790px; Не люблю я маргины, вечно с ними проблемы. Например: <div style="margin:16px 0;">aaa</div> <div style="margin:16px 0;">bbb</div> между блоками будет высота в 16 пикселей, а не в 32, как хотелось бы мозгу, один из маргинов куда-то ищезает. В твоём случае если для боди задать бордер - верхний маргин появится, иначе - бордер начинается не с самого верху, а от верхнего края дива. Тебе предлагаю изменить следующее: body { margin:0; padding:105px 0 0 0;} #wrapper { margin:0 auto;} радуга поднимется к верху, красный фон останется, тёмный прямоугольник останется на месте. https://developer.mozilla.org/en/CSS/margin_collapsing "Empty blocks If there is no border, padding, inline content, height, or min-height to separate a block's margin-top from its margin-bottom, then its top and bottom margins collapse." вроде тут этот случай указан, но я оч. плохо владею английским.

поставь лайнхейдж абзацу в пикселях: line-height: 23px; теперь и в опере, и в файрфоксе буква "Ч" на 1 пиксель выше остального текста. поставь 22px - и получишь то, что есть у тебя - в опере в ровень "поколодник", а в фф - выступает. Можно сделать вывод, что браузеры по-разному переводят ем в пиксели. С похожей проблемой столкнулся, когда пытался выровнять блок по центру margin:0 auto; у блока была ширина в нечётное кол-во пикселей. Опера пол-пикселя превращала в полный пиксель и у меня на этот пиксель "не играли" верт. линии рисунка.

Значит, суть такова: у заглавий справа есть иконки: h2 img { float:left;} <h2><img src="icon01.gif" />Lorem ipsum</h2> <h2><img src="icon02.gif" />Lorem ipsum</h2> ... Сложность в том, что: - высота иконок может варироваться в пределах страницы - 10..60px и более; - заглавие может быть длинным, на 2-3 строчки (особенно в узких колонках); - кол-во иконок динамическое и не ограничено, так что создавать стили для h2 с иконкой-бекграундом и левым паддингом - не очень правильная тактика. Что можете предложить для решения такой проблемы? Вот рабочее решение, но оно... мягко сказать, некрасивое и нарушает логику построения документа: <table><tr> <td><img src="icon01.gif" /></td> <td><h2>Lorem ipsum</h2></td></tr> </table> Я б уже на дивы согласился, которые сменили бы ячейки таблицы, но им нельзя задать жестко высоту, чтоб были одинаковые по высоте.

А нельзя ли добавить пару дивов в размер окна, чтоб не задавать фон для хтмл и боди? Если проблема не решится - им можно задать оутлайны или бордеры, чтоб посмотреть кто куда вылазит и почему. (выложил бы ещё 3 используемые картинки, чтоб можно было попробовать, а то самому сидеть их рисовать влом, да и параметры изображений неизвестны)

Как-то так: js.js $(document).ready(function(){ //Get the window height and width var H = $(window).height(); var W = $(window).width(); //Set the popup window to center $('#my_div').css('top', H/2-$('#my_div').height()/2); $('#my_div').css('left', W/2-$('#my_div').width()/2); }); }); index.html <head> <script type="text/javascript" src="js/jquery-1.4.1.js"></script> <script type="text/javascript" src="js/js.js"></script> </head> <body> <div id="my_div">bla-bla-bla</div> Ссылку на свежий скрипт jQuery возьмите в Википедии. Можно и без jQuery на чистом js, но я плохо его знаю. Минус в том, что при изменении размеров окна браузера блок не будет перемещаться (нужно эту ф-цию повесить и на онРесайз или куда-то туда, но на практике меняют размер окна оч. оч. редко.)

Браузерам тоже всё равно. Не всё равно поисковикам, которые сейчас всё менее внимания уделяют B и всё более - стронгам, индексируя текст страницы, создавая метки, теги... Потому и меню - списком, и абзацы аккуратно P выделяются, и в HTML5 дивы разделят на хедеры, футеры и т.д. Если бы не спамеры и чёрные СЕОшники, то лет через 5-10 жили бы мы в информационном раю, когда на 3-словный запрос гуглю можно было-бы получить десяток сайтов в топе именно с тем, что искал. А браузеру или человеку абсолютно по барабану - сверстан сайт дивами или таблицами, выделено Б-шкой, стронгом или стилем... Или вообще - текст картинкой. Отс$%#те...

Ну, или как в смежной теме говорилось - вместо навигационного меню импортируем файлик со скриптом, который создаёт меню: <script Language="JavaScript" SRC="menu.js"></script> а в файлике-скрипте и формируем само меню, один раз на все страницы: document.write('<a href="index.htm">Оглавление</a><br />'); document.write('<a href="gl1.htm">Глава 1</a><br />'); document.write('<a href="gl2.htm">Глава 2</a><br />'); ...