b0s

Из вашего прошлого поста, я так и предположил, что он скорей всего перепутал или забыл поставить минус. Хотел узнать именно про смысл данного метода. Жалко, но я не понимаю, как желание поставить в h1 лого-картинку связана с отступом. Думаю, что мои вопросы являются оффтопом, по этому прошу прощения, что поинтересовался.

text-indent: -1000px; Простите меня за недопонимание. Но, чем же плох способ обозначить размер кнопки в пунктах или пикселях, без текста? Я не хочу таким образом, дать вам понять, что способ с использованием отрицательного или положительного отступа плох. Просто пытаюсь разобраться, так как мне не встречалась ситуация, когда кнопка, должна быть, но без текста.

А у меня и с float и без float работает.. Потому я написал что оба примера работают.. думал разный подход.. а оказывается float лишний... боже мой, в зеркало смотрю и делаю ->>>

Вротмненоги какие у вас заморочки тут!!! Это я не к тому, что тема абсурдная, просто реально такие навороты... жалко что без них нельзя. RedRat. Я понимаю, что вряд-ли смогу помочь, так как с данной ситуацией не сталкивался, но вот ссылку отыскал. Может она вам поможет. Уверен, вы наверняка уже читали, но всётаки.

Спасибо вам за опыт! Рад вам помочь! Хоть в чём-то я сегодня не промазал..

bulleet. Вашу задачу можно решить, задав слою #nav, фиксированную ширину. Если у вас, конечно, есть такая возможность. Если да - то вам необходимо: убрать float:left c #nav. добавить: body {text-align:center} #nav {width:500px;display:inline-block;} Я проверил на IE6,IE8,Opera 11.11, Firefox 5, Google Chrome 12, Safari 5. Вроде бы везде работает. Единственная проблема в отношении IE6. Он при наводке на название пункта не отображает меню. Но это не связано с изменениями предложенными мной. Надеюсь вам это поможет.

Так выложите весь документ или поделитесь ссылкой на страницу.

Оба участника форума привели ссылки на РАБОЧИЕ примеры, да я тут ещё со своим маргином.. только оба примера в 10 раз лучше, чем мой маргин.. а я и не увидел.. Так что сомнительно rcoma, что у вас эти приёмы не работают..

к сожалению нет.. я заметил что вопрос остро стоит только в опере. в остальных браузерах почти нормально и если специально не вглядываться незаметно (не доходит до идела 1px) Ну а в опере как на картинке - косячно. все идеи приведенные выше были опробованы и не возымели абсолютно ни какого действия. Буквы не сдвинулись не на пиксель =( Всем принявшим участие респект и уважуха! То есть вы ставили к h1 {margin:0} ? Я ещё раз проверил, то о чём я писал. Я не утверждал и не утверждаю, что результат идеален, но я только проверил в IE8, Firefox 5, Opera 11.11, Google Chrome 12. Без указания margin:0, отступ большой, а с margin:0 строки разнятся примерно на пиксель.

Как я и писал. У высокой миниатюры была настройка по высоте, а не по ширине. Так как иначе, она выходит за границы и не находится на одном уровне по высоте с остальными. Мне этот вариант, правильным не кажется. Ну тогда только как нибудь так http://jsfiddle.net/aArTM/7/ Тогда фотографии вообще не поддаются масштабированию при изменении размера окна.

В отношении темы - понял. Вопрос с выравниванием то решён?

тэг h1 был кажется в первоначальной теме к вордпресс которую я пытаюсь приспособить под себя. О какой первоначальной теме вы говорите?

если б была известна ширина, то я сразу бы предложила margin:auto; но так ширина не задана, я предложила абсолютное позиционирование. А почему просто не поставить body центрирование, убрать float у #nav, а также добавить #nav display:inline-block?

Я уверен что дело в объекте <input type="hidden" name="submit" value="submit"> У него имя submit. Оно в дереве дом, внутри формы появляется именно также submit. И когда вы обращайтесь к функции submit(), на самом деле обращайтесь к объекту. Все объекты внутри формы имеющие имена, или объекты работы с данными (input,select,textarea,button), точно не знаю, помещаются внутрь дерева по их именам. И к ним можно обратится по именам. Если использовать имена объектов из кода приведённом вами, для примера: имяФормы.login.value имяФормы.submit -<<<< имяФормы.email имяФормы также можно используемой вами функцией ge(); Вот и получается, что объект input с именем submit замещает метод или свойство, не помню как это там это правильно называется, submit().

Как я и писал. У высокой миниатюры была настройка по высоте, а не по ширине. Так как иначе, она выходит за границы и не находится на одном уровне по высоте с остальными. Мне этот вариант, правильным не кажется.

Попробуйте добавить к body свойство text-align:center . Оно заставит все inline объекты, внутри body, горизонтально центрироваться. Но меню не сдвинется в центр, так как является блоком, а не inline объектом. Простые блочные объекты, без дополнительных параметров растягиваются на всю страницу, и заставляют объекты после них, переносится на новую строку, в прочем и сами рисуются с новой строки. Следовательно. Мне кажется вам надо сделать #nav, inline объектом, задав ему свойство display с параметром inline-block. Итого: body {text-align:center} #nav {display:inline-block} Есть другой вариант. О нём напишу, если есть нужда оставить #nav обычным блоком. Ай.. спасибо cheburekу! Вам ещё понадобится убрать float.

Я смотрел ваш пример в Firefox. В нём тэг h1, имеет отступ сверху и снизу - {margin-top:9.38333px;margin-bottom:9.38333px;}. Для избавления от него надо задать {magrin:0}. Хотелось бы узнать, а почему вы выбрали именно тэг h1?

Нет, не секрет. Я пользуюсь браузером Mozilla Firefox. Как-то, я наткнулся на дополнение для него - Firebug. Это дополнение, наверное так скажу, позволяет просматривать страницу в интерпретации браузера. То есть так, как он её прочёл и обработал. В последние версии браузера Opera, встроено подобное расширение названное как Dragonfly. В IE7 и Google Chrome тоже встроены подобные расширения. Например, с помощью пары действий, можно быстро выделить любой объект страницы, и тут же увидеть свойства и их значения. glotta сразу пояснила, как исправить недочёт. А благодаря её объяснению, я понял где надо смотреть свойства и решил вам разъяснить, в чём проблема. Так скажите зачем вам такой отступ ? Это какая то хитрость ?

Немного переработал прошлый вариант, но сути это не изменило. На этот раз в виде рабочего примера. Понимаю, что на словах, тяжелей. jsfiddle.net Изменяйте размер окна браузера, по разному, и пропорционально и не пропорционально, и станет наверное понятно в чём именно проблема.

Она берётся от свойства "text-indent: 1000px;" у кнопки "Поиск". Не знаю важно это или нет.. Вероятно так и задумывалось, но при применении "text-indent: 1000px;", если на в браузере отключёно отображение картинок, слово "Поиск" сдвигаемое text-indent'om, в результате не видно.

Если у картинки будет задана ширина в процентах и высота в процентах, она не будет уменьшаться пропорционально. На данный момент у неё процентная только высота.

Теперь именно так. Ширина - процентная. 23% от 1440 - слишком широко, а от 600, например, слишком мало, и ссылка либо шире картинки, либо уже. Белые границы на снимках, это границы ссылок. Понимайте? Я так вижу что это не ссылки друг на друге, а картинки которые не умещаются в границы ссылок, которые образуются от заданной 25% ширины.

psywalker, простите но я не понимаю вас. То, что вы видели на фотках это как раз результат ширины. Ширина процентная высчиталась из размера области просмотра, и ссылки соответственно занимаю те самые 23% ширины сдвигаясь влево (при уменьшении окна). Если ширину ссылки ещё увеличить, ссылка, при развёрнутом на весь экран браузере, будет слишком широкой, в результате она будет занимать пустое место вокруг миниатюры, которое по идее должно быть занято процентным отступом. Ещё, в добавок, что самое грустное, пустое пространство вокруг миниатюры будет кликабельна из-за избыточной ширины ссылки.

psywalker, скажите пожалуйста. А как по вашему картинка будет адаптироваться к размеру области сохраняя пропо.... О! Не знаю "услышал" ли я вас и об этом ли моменте вы написали, но мне пришла в голову идея как решить этот вопрос. По скольку единственное, что может быть неожиданно больше для разметки это именно высота, её и надо ограничивать. Тогда уменьшаются и те и другие фотографии, и как раз пропорционально. Так спасибо за идею psywalker! Но теперь я обнаружил, другую проблему. Когда окошко уменьшаешь фотографии съезжаются. И только после обновления страницы, встают на свои места. Такс... добавил к области со списком галерей {width:100%}, ссылки как то странно себя ведут.. Специально добавил границы вокруг объектов После загрузки страницы: После изменения размера: