Новая позиция bread, новая пропись. - Joomla 1.5: Настройка и оптимизация

Как прописать для новой позиции bread, как так сказать: лево право и так далее. Чтобы через фаер баг можно было смотреть. Куда левее подвинуть или правее. Просто не знаю как объяснить и наставьте на путь истинный. Хочется подправить немного, а как не в курсе. 

пробуйте

#bread{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

Вместо нулей ставьте цифры и смотрите что получится. Отрицательные тоже можно.

Хорошо сейчас попробую. Это ведь в layout.css: Прописывать?

Нет результата, все прописал в layout.css
Поставил везде по 50 )

#bread{
   margin: 50px 50px 50px 50px;
   padding: 50px 50px 50px 50px;
}

Не двигается ))
И в фаер баге не отображается.

В FireBug посмотри какие таблицы стилей подгружены, в них и вставляй.

В FireBug посмотри какие таблицы стилей подгружены, в них и вставляй.

Не понял, как подгружены? Там только это прописано, а то что выше писалось, вообще не видно.
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
color: #646464;

Ну можно и покороче:

Нет результата, все прописал в layout.css

1) неверный селектор. Проверьте, есть ли #bread в принципе.
2) другое правило перебивает ваше. Тогда просто нарастите вес своего правила....

В layout.css #bread в принципе не было.
Вот добавил.
#bread {padding: 50px 50px 0;} поставил, результатов нет!

2) другое правило перебивает ваше. Тогда просто нарастите вес своего правила....

Код

div#bread {padding: 50px;} /*...например так...*/
body #bread {padding: 50px;} /*...или так*/

Как нарастить вес и где?  

Вот получается код в HTML
<?php if($this->countModules('bread')) : ?>
<jdoc:include type="modules" name="bread" style="raw" />
<?php endif; ?>

div#bread {padding: 50px;} /*...например так...*/
body #bread {padding: 50px;} /*...или так*/
Это куда прибавить?

Вот это нашел в layout.css


#breadcrumbs {
   margin: 0px 10px 10px 10px;
   overflow: hidden;
   font-size: 11px;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
   line-height: 20px;
}

#breadcrumbs a,
#breadcrumbs span {
   display: block;
   float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
   margin-right: 3px;
   padding-right: 15px;
   background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
   text-decoration: none;
   color: #646464;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

#breadcrumbs span.current { color: #2B5891; }

#breadcrumbs a { }
#breadcrumbs a:hover  {   color: #000000; }

Бомбить? И новое прописывать?

В layout.css #bread в принципе не было.
Вот добавил.
#bread {padding: 50px 50px 0;} поставил, результатов нет!

Срочно учить матчасть. Зачем было в цсс-ку добавлять это правило с символичным селектором "бред", если у вас в разметке нет такого элемента? О_о

Срочно учить матчасть. Зачем было в цсс-ку добавлять это правило с символичным селектором "бред", если у вас в разметке нет такого элемента? О_о

#breadcrumbs {
   margin: 0px 10px 10px 10px; /* Вот тут и меняйте отступы. В данном случае внешние */

Нет результатов! Все цифры менял, больше меньше, не работает! Без этого кода -
#breadcrumbs {
   margin: 0px 10px 10px 10px;
   overflow: hidden;
   font-size: 11px;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
   line-height: 20px;
}

#breadcrumbs a,
#breadcrumbs span {
   display: block;
   float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
   margin-right: 3px;
   padding-right: 15px;
   background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
   text-decoration: none;
   color: #646464;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

#breadcrumbs span.current { color: #2B5891; }

#bread a { }
#breadcrumbs a:hover  {   color: #000000; }
Все работает также.

У нас ведь позиция bread
  

Почему не отображает в  фаер баге ни чего ?
Ничего не меняется и не пашит. Что вечно за ответы такие, писец. Как ни ответ так не работает. Одна только Taatshi мне помогает и отвечает так, что потом все работает.

У нас ведь позиция bread Почему не отображает в  фаер баге ни чего ?

У вас ведь ник GaZiroVan, почему в вашем паспорте так и не написано? Вы совсем перепутали термины. Позицию вы можете обозвать как угодно, от этого в разметке у вас ни разу не появится это слово.
План действий ещё раз:
1. В css-ке пропишите Проверьте, если вместо сайта белый лист, значит всё ок, файл стилей подключен. Удаляйте обратно.
2. FireBug`ом смотрите, в какой элемент у вас обёрнут модуль. Не факт, что это будет <div id="breadcrumbs">, это может быть <div class="breadcrumbs"> или вообще какой-нить <div class="moy_spizjennyy_klubnyy_shablon">. Шаг два выполнен. Мы узнали правильный селектор.
3. В css-файле, который мы определили в пункте один в любом произвольном месте (но лучше с конца) пишем:
или
или
Где
# для id=...
. для класса

* {display:none !important;} Выполнил, белый лист показывается. Не могу теперь определить оболочку
GaZiroVan в паспорте написано
Шутка.
Сейчас буду искать оболочку. Если кто хочет, сайт в профиле. Там на этой позиции два модуля стоит. "+1" находит, но только его код.


.breadcrumbs {
   margin: 10px;
   padding: 50px;

Подошло  Круто! Спасибо огромное! А как теперь мне сделать, чтобы +1 и бреад были на одном уровне?

С сайта и надо было начинать. С первого же поста можно было бы тему закрывать.
всё.

Тока так по 100 пикселей будет естессно отступ. Используйте один padding лучше.

А как теперь мне сделать, чтобы +1 и бреад были на одном уровне? Подскажите пожалуйста. Может что прописать.

Пожалуйста.
Подошло? Хорошо, сносите нах теперь это. Там проще решаецо всё )
Одного правило за глаза.
--------------------
Кстати, зря используете клубные шаблоны. Не устаю пропагандировать:

Для любой задачи в разметке больше пяти обёрток обычно не требуецо.

Не вдуплил. У меня там с  точками вначале, только то, что вы мне прописали.

Вот это бомбить?
#breadcrumbs {
   margin: 0px 10px 10px 10px;
   overflow: hidden;
   font-size: 11px;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
   line-height: 20px;
}

#breadcrumbs a,
#breadcrumbs span {
   display: block;
   float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
   margin-right: 3px;
   padding-right: 15px;
   background: url(../images/breadcrumbs.png) 100% 50% no-repeat;
   text-decoration: none;
   color: #646464;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

#breadcrumbs span.current { color: #2B5891; }

#bread a { }
#breadcrumbs a:hover  {   color: #000000; }
А что значит? -
Кстати, зря используете клубные шаблоны. Не устаю пропагандировать:

Для любой задачи в разметке больше пяти обёрток обычно не требуецо.

Вместо
напишите
Во-первых отступ сверху появицо, во-вторых, не придёцо инлайновский элемент в блочный превращать. Валидатор этого не любит, насколько помню.
А про 20 обёрток - это зло всех готовых шаблонов. Шаблон пишецо с расчётом на гибкость, типа "в один клик сделать резиновым" или "поменять цветовую гамму", т.е. для всех. Отсюда - куча лишнего мусора в разметке.

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
     line-height:50px;
}

А как мне сделать +1 на одном уровне?
В результате всех изменений, которые работали, итог один, отступ, который приходится править, а как теперь добавить лево и право, верх и низ, вот эти позиции?
И +1 не забыть, чтоб на одном уровне или это не возможно? Это для меня и было начальной целью. Самое, так сказать, главное.

они щас на одном уровне. Или про какой уровень идёт речь?

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

Как сделать чтобы отступ был от левой колонны?

Ну так просто уже не сделать одними средствами CSS. Во-первых у вас "+1" идёт ПОСЛЕ хлебокрошек, а вы на рисунке его до показали. Можно ксс, но это уже изврат будет. Проще в разметке местами поменять. А во-вторых, "+1" обёрнут в безымянный <p>. Я бы вообще, кстати, отказался бы от этого плагина. Он там в айфрейме страницу тянет и туеву хучу скриптов цепляет. Смысл?

Хорошо, я от +1 в этой позиции откажусь, тогда встает вопрос такой.
Как мне +1 вставить сюда -
Код +1 <g:plusone size="small"></g:plusone> Там есть еще один, но его в любую часть HTML нужно вставить, типо как счетчик, а так он был модулем, но в позиции бреад.

А также все же мне нужно сделать небольшой отступ для бреад от левой колонны

Тут с ходу не ответишь, надо разбирацо с шаблоном.

Вот это задача для бреадкрумп.
А, Интересный материал? Поделись им с другими: - это плагин.

Ну отступом сделать. margin-left:20px

Спасибо, сделал, заработало. Но общая тема получилась такая, что нам необходимо присвоить к позиции бреад! Функции перемещения, не знаю как назвать, но вот это: лево, право, вверх и вниз. А получилось, что мы только для самого бреадкрумп это сделали. Вот допустим, я вставлю следующий модуль в эту позицию, а двигать и так далее не смогу его

Ну я же написал уже выше. Берёте index.php и переписываете разметку.

О index.php вроде дела не было, наставьте на путь истинный пожалуйста. А то  я дуб, может ясень уже

Ну я же написал уже выше. Берёте index.php и переписываете разметку.

Новичкам не рекомендуется))

Мля вот запара, как там прописать позицию?