okunev2
-
Posts
602 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by okunev2
-
спасибо, помогло
-
а тогда я дебил получается у меня не все нормально в ИЕ6
-
Так и делал не помогло! Эта проблема только в ИЕ, доктайп такой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> Другое не могло повлиять, центральный контейнер растягиваеться по высоте под все браузеры. Забыл сказать, что на картинке срез только по высоте картинки, что срезан контент справа это нормально, просто такую картинку я сделал
-
Вот такая проблема, если мало тексту то картинка внутри контейнера, не растягивает его и срезается: вот css: #cont3 { width: 555px; margin-bottom: 20px; } img.obteknie { float: left; padding-left: 0px; padding-top: 5px; padding-bottom: 7px; padding-right: 10px; } p { font-family: Arial; font-size: 0.75em; color: #545454; padding-bottom: 10px; } h1 { font-family: Arial; font-size: 1.0em; font-weight: bold; color: #009bcd; padding-bottom: 5px; } вот код страницы: <div id="cont3"> <h1><a href="#">Название ссылки</a></h1> <a href="#" alt="Подробнее" title="Подробнее"> <img class="obteknie" src="kartinko.jpg" width="100" height="150"> </a> <p>Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст <a href="#" alt="подробнее" title="подробнее"><img src="images/next.jpg"> </a> </p> </div> <div style="clear: both;"></div> <div style="height: 15px;"> </div> Плиз, подскажите в чем моя ошибка, как поправить код, чтобы картинку не срезало, а контейнер растягивался по высоте картинки или когда много текста?
-
значит решения нет!
-
и как быть?
-
ни кто не подскажет
-
Такая ситуация, есть сайт у него такой доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> Есть таблица, завернутая в другую ячейку таблицы: <td> <table width="100%" height="100%"> <tr> <td valign="top">инфа1</td> </tr> <tr> <td valign="bottom">инфа2</td> </tr> </table> </td> Проблема в том что не могу растянуть по высоте эту таблицу и выравнить по нижнему краю (valign="bottom") инфу2. Подскажите, плиз, как это побороть не меняя данный доктайп?
-
нет
-
Подскажите плиз, забыл как побороть это, объянсяю: Есть див, в нем выводится контент, таблица из двух столбцев, в первом текст, во втором картинка: #content { width: 995px; margin: 0 auto; display: block; } проблема в том если вставлять картинку по высоте больше чем текста, то картинка залазит на футер, а див не растягивается вместе с картинкой!
-
Всем доброго утра, посдкажит плиз, ни разу с этим не сталкивался. Есть php скрипт он генерирует листалку новосте на сайте типа < 1 2 3 4 ... > С помощью какого скрипта и как сделать чтобы при нажатии на клавиатуер CTRL+стелка вправо(влево) работало пролистование?
-
не получится, выводится текст из БД, он сразу заключен в <p> , как без обтекания обойтись, есть другой способ?
-
Есть такая строчка к примеру кода: Текст текст<a href="#"><img src="next.jpg"></a> Подскажите плиз css, как сделать так чтобы ссылка (картинка) и текст были в одну строчку?
-
ul.menu a:hover { background: url(images/bg3.jpg) 0 0 repeat-x; margin: 0 -1px; color: #695737; font-weight: bold; border-left: 2px solid #333; border-right: 2px solid #333; z-index: 2; как бы здесь вместо правого и левого border прижать две картинки к этим двум краям? а то эти картинки в градиенте и шириной 2 пикселя
-
у меня есть картинка в два пикселя шириной и 7 пикселей высотой, её нужно поставить между блоками меню вертикали по центру - это показано на рисунке стрелочкой с цифрой 2 (но когда hover, нужно чтобы эта картинка исчезали) и есть ещё одна картинка в два пикселя шириной и 32 высотой, вот её нужно встаить справа и слева от блока при hover внутри. а если точней вот рисунок:
-
чот я не соображу как это сделать
-
спасибо, за хороший пример, но не знаю как делать другое, гляньте плиз 7 сообщение
-
не пойму как сделать это: 1) как при hover по бокам блока справа и слева по высоте растянуть градиент в 2 пикселя? 2) как между списками поставить разделитель между блоками в виде такой картинки и выравнить по вертикали по центру? #menu_header1 { width: 100%; height: 32px; background: url(images/bg2.jpg) top left repeat-x; text-align: center; } #menu_header2 { text-align: center; cursor: pointer; padding:0; } #menu_header2 li { width: 10%; float: left; } #menu_header2 li a { display: block; padding: 8px 0; text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2, li a:hover { display: block; background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;*/ }
-
делал, так,но чот не то выходит: Все гуд, забыл в li a это: display: block; теперь работет, но не совсем так, здесь теперь если наводишь на текст тогда только ссылка действует и блок заливается зеленым градиентом, а нужно чтобы ссылка была активна при наведении на блок а не только текст ссылки? И в ИЕ один косячек, в конце всего списка, когда активно последнее меню, то спрва просвет в один пиксель.
-
спасибо, вроде получилось: #menu_header1 { width: 100%; height: 32px; display: block; background: url(images/bg2.jpg) top left repeat-x; } #menu_header2 { text-align: center; cursor: pointer; } #menu_header2 li { width: 10%; float: left; padding: 0 0; } #menu_header2 li a { text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2 li a:hover { background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;*/ } Но теперь непонятно как текст выравнить по центру вертикали, и чтобы как на рисунке в первом посте при hover была оранжевая заливка в ширину и высоту этого блока?
-
искал в сети решения, не нашел
-
Сделал горизонтальное меню с помощью списка li, но не пойму как его растянуть под 100% родительского блока и между каждым меню сделать границы в виде рисунка: #menu_header1 { height: 32px; display: block; background: url(images/bg2.jpg) top left repeat-x; } #menu_header2 { width: 991px; text-align: center; cursor: pointer; } #menu_header2 li { float: left; padding: 0 0; } #menu_header2 li a { float: left; padding: 8px 50px; text-decoration: none; color: #695737; font-family: Tahoma; font-size: 0.8em; font-weight: lighter; } #menu_header2 li a:hover { background: url(images/bg3.jpg) top center repeat-x; color: #695737; /*font-weight: bold;*/ }
-
http://blog.html.it/layoutgala/LayoutGala07.html
-
вот css, блочная верстка по центру, фиксированной ширины: html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7pre,code,form,fieldset,legen d ,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } #container { width: 900px; margin: 0 auto; } #header { height: 226px; margin: 0; background: url(images/bg1.gif) repeat-x; } #wrapper { float: left; width: 100%; } #content { margin: 0 150px; } #navigation { float: left; width: 150px; margin-left: -900px; background: #B9CAFF; } #right-block { float: left; width: 150px; margin-left: -150px; background: #FF8539; } #footer { clear: left; width: 100%; background: #ff0000; } как теперь бы растянуть контейнер по высоте, а нижний футер прижать к низу, и чтобы между футером и контейнером был отступ (и работало во всех браузерах)?
-
Это понятно что фоном эта картинка в инпуте, а мне нужно рдом, чтобы она ещё нажималась