Demoni
-
Posts
12 -
Joined
-
Last visited
Demoni's Achievements
Explorer (1/14)
0
Reputation
-
Типа для приложений?
-
Задался тут вопросом, а что же семантичнее при построении главного меню сайта? Тег "menu" или тег "nav"? Полазил по w3c, толком ответа не нашел, из тех кто уже на html5 пишет, кто что юзает?
-
Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно: При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок. Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/
-
Там я ответа не нашел нормального... =( Вообще если по простому, то вот, все наглядно и без усложнений: http://jsfiddle.net/LMRNy/3/
-
Да спасибо помогло. Сама проблема собственно во в чём (http://vizastil.ru/index.php/decorating.html) Есть левый div и правый (через float: left и right), после них идет футер. Как добиться слойности при таком подходе, если контент имеет фиксированную ширину, а оба div'а не помещаются (т.е. 2й переноситься на новую строку), при задании position: relative нечего не происходит, при других позиционированиях футер прыгает вверх. Тянуть футер должны оба блока а не один, так как правый не всегда растянут во высоту. П.С. Если задавать position: relative и двигать bottom'ом, то отступ все равно остается.
-
Вот такая проблема. Когда я подключаю doctype к документу, то слойность перестает работать (в частности мне необходимо с использованием position:relative). Без него же (т.е. просто <html> <head></head> <body></body> </html>) слои работают. Неужели "стандарты" не работают со слоями? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> Слой 1 наверху <div style="position:relative; font-size:50px; z-index:2; color: navy">Слой 1</div> <div style="position:relative; top:-55; left:5; color:orange; font-size:80px; z-index:1">Слой 2</div> Слой 2 наверху <div style="position:relative; font-size:50px; z-index:3; color: navy">Слой 1</div> <div style="position:relative; top:-55; left:5; color:orange; font-size:80px; z-index:4">Слой 2</div> </body> </html>
-
Вариантов больше нету?
-
Убрал, к сожалению без изменений=(
-
Это стиль прописанный к модулю слайдшоу (в админке), он взят в комментарий, так как вскоре его придется разкоментить. Он служит отключением тени у слайдшоу. По каким еще причинам сайт может так глючить?
-
В коде этого нету, не знаю откуда оно берется.
-
Проверил, исправил, эффекта 0
-
Есть сайт http://www.vms-print.ru/ (CMS Joomla 1.5) Проблема: На локальной машине (Денвер) создал шаблон, оптимизировал его в браузерах Opera, FireFox, Chrome, Safari. При переносе на хостинг появился отступ с верху во всех браузерах кроме Opera, а так же в FireFox перестала работать border. Сначало грешил на хостинг) Залил не бесплатный, результат: отступ везде, в FireFox border не работает, в остальных норм. В чём может быть проблема? HTML <?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <head> <jdoc:include type="head" /> <link href="<?php echo $this->baseurl ?>/templates/VMS2/styles.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/VMS2/imagesize.css" type="text/css" /> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/VMS2/js.js"></script> </head> <body> <div id="container"> <div id="header"> <table width="1000" border="0"> <tr> <td align="center"><a border="0" href="http://www.vms-print.ru/"><img border="0" src="<?php echo $this->baseurl ?>/templates/VMS1/img/vms.png" width="142" height="50" /></a></td> <td align="center" width="564"> <table width="564px" border="0"> <tr> <td><a border="0" href="index.php?option=com_content&view=article&id=8&Itemid=2"><img border="0" src="<?php echo $this->baseurl ?>/templates/VMS2/img/menu_01.gif" width="152" height="31" /></a></td> <td><a border="0" href="index.php?option=com_content&view=article&id=6&Itemid=3"><img border="0" src="<?php echo $this->baseurl ?>/templates/VMS2/img/menu_02.jpg" width="110" height="31" /></a></td> <td><a border="0" href="index.php?option=com_content&view=article&id=9&Itemid=4"><img border="0" src="<?php echo $this->baseurl ?>/templates/VMS2/img/menu_03.gif" width="147" height="31" /></a></td> <td><a border="0" href="index.php?option=com_content&view=article&id=7&Itemid=5"><img border="0" src="<?php echo $this->baseurl ?>/templates/VMS2/img/menu_04.gif" width="155" height="31" /></a></td> </tr> </table> </td> <td align="center"><a border="0" href="index.php?option=com_content&view=article&id=6&Itemid=3"><img border="0" src="<?php echo $this->baseurl ?>/templates/VMS2/img/tel.jpg" width="179" height="42" /></a></td> </tr> </table> </div> <table width="1000px" border="0" class="tab"> <tr> <td width="220px" valign="top"> <div id="left"><?php if($this->countModules('left')) : ?> <jdoc:include type="modules" name="left" style="rounded" /> <?php endif; ?> </div> </td> <td style="border-left:1px solid #000; width:0.1px;"> </td> <td width="740px" valign="top"> <div id="right"> <jdoc:include type="component" /> </div> </td> </tr> </table> <div id="footer"> <br> <p class="m"><b>Полиграфическое предприятие ВМС-Принт 2011 | Московская область, г. Подольск, Нефтебазовский проезд, д.6</b></p> </div> </div> </div> </body> </html> CSS body { margin:0; padding:0; } .bg{background: url(img/bg.jpg)} .font{font-family:Verdana; font-weight:bold; font-size:16px; color:#333399;} .size{font-size:15px;} .link{color:#09F;} .otstup{margin-bottom:25px;} #container { margin:auto; padding:0px; width:1000px; } a:hover{color:#F03} #header { margin:0px; padding:0px; background:url(img/headr.jpg) 50% 50% no-repeat; height:67px; width:1000px; } #left{ margin:0px; padding:0px; padding-left:30px; } #right{ margin:0px; padding:0px; width:740px; padding-left:25px;} .tab{ margin-top:50px; margin-bottom:50px; padding:0px; } #footer { background:url(img/footer.jpg) 50% 50% no-repeat; width:1000px; height:44px; width:1000px; height:44px; font-family:Tahoma, Palatino, serif; text-align:center; font-size:12px; } .m{ margin-top:8px; padding:0px; font-family:arial; } .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; } .hovergallery img:hover{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); opacity: 1; } .text {color: #39F; font-size:16px;} .date{color: #3C6; } h3{ font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #666;padding-left: 5px;} ul.menu li ul{ font-family:"Arial Black", Gadget, sans-serif} div.module_menu ul { margin: 10px 0; padding-left: 10px; } /* Ссылки */ div.module_menu a:visited, div.module_menu a:link { color:#333; font-family: Tahoma; font-size:15px; font-weight:bold; text-decoration:none; font-style: normal; } div.module_menu a:hover{ color:#F93; text-decoration:none; font-style: normal; } #current a { color:#36C; } .separator, .mainlevel{ font-weight: bold; color:#039; text-decoration:none; font-size:18px; font-family:Tahoma, Geneva, sans-serif; font-style:italic; } /*Рамка меню*//* #pillmenu a#active_menu-nav { background: url(img/mw_menu_active_bg.png) repeat-x; color: #fff; } div.module_menu { background: url(img/mw_box_br.png) 100% 100% no-repeat; } div.module_menu div { background: url(img/mw_box_bl.png) 0 100% no-repeat; } div.module_menu div div { background: url(img/mw_box_tr.png) 100% 0 no-repeat; } div.module_menu div div div { background: url(img/mw_box_tl.png) 0 0 no-repeat; } */ /*Настройки типа "Список"*/ li { margin-left:-5px; padding-left:-5px; list-style: none;} ul { margin-left:-5px; padding-left:-5px; list-style: none; } div.moduletable_hilite1 a:hover, div.moduletable_hilite1 a:active, div.moduletable_hilite1 a:focus, #active_menu { color: #000000 !important; font-weight: bold; }