Доброй ночи. Я впервые обращаюсь, но помогите пожалуйста, если кто может. Суть в том, что мое меню уходит под низ самого блока записей

но это происходит только тогда, когда я его просматриваю пробовала стандартные варианты диза без CSS - происходит тоже самое оО, меню уходит вниз , но при редактировании, коментировании и предпросмотре все просто замечательно и на своем месте о__О...
при предпросмотре записи:


CSS коды

Здравствуйте!При установке картинки на фон возникла проблема.
Суть в следующем: мне нужно, что бы положение картинки было 0 px снизу и 0 px слева, а сверху и справа - произвольно, в зависимости от разрешения экрана. Задавать конкретные точки положения картинки по всем четырем сторонам я не хочу, нужно что бы она просто прилипала в нижнем левом углу.
Код вот:
body { background: #d74b0e url('/userdir/1/0/5/9/1059285/37886363.jpg') no-repeat; width:1024 px; height: 768 px; position:absolute; bottom: 0px; left:0 px; background-attachment: fixed}

Когда я пишу вот так: bottom: 0px; left:0 px; картинка мало того, что и не думает прилипать к низу экрана, она еще и стопорит page-t в самом нижнем положении, как буд-то прокрутили до низу.
Когда пишу top: 0px; left:0 px; все прокручивается нормально, но (!) картинка прилипает (естественно) к верху экрана, а мне этого не нужно.

Подскажите, пожалуйста, как мне быть.

UPD: решение url('/userdir/бла-бла.jpg')no-repeat left bottom;

Помогите, пожалуйста. Так и не смогла найти, как можно увеличить отступ между блоком меню и основным блоком. Мне нужно, чтобы блок меню был с самого краю слева

картинка

код

UPD: проблема решена самостоятельно.

В эпиграфе указаны средства, с помощью которых можно просматривать страницы с точки зрения разработчика - увидеть структуру ваших страниц, узнать какие свойства прописаны для каждого элемента дневника (ну и любого другого сайта) и какие имена у этих элементов. Такие средства есть для FireFox (Firebug) и IE (IE development toolbar). Но у многих из вас используется Опера, а для нее тоже есть похожая штука, правда посложнее, чем используется в ИЕ. Это панель, которая заменяет стандартную панель "Вид" Оперы, поэтому устанавливать ее нужно с четкой уверенностью, что она вам нужна - интерфейс управления отображением сайтов станет иным и непривычным.
Качаем отсюда: operawiki.info/WebDevToolbar
Для этого войдите на сайт из Оперы 8 или 9, сначала нажмите на ссылку web developer menu для вашей версии Оперы, проследуйте инструкциям по установке. Меню установится в оперу и включится автоматически.
Затем выберите ссылку Web Developer Toolbar for Opera 8-9, и точно также автоматически установится сама панель.
Теперь смотрим:
Reset page - перезагрузить страницу
Display - смена настроек отображения на пользовательские.
Меню Forms - это специфические настройки управления формами на странице. С помощью него можно производить групповые операции с управляющими элементами, но нам это меню в сущности не нужно, поэтому разберитесь с ним сами. Все описание дано на странице для скачивания панельки, требуется тлоько знание английского.
Меню Images - старые настройки отображение страницы с рисунками или без + групповые операции с картинками на странице. Кстати довольно полезные.
Page Info - главное меню, нужное нам:
- DOM/CSS inspector выводит отдельную страницу, на которой страница, рассматриваемая вами разобрана "по винтикам" в виде дерева из элементов. Если вы знаете HTML, то легко представите основной элемент страницы, из которого "произрастают" все остальные, а из них, в свою очередь , дочерние элементы. Бегая по ссылкам, вы будете открывать дочерние элементы от главного и просматривать их свойства и названия. Также показаны все связанные с элементом файлы и страницы.
- Mouseover DOM inspector похож на IE development: при наведении мышки на элемент страницы, в отдельном окошке появляются все его свойства, в т.ч. и название, что зачастую нужно нам больше всего. Кроме того, выделенный элемент подсвечивается, что позволяет увидеть его границы и сообразить, как прописаны его свойства, особенно margin или padding. Если наводить курсор на содержимое вспомогательного окошка с инфомрацией об элементах, то те блоки, на которые наведен курсор, также подсвечиваются на странице.
- Javasсript obect inspector - то же самое для элементов, созданных с использованием языка Ява. Нам это без надобности, но для дизайнера вне дайри пригодится.
- See page statistics - отображает в отдельном окошке подробную статистику страницы - число элементов, вес ее кода в байтах (главная страница моего дневника весит аж 280 килобайт) и прочее.
- Также интересная вещь - See internal/external links - отображает разными цветами ссылки на внешние ресурсы, внутренние ресурсы или элементы страницы.
- See Element nesting - показывает вложенность элементов в виде псевдотрехмерных слоев, отображая их свойства. Видно, какой элемент находится внутри какого и какой лежит "ниже" или выше по иерархии.
- ОЧЕНЬ удобная штука See Element dimensions - отображает все размеры элементов на дневнике. Надо только ввести тип элемента, например div. О div и осталньых типах читаем на htmlbook.ru
- List frames используется для фреймовой структуры, она тут не используется.
Смотрим дальше меню Utils.
- Remove Child elements - убирает элементы со страницы по клику. Можем получить вид страницы, как будто этих элементов вовсе там нет. Нажав ESC получаем возможность использовать такую страницу физически. Это позволяет продемонстировать возможности альтернативной работы странички, и служит больше для разработчиков сайтов.
- Convert Links to footnote делает ссылки "разборными", представляющими собой title (подпись) и собственно физическую ссылку вида "http://.."
- Reveal destination... - похожая история.
- Simple calculator - простой калькулятор, набираете выражение (45*35) и жмете ОК для ответа
- Ascii table выводит таблицу служебных символов с их десятичным и шестнадцатеричным кодом.
- Character map выводит таблицу всех символов имеющихся у вас шрифтов.
Ну и меню Validate позволяет произвести разбор ваших кодов с указанием ошибок. Для нас можно взять CSS валидацию, если мы сомневаемся в правильности кода. Но определенные ошибки существуют там и вне нашего вмешательства, поэтому изучите их, чтобы не принимать во внимание, когда будете анализировать свой собственный пользовательский код!
Меню Specs может показать вам краткую справку по программированию в html или CSS, а также другие справки по веб.
Меню Page Source содержит старые ссылки на код страницы, а также можно просмотреть хтмл-элементы в виде дерева (рекомендуется), внешние ксс-файлы с кодами в CSS или скриптами. Внимательно изучите это меню, оно полезное.
Меню id меняет айди вашего браузера на другие, когда информация о нем передается в интернет.
Ну и наконец InFF и InIE открывает вашу страницу в браузерах ФайрФокс и ИЕ соответственно, если они у вас установлены.
Пользуйтесь)
-

Ааааа!! Помогите!! Я перенесла "Новая запись" из меню и теперь у меня не работает ни одна ссылка, я даже в настройки зайти не могу, что бы все исправить!!

а я вообще не знаю куда заходить.
чтоб ширину уменьшить.сделать тоньше дневник
100 р положила.
помогите.