next
-
Posts
8 -
Joined
-
Last visited
next's Achievements
Explorer (1/14)
0
Reputation
-
иожно поподробнее?)
-
не помогло))) я дивы убрал в ссылках, а в самих ссылках добавил id) получилоь тоже самое только без дивов
-
id Menu это темно серая полсочка, а сами дивы, ссылки ни в че не заключены они в диве меню(темно серая полоска) стоят. так в меню именно маргин ставить??? Оо дык они не выравниваются все равно по центру. ибо они же отдельно)
-
Здравствуйте Всем, верстаю макетик свой. В общем такая проблема. меню состоит из картинок расположенных в ряд одноц линией. каждая картинка заключена в див, по горизонтали я их поставил , а вот как, теперь делать итак, что бы они были еше и по центру. спасибо. вот код html и css <!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> <title>MK</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name ="title" content=""/> <meta name="description" content=""/> <meta name="keywords" content=""/> <link rel="icon" href="/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(function() { if ($.browser.msie && $.browser.version.substr(0,1)<7) { $('.tooltip').mouseover(function(){ $(this).children('span').show(); }).mouseout(function(){ $(this).children('span').hide(); }) } }); </script> </head> <body> <div id="menu"> <a href="#" class="tooltip" ><div id="home"></div> <span>Главная страница</span></a> <a href="#" class="tooltip"><div id="blog"></div><span>Личный блог,мысли</span></a> <a href="#" class="tooltip"><div id="port"></div><span>Портфолио</span></a> <a href="#" class="tooltip"><div id="serv"></div><span>Услуги</span></a> <a href="#" class="tooltip"><div id="contact"></div><span>Контакты</span></a> <a href="#" class="tooltip"><div id="forum"></div><span>Форум</span></a> </div> <div id="logo"></div> </body> </html> * { margin: 0; padding: 0; border: 0; } @font-face { font-family: 'Europe'; src: url('f/europe-webfont.eot'); /* IE 5-8 */ src: url('f/europe-webfont.eot?#iefix') format('eot'), /* IE 5-8 */ url('f/europe-webfont.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */ url('f/europe-webfont.ttf') format('truetype'), /* Opera, Safari */ url('f/europe-webfont.svg#webfonthfBX5nKD') format('svg'); /* iOS */ font-weight: normal; font-style: normal; } body { background: url('i/bg2.jpg'); font-family: Europe , sans-serif; } #logo { background: url('i/logo.png'); width: 315px; height: 311px; margin: auto; margin-bottom: 10px; z-index:10; } #menu { margin-top: 0px; background: url('i/bg_menu.jpg'); min-width: 1024px; width: 100%; height: 50px; z-index: -1; } /** * Иконки меню не знаю зачем это пишу, наверно, что бы запомнить лучше..э.. */ #home { float: left; background: url('i/menu/home.png'); width: 38px; height: 50px; margin-right: 20px; } #blog { float: left; background: url('i/menu/blog.png'); width: 38px; height: 50px; margin-right: 20px; } #port { float: left; background: url('i/menu/port.png'); width: 42px; height: 50px; margin-right: 20px; } #serv { float: left; background: url('i/menu/services.png'); width: 32px; height: 50px; margin-right: 20px; } #price { float: left; background: url('i/menu/price.png'); width: 31px; height: 45px; margin-right: 20px; } #contact { float: left; background: url('i/menu/cont.png'); width: 42px; height: 45px; margin-right: 20px; } #forum { float: left; background: url('i/menu/forum.png'); width: 42px; height: 50px; margin-right: 20px; } /** * Стили подсказок епта, при наведении мышки еще */ .tooltip { position: relative; cursor:default; display:inline; text-decoration: none; color: #222; outline: none; } .tooltip span { text-align: center; visibility: hidden; position: absolute; bottom: -100px; left: 50%; z-index: 999; width: 230px; margin-left: -160px; padding: 10px; border: 2px solid #ccc; opacity: .9; background-color: url('i/bg2.jpg'); background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); } .tooltip:hover { border: 0; /* IE6 fix */ word-spacing: 1px; } .tooltip:hover span { word-spacing: 1px; visibility: visible; } вот скрин
-
Здравствуйте, имею аудио плеер, хочу что бы он постоянно находился в нижнем правом углу браузера, то есть если я буду прокручивать сайт, то плеер будет все равно оставаться в правом нижнем углу и будет виден. как это сделать можно, я думаю с div
-
неа*((
-
все равно...
-
Здравствуйте код такой <div id="wrap"> </div> в ксс body { background-color:#000000; } #wrap { min-height: 100%; background: transparent url('img/header-bg.jpg') repeat-x -240% 0; } как убрать вот ети отступы сверху,и по бокам, как будто фон сферху....чо то запутался(