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х написей разного форматирования.

надо DIV'ом попробивал таблицей то же самое размер 45 пикселей не сохраняется.

по вертикали первое слово влазит в ячейку, а второе/и.т.д/ вылазит ниже ячейки. междустрочний интервал большой. ложил и <span> и в <p> и в еще один <div> та же проблема!

текст не вмещяется в ячейки. Почему и как это исправить? <style type="text/css"> #table_up { width:100%; clear:left; background-color:#efefef; height:45px; outline:medium; line-height:45px; text-align:left; float:left; } #fl_left {float:left;} .wr_Black {font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px; overflow: visible;} #r1{width:7%; height:45px; float:left;} #r2{width:19%; height:45px; float:left;} #r3{width:10%; height:45px; float:left;} #r4{width:10%; height:45px; float:left;} #r5{width:12%; height:45px; float:left;} #r6{width:10%; height:45px; float:left;} #r7{width:6%; height:45px; float:left;} #r8{width:9%; height:45px; float:left;} #r9{width:10%; height:45px; float:left;} #r10{width:7%; height:45px; float:left;} </style> <div id="table_up"> <div id="r1">12345</div> <div id="r2">12345678</div> <div id="r3">Наличные,грн.</div> <div id="r4">12345 (12.) <br />1234567890</div> <div id="r5">123456789 12345 12 12345</div> <div id="r6">123456789 123456</div> <div id="r7">123456 <br /> 123./12.</div> <div id="r8">12345678 <br /> 123./12.</div> <div id="r9">Статус</div> <div id="r10"></div> </div>

читал, но мне нужно что бы меню было заданой висоти - 40 пикселей. Пробовал тот прмер, меню никак не стает по центру вертикально.

Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repeat; color: #FFF; display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; height:100%; margin:0 auto; } </style> Меню: <div id="menu_up"> <a class="links" href="#">Link</a> <a class="links" href="#">Link</a> <a class="links" href="#">Link</a> <a class="links" href="#">Link</a> <a class="links" href="#">Link</a> <a class="links" href="#">Link</a> </div>