Jump to content

Dokea

Newbie
  • Posts

    10
  • Joined

  • Last visited

Dokea's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Касаемо первого, тут спорить не буду. Так как я сам не работал с данным свойством, но читал о нём в каких-то блогах, то есть инфа у меня не проверенная лично. Тут извиняйте. =) А вот касаемо второго, категорически не согласен. То что Вы или я ещё не знаем решения, не значит что оно вообще не возможно. UPD, кажется неплохая ссылка (не встречал ранее такой пример). Большое спасибо, сейчас приступлю к изучению)))
  2. По поводу clip мне известно. Кроме того, что оно квадратное, оно ещё и не везде корректно работает. Да, я имею ввиду маску, как в Photoshop или Flash или в том же inDesign. Именно такой тип маски. То что нет ОЧЕВИДНОГО решения, я и сам знаю. Иначе бы не спрашивал. Может кто из опытных товарищей сталкивался с такой задачей. Те же углы у превью при условии сложного фона.
  3. Если говорить только о верстке (не о дизайне), то хорошая верстка = идентичная графическому макету в любых случаях. Что для этого нужно: Любую верстку прогоняете через w3c до достижения 100% (x)HTML и 95-100% CSS. Затем тестируете в браузерах Safari, IE 6,7,8, Opera, Firefox, Chrome. И исправляете всё до того момента, пока сайт не станет полностью идентичен во всех этих браузерах. Этого вполне достаточно, но это всегда объемная по времени и труду работа.
  4. Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом. Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.
  5. Помогите пожалуйста решить проблему с 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; }
  6. Уф!! Решил вопрос. Вначале посмотрел исходники меню, а там их с десяток. Чуть ум не поломал. В итоге сделал так: <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> И всё работает.
  7. getURL('java script:onmouseover("document.getElementById('box').style.zIndex = 500(document.getElementById('box').style.zIndex) + 1");'); Путем гугления составилось нечто такое... Буду мучать скрипт, если получится отпишу. Сейчас это как по-китайски.
  8. А можно так сделать, чтобы при наводе на Flash ролик увеличивалась его ширина? Добавлено: пока писал, предложили хорошее решение. Спасибо. Правда всё же придется немного учить Java. Кстати, если кто подскажет, как это проще сделать (java скрипт) - будет очень здорово. Да и другим это поможет, кто с такой сложностью сталкивается.
  9. z-index я естественно пробовал. Даже не вижу смысла спрашивать, если можно найти очевидный ответ, основанный на базовых знаниях. Если у Flash z-index выше, чем у контента - Flash блокирует контент, хотя и прозрачен. Если ниже - пункты меню открываются под контентом и их не видно. Единственная мысль, которая есть - это сделать java скрипт, который при наводе на область контента выносит его вверх. Но это слишком трудоемкое решение, в связи с отсутствием знаний в области java. Да и к тому же неестественное.
  10. Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним. Вот пример: http://e-kao.ru/flash-menu Попробуйте выделить текст рядом с меню. Нужно сделать так, чтобы Flash оставался прозрачным, пункты меню раскрывались над контентом, но и сам контент был доступен для клика. В принципе, сам текст не так важен, но когда под блоком с flash находится ссылка и на нее нельзя кликнуть - очень обидно. При этом в IE все отлично работает. И меню активируется и контент доступен. Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy