Dokea
-
Posts
10 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Dokea
-
Касаемо первого, тут спорить не буду. Так как я сам не работал с данным свойством, но читал о нём в каких-то блогах, то есть инфа у меня не проверенная лично. Тут извиняйте. =) А вот касаемо второго, категорически не согласен. То что Вы или я ещё не знаем решения, не значит что оно вообще не возможно. UPD, кажется неплохая ссылка (не встречал ранее такой пример). Большое спасибо, сейчас приступлю к изучению)))
-
По поводу clip мне известно. Кроме того, что оно квадратное, оно ещё и не везде корректно работает. Да, я имею ввиду маску, как в Photoshop или Flash или в том же inDesign. Именно такой тип маски. То что нет ОЧЕВИДНОГО решения, я и сам знаю. Иначе бы не спрашивал. Может кто из опытных товарищей сталкивался с такой задачей. Те же углы у превью при условии сложного фона.
-
Если говорить только о верстке (не о дизайне), то хорошая верстка = идентичная графическому макету в любых случаях. Что для этого нужно: Любую верстку прогоняете через w3c до достижения 100% (x)HTML и 95-100% CSS. Затем тестируете в браузерах Safari, IE 6,7,8, Opera, Firefox, Chrome. И исправляете всё до того момента, пока сайт не станет полностью идентичен во всех этих браузерах. Этого вполне достаточно, но это всегда объемная по времени и труду работа.
-
Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом. Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.
-
Помогите пожалуйста решить проблему с IE 5.5 - 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"> <head>.</head> <body> <div id="wrapper"> <div id="minHeight"></div> <div id="outer"> <div id="logo">.</div> <div id="inner"> <div id="left"> <div id="left-inner"> <div id="sidebar"> <div id="mainmenu">.</div> <div id="search">.</div> <div id="news">.</div> </div> </div> </div> <div id="right"> <div id="right-inner"> <div id="content"> <div class="post"> Контент. </div> </div> </div> </div> <div id="clearfooter"></div> <div id="header">.</div> <div id="anons">.</div> </div> <br style="clear:both;height:0;font-size: 1px" /> <div id="footer">.</div> </div> </div> </div> </body> </html> html{ height:100%; margin:0; padding:0 } html,body { padding:0; margin:0; background-color: #faf7ec; font-size: 11px; font-family: "Trebuchet MS", verdana, sans-serif; } body{ text-align:left; min-width:982px; background-color: #faf7ec; height:100%; } #mainmenu{ position: absolute; top:330px; left:70px; font-family: Arial; font-size: 10px; outline-style: none; outline-width: 0pt; } #outer{ height:99.9%; min-height:100%; width:982px; text-align:left; margin:auto; position:relative; overflow:visible; } * html #outer{ width:982px } html>body #outer{ height:auto; } #inner{ width:100%; padding-top:304px; } #header{ position:absolute; top:0px; left:0px; width:982px; height:304px; z-index:10; } #footer { color: #ffffff; width:982px; clear:both; height:24px; text-align:left; left:0px; bottom:0px; position: absolute; } * html #footer{ margin-bottom:-1px } * html #outer, * html #header {width:780px} * html #footer { height:82px; } #left { width:252px; height:546px; float:left; z-index: 55; } #left-inner { width: 178px; padding-left: 25px; text-align: left; color: #ffffff; } #right { position:relative; width:730px; float:left; } #right-inner { text-align: left; padding-left: 8px; padding-right: 27px; } #clearfooter { width:100%; height:24px; clear:both; } /* to clear footer */ #content { padding-bottom: 7px; } #anons{ position:absolute; top:0px; left:237px; width:745px; height:304px; z-index:20; } html>body #minHeight{ float:left; width:0px; height:100%; margin-bottom:-82px; }
-
Уф!! Решил вопрос. Вначале посмотрел исходники меню, а там их с десяток. Чуть ум не поломал. В итоге сделал так: <span onmouseover="document.getElementById('mainmenu').style.zIndex = Number(document.getElementById('mainmenu').style.zIndex) + 2000" onmouseout="document.getElementById('mainmenu').style.zIndex = Number(document.getElementById('mainmenu').style.zIndex) - 2000"> <div id="mainmenu" > Меню </div> </span> И всё работает.
-
getURL('java script:onmouseover("document.getElementById('box').style.zIndex = 500(document.getElementById('box').style.zIndex) + 1");'); Путем гугления составилось нечто такое... Буду мучать скрипт, если получится отпишу. Сейчас это как по-китайски.
-
А можно так сделать, чтобы при наводе на Flash ролик увеличивалась его ширина? Добавлено: пока писал, предложили хорошее решение. Спасибо. Правда всё же придется немного учить Java. Кстати, если кто подскажет, как это проще сделать (java скрипт) - будет очень здорово. Да и другим это поможет, кто с такой сложностью сталкивается.
-
z-index я естественно пробовал. Даже не вижу смысла спрашивать, если можно найти очевидный ответ, основанный на базовых знаниях. Если у Flash z-index выше, чем у контента - Flash блокирует контент, хотя и прозрачен. Если ниже - пункты меню открываются под контентом и их не видно. Единственная мысль, которая есть - это сделать java скрипт, который при наводе на область контента выносит его вверх. Но это слишком трудоемкое решение, в связи с отсутствием знаний в области java. Да и к тому же неестественное.
-
Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним. Вот пример: http://e-kao.ru/flash-menu Попробуйте выделить текст рядом с меню. Нужно сделать так, чтобы Flash оставался прозрачным, пункты меню раскрывались над контентом, но и сам контент был доступен для клика. В принципе, сам текст не так важен, но когда под блоком с flash находится ссылка и на нее нельзя кликнуть - очень обидно. При этом в IE все отлично работает. И меню активируется и контент доступен. Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?