alexander.parphenuyk
-
Posts
45 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by alexander.parphenuyk
-
Проблемы со списками в ие 6-7
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
фиксированная ширина это конечно хорошо =\ ... но это не выход.. так как могут добавляться новые подпункты меню..... кроме фикированной ширины нету больше выхода? ps ну ведь в остальных браузерах всё чётко работает как надо..... даже ie8 уже всё правильно понимает... =( -
Проблемы со списками в ие 6-7
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
Пример выложен тут для работы в ie6 подключаются два скрипта из папки /js но проблемма наблюдается ещё и в ie7 HTML <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menusimple</title> <link href="style.css" rel="stylesheet" type="text/css" /> <!--[if IE 6]> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/dropdown_jquery.js"></script> <![endif]--> </head> <body> <div class="wrapper"> <div class="mainmenu"> <ul class="dropdown"> <li class="mn_firstlvl"><a href="#">aaaaaaa</a></li> <li class="mn_firstlvl"><a class="dir" href="#">b bbbbbbbb</a> <ul> <li><a href="#">text_for_simple</a></li> <li><a href="#">text</a></li> <li><a href="#">text_here</a></li> <li><a href="#">texte</a></li> </ul> </li> <li class="mn_firstlvl"><a class="dir" href="#">c ccccccc</a> <ul> <li><a href="#">text</a></li> <li><a href="#">texton</a></li> </ul> </li> <li class="mn_firstlvl"><a href="#">ddd dd ddddddd</a> </li> <li class="mn_firstlvl"><a class="dir" href="#">eeeeeeeeeeeeeee</a> <ul> <li><a href="#">text_ter_text</a></li> <li><a href="#">text</a></li> </ul> </li> <li class="mn_firstlvl"><a href="#">fffffffff</a></li> <li class="mn_firstlvl"><a class="dir" href="#">jjjjjjj</a> <ul> <li><a href="#">Сотрудники</a></li> <li><a href="#">Адресная информация</a></li> <li><a href="#">Обратная связь</a></li> </ul> </li> </ul> </div> </div> </body> </html> CSS @charset "utf-8"; /*———css reset——————*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-size:12px; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clear{ clear:both; font-size:0px; line-height:0px; } .wrapper { width: 892px; margin: 0 auto; margin-bottom:-51px } .mainmenu { height: 32px; width: 885px; background-image: url(images/menubackground.gif); background-repeat: repeat-x; background-position: left top; } *html .mainmenu { overflow: hidden; } /*———-dropdown——-*/ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; margin:0 24px; } *html ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; margin:0 23px; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index: 598; width: auto; display:inline; background-image: url(images/submenufon.png); } ul.dropdown ul li { float: none; margin-left:0; margin-right:0; /* zoom:1;*/ } *html ul.dropdown ul li:hover { background-color:#c4cbd3; } ul.dropdown ul li a{ color:#FFFFFF; font-size:11px; line-height:14px; white-space: nowrap; font-family:Tahoma; font-weight:bold; text-transform: none; padding:8px 16px; display:block; } *html ul.dropdown ul li a{ width:100%; } ul.dropdown ul li a:hover{ background-color:#c4cbd3; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } .dropdown a { color: #2f7ace; text-decoration: none; font-family: Tahoma; font-size: 11px; font-weight:bold; text-transform: uppercase; } .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } .mn_firstlvl:hover{ background-image: url(images/bluemenuline.gif); } .mn_firstlvl a { line-height:27px; } -
Проблемы со списками в ие 6-7
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
Не, проблемный кусок то я выложу.. просто реальный макет никаму показывать неохото.... суть проблемы я сюда выложу.... обещаю.... =) просто в другом внешнем оформлении... -
прихожу с работы, включаю комп... ухожу кушать..... прихожу.... и о чудо!.....всё загрузилось =)
-
Проблемы со списками в ие 6-7
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
Скинул тебе в личку... -
Проблемы со списками в ие 6-7
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
=\ тож непомогает... он строку <li> получается не растягивает на всю ширину <ul> -
Проблемы со списками в ие 6-7
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
не помогло =( -
Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index: 598; width: auto; background-image: url(images/submenufon.png); } ul.dropdown ul li { float: none; display:inline; margin-left:0; margin-right:0; } *html ul.dropdown ul li:hover { background-color:#c4cbd3; } ul.dropdown ul li a{ color:#FFFFFF; font-size:11px; line-height:14px; white-space: nowrap; font-family:Tahoma; font-weight:bold; text-transform: none; padding:8px 16px; display:block; } *html ul.dropdown ul li a{ width:100%; } ul.dropdown ul li a:hover{ background-color:#c4cbd3; } и в ie 6-7 при наведении на выпадающий пункт меню.... ховерная смена фона срабатывает не на всю длинну а только на ширину текста и падднги =\ а надо так: помогите кто может =\
-
Редиректы на якорные ссылки в .htaccess ?
alexander.parphenuyk replied to alexander.parphenuyk's question in PHP
Кароч разобрался...... в конце редиректа надо прописать флаг: [L,NE] и всё работает... каму нада пользуйте, топик можно закрывать. =) -
Проблема такая: В .htaccess прописываю редиректы, на обычные ссылки всё работает.. а на якоря нехочет.... может можно как-то заменить # чтобы ссылка работала? зы. %23 \# Пробовал.. не работает =/
-
не... тут не в мощности компа дело..... вот почему на MooTools есть аккордеоны каторые работают красивенько? а на jQuery плоховато =/
-
Ну вот заметтье... при переключении 2 и 3 пункта этого аккордеона... 4 пункт подскакивает.. =( неприемлимо ((
-
Добрый день! Не могли бы вы мне подсказать.... хороший аккордеон на jQuery, важно чтобы он не дёргался при открывании и закрывании... а работал плавно во всех браузерах включая IE6... Ищу, ищу.. а найти никак не могу
-
min и max width одновременно...
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
О благодарствую тебе придобрейший! Работает как швейцарские часы... ! -
Пробовал экспрешены и вынесеные в js скрипты... когда сужаю браузер до min-width он зависает... не зависимо от того что использовать.. экспрешен в css или вынесенные в JS..... чем ВЫ лечите такую проблеммуу?
-
Вертикальное выравнивание внутри дива.
alexander.parphenuyk replied to Semreg's question in HTML Coding
alexander.parphenuyk, а в твоем примере чето я не разобрался... Как-то он глючно работает и не кросбраузерно. Может что то не там я вставлял чёта я сам гдето прое$ся где-то тут.... Ну хотябы попытался помоч.... ну с картинками внутри работает... вроде бы... -
Вертикальное выравнивание внутри дива.
alexander.parphenuyk replied to Semreg's question in HTML Coding
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} /*————————————————————————————————*/ .case{ width:120px; height:250px; display:table-cell; vertical-align:middle; overflow:hidden; background-color:#FFFFCC;} /*——- это для удобства можно вынести в IEшный стиль.. как делаю я..——*/ *html .case span { display: inline-block; height: 100%; } *html .case { display: block; } *html .case * { vertical-align: middle; } /*————————————————————————————————*/ .element{ width:40px; height:40px; background-color:#666666; margin:0 auto;}/*- вертикально выравнивается как ты хотел....-*/ </style> </head> <body> <div class="case"><span></span><div class="element"></div></div> </body> </html> -
Нижняя граница строки в таблице фоном....
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
Главное чё?! Главное что работает! -
Нижняя граница строки в таблице фоном....
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
о! ёпт... гениально... хех..... пасиба! -
Хочу сделать нижнюю границу у строки в таблице фоном...... <table cellspacing="0" cellpadding="0" class="table_propetis"> <tr style="background-image: url(images/newsbuttomline.png); background-position: left bottom; background-repeat: repeat-x;"> <td class="table_propetis_param">Вес</td> <td class="table_propetis_value">5 кТн</td> </tr> </table> везде всё чётко...... а IE эту самую нижнюю границу не отображает (((
-
Я бы посоветовал пользоваться этим инструментом: http://www.1c-bitrix.ru/download/vmbitrix.php
-
Как сделать такой каркас...
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
фон блоков не нужен, я его для наглядности показал... на самом деле фон везде одинаковый... просто как бы так сделать чтобы ссылка выравнивалась по правому краю в зависимости от красных блоков... Ещё такой момент что когда в div.sub_container вставляешь ссылку, тогда красные блоки опускаются под ней на чучуть... а зелёный флоатятся влево неправильно... (упираются в этот чучуть) =( убрал, флоат и оверфлоу.... получилось что ссылка едет до конца вправо ( -
Надо сделать такой каркас: (показан в двух примерах, чтобы было понятнее в чём суть) есть блоки одного типа... (красненькие) надо чтобы ССЫЛКА>> ездила вправо.. в зависимости от их количества... и есть блоки другого типа (зелёненькие) они на ссылку никак не действуют... но они должны добавляться в общий поток квадратиков.... div.container - резиновый... расширяется в зависимости от ширины окна броузера... соответственно должно увеличиваться(уменьшаться) количество блоков в одной строке.... не могу придумать как это реализовать ((( может поможете...
-
Transitional и Strict xHTML 1.0
alexander.parphenuyk replied to alexander.parphenuyk's question in HTML Coding
нет( вы знаете это видимо не из за этого (( пробовал делать выравнивание bottom, непомогло как то ((( в переходном всё ок а в стрикте появляется ((( -
Народ, такой вопосик: Стоит в документе переходной стиль...... Во всех броузерах всё отображается абсолютно правильно.... ставлю строгий стиль.... FF смещает вниз некаторые блоки на 2px Safari, Chrom смещает вниз некаторые блоки на 1px Opera, Ie - всё отображается нормально..... ктонибудь сталкивался....?