И Снова Про Правое Меню

Цитата

Kotofeeva (14 Апрель 2013 - 13:54) писал:

Пыталась сама разобраться - не получается. Нужна помощь.

Хочу добавить на сайт дополнительное меню - справа.
В настройках меню создала дополнительное меню, {menu.right}

В HTML добавила следующий код:



В итоге на сайте появилось дополнительное меню, но под основным слева:



1. Как сделать, чтобы меню было справа
2 Как изменить фон и шрифт меню (с фразой "Каталог сайта №2" все понятно, а вот с текстом ссылок - нет, в таком виде, в каком они отображаются в меню, они выглядят мелкими и убогими)).
Фон нужен такой же, как и в каталоге товаров.
3. Как разделять подразделы каталога: чтобы слева были одни подразделы, а справа другие.
4. Как сделать, чтобы в правом меню были блоки: информационный, хиты продаж, новинки (при условии, что в правом меню не будет каталога товаров)

Мой Аккаунт SL-31741

#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}

#content {width: 1000px;margin: 0 auto;}
#contentMainTb {width: 1000px;margin:0;border-collapse: collapse;border-spacing: 0;}

.right {
width: 200px;
}
.right .blocktitle {
font-weight: normal; color: #BE9E4C; font-size: 1.8em; line-height: 1.1538em; margin: 0.7692em 0 0.3846em 0;
}
.right .blockmain.navigation.fnt12n ul {
width: 200px; background: #F5F5DC;
}
.right .blockmain.navigation.fnt12n ul li {
font-size: 1.2em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom;
}
.right .blockmain.navigation.fnt12n ul li a:link,
.right .blockmain.navigation.fnt12n ul li a:visited {
padding-left: 10px;
color: #4e1609;
display: block;
}
.right .blockmain.navigation.fnt12n ul li a:hover,
.right .blockmain.navigation.fnt12n ul li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
}

				  </tr>
				</table>
			  {% ENDIF %}	   
			  <!-- end Список товаров на главной -->
			{% ENDIF %}
			<!-- END Всевозможные списки товаров -->
	 </td>

<td class="right">Тут код меню</td>

Koderhan (14 Апрель 2013 - 15:22) писал:

#content {width: 960px;margin: 0 auto;}
#contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;}

#content {width: 1000px;margin: 0 auto;}
#contentMainTb {width: 1000px;margin:0;border-collapse: collapse;border-spacing: 0;}

.right {
width: 200px;
}
.right .blocktitle {
font-weight: normal; color: #BE9E4C; font-size: 1.8em; line-height: 1.1538em; margin: 0.7692em 0 0.3846em 0;
}
.right .blockmain.navigation.fnt12n ul {
width: 200px; background: #F5F5DC;
}
.right .blockmain.navigation.fnt12n ul li {
font-size: 1.2em;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom;
}
.right .blockmain.navigation.fnt12n ul li a:link,
.right .blockmain.navigation.fnt12n ul li a:visited {
padding-left: 10px;
color: #4e1609;
display: block;
}
.right .blockmain.navigation.fnt12n ul li a:hover,
.right .blockmain.navigation.fnt12n ul li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
}

</tr>
</table>
{% ENDIF %}
<!-- end Список товаров на главной -->
{% ENDIF %}
<!-- END Всевозможные списки товаров -->
</td>

<td class="right">Тут код меню</td>

Kotofeeva (14 Апрель 2013 - 15:51) писал:

Koderhan (14 Апрель 2013 - 16:23) писал:

Kotofeeva (14 Апрель 2013 - 16:53) писал:

Все! До меня дошло!)) Вы гений!
Только все равно получается, что правое меню вплотную к среднему блоку, не красиво. Как сделать отступ, как между левым меню и центральным блоком?

.right {
width: 200px;
}

.right {
width: 200px;
padding-left: 10px;/*отступ слева*/
}

Koderhan (14 Апрель 2013 - 18:13) писал:

.right {
width: 200px;
}

.right {
width: 200px;
padding-left: 10px;/*отступ слева*/
}

shopyuliya (14 Октябрь 2014 - 17:14) писал:

#content {
width: 1100px;
margin: 0 auto;
background-color: #fff;
}

#content {
width: 950px;
margin: 0 auto;
background-color: #fff;
}

Vaccina (15 Октябрь 2014 - 03:14) писал:

.goodsDataOpinionListTable {
	width: 750px;
}

.goodsDataOpinionListTable {
	width: 100%;
}

Vaccina (16 Октябрь 2014 - 03:35) писал:

.goodsDataOpinionListTable {
width: 750px;
}

.goodsDataOpinionListTable {
width: 100%;
}

shopyuliya (18 Октябрь 2014 - 13:39) писал:

shopyuliya (14 Октябрь 2014 - 17:14) писал:

batta (18 Октябрь 2014 - 14:49) писал: