DrMartens

Спасибо, что откликнулся. Уже решил добавил к li display:table; и vertical-align. Вроде работает нормально.

Есть вертикальное меню, когда пункты меню короткие и вмещаются в 1у строку, все хорошо, но как сделать так что бы если текст не вмещается в 1 строчку он становился в 2е строчки но при этом становился по центру пункта меню. <ul id="left-menu-e" class="menu"> <li class="level1 item1 first"> <a class="level1 item1 first" href="#"> <span class="bg">Link link link</span> </a> </li> <li class="level1 item2"> <a class="level1 item2" href="#"> <span class="bg">Link link link</span> </a> </li> <li class="level1 item3 last"> <a class="level1 item3 last" href="#"> <span class="bg">Link link link</span> </a> </li> </ul> Со стилями: ul#left-menu-q{ height: 354px; margin: 0; padding: 0; background: url("../images/menus/left/rshad-l-m.png") no-repeat scroll center right transparent; } ul#left-menu-q li{ height:46px; border-top:1px solid #929293; } ul#left-menu-q li:last-child{ border-bottom:1px solid #C9C9C9; } ul#left-menu-q li:first-child{ border-top:1px solid #C9C9C9; } ul#left-menu-q li a{ cursor: pointer; display: block; height: 46px; width: 210px; padding-left:13px; } ul#left-menu-q li a:hover, ul#left-menu-q li.active a{ text-decoration:none; background:#efeeee; } ul#left-menu-q li a:hover span {color:#7ca4d6;} ul#left-menu-q li a span{ font:bold 11px/46px arial; color:#414042; }

Есть у меня блок с изображением: <div class="float-left jpage-jblocks-images left-right-image"><img border="0" style="border: 0;" src="/images/image.jpg"></div> под ним стоит блок с текстовым наполнением <div class="float-left jpage-jblocks"> наполнение </div> можно ли сделать так, что бы при наведении на блок с текстовым наполнением изображение в блоке с изображением увеличивалось? При наведении на изображение ее увеличение сделала так: .jpage-jblocks-images img:hover { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; z-index:999; }

а какие строчки не подскажете?

там около 30 ссылок, что для каждой страницы нужно писать скрипт?

Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?

задал высоту 15 пикселей, но н помогло!

сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }

Вот тут: ТУТ в шапке используютс три изображения: 1)dog_big0.jpg 2)topcente.jpg 3)cat_and_.png так вот при увиличении масштаба или уменшения разрешения экрана/страници cat_and_.png перкрывает изображение topcente.jpg как это исправить? <TABLE cellspacing="0" width="100%" height="260"> <TBODY><TR> <TD width="1%" rowspan="2" height="260"><IMG src="/main_files/dog_big0.jpg"><BR></TD> <TD width="50%" height="260" align="left" valign="middle" background="/main_files/topcente.jpg" class="maininfo"> </TD> <TD width="*%" class="contacts" align="center" valign="top" style="padding:0px; margin:0px;" background="/main_files/topbg_ma.jpg"> <IMG src="/main_files/cat_and_.png"><BR> </TD> </TR> </TBODY></TABLE>

а как в такое поле просто вставить вправо изображение календарика?

Как сделать выпадающий сисок с календарем от такого типа: ???

Я сколько пробывал вертикал-алигн - никогда не действовало. Паддинг или line-height

Вот нужно в div заданой высоти и ширини вставить выпадающйй список, я его вставить вставил, но как его расположить по центру по вертикали и по горизонтали и ширину поставити на 90% блока и высоту такую же. Вот код того что есть: стиль: #pole {width:100%; float:left;} #pole .nw {background-color:#e3ebf5; height:50px;} #pole .wht {background-color:#FFF; height:50px;} #pole .pole_name {text-align: left; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-left:25px; width:33%; line-height:50px; float:left;} #pole .pole_lists {text-align: center; line-height:50px; float:left;} #pole .list_style { width: 100%;; height:95%; background-color:#cccccc; font-family:Arial, Helvetica, sans-serif; font-size:22px; float: right; vertical-align:middle;} код хтмл: <div id="pole"> <div class=" nw"><div class="pole_name">Тут название поля*</div> <div class="pole_lists"><select class="list_style"> <option value="all">132</option> <option value="1">123</option> <option value="2">13</option> </select></div> </div> </div>

емм...а как это делать?

угу. убрал. но все таки решил попробовать таблицей. Если в таблице все в одном <p> тогда нормально текст стает, а если два или больше, то междустрочний интервал опять большой. а мне нужно в одну ячейку до 3х написей разного форматирования.