Spamol

Я перед натяжкой смотрел там были не существенные ошибки и хаки для старых ослов, после натяжки слаед еще подкинул ошибок... Ява скрипт не знаю, исправте код, так как брал его из нета) Не помогло, в фф тоже самое бесдейтвие и не только меню, но все остальные ссылки тоже!

Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5</a></li> </ul> </li> </ul> CSS ul#cssmenu { width:960px; margin: 0; margin-top:-55px; margin-left:24px; border: 0 none; padding: 0; list-style: none; height: 57px; } ul#cssmenu li { margin: 0; border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 30px; } ul#cssmenu ul { margin: 0; border:1px solid #6f6433; padding: 0; width: 136px; list-style: none; display: none; position: absolute; top: 35px; left: 0; background-color:#000; } ul#cssmenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#cssmenu ul li { width: 136px; float: left; display: block !important; display: inline; } /* Menu Main */ ul#cssmenu li a { border: 0px; padding: 0 1px; float: none !important; float: left; display: block; background:url(images/bg_menu.gif) center no-repeat; color: #572500; font-size:13px; line-height:28px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration: none; text-align:center; height: 57px; width:132px; } /* Main Menu Hover */ ul#cssmenu a:hover,ul#cssmenu li:hover a,ul#cssmenu li.iehover a { border: 0px; padding: 0; padding-top:3px; margin:-3px -2px 0 0; float: none !important; float: left; display: block; background:url(images/bg_menu_hover.gif) center no-repeat; height: 60px; width:136px; } ul#cssmenu a:focus{ border: 0px; padding: 0; padding-top:3px; margin:-3px -2px 0 0; float: none !important; float: left; display: block; background:url(images/bg_menu_focus.gif) center no-repeat; height: 60px; width:136px; } /* Second Menu */ ul#cssmenu li:hover li a,ul#cssmenu li.iehover li a { background:none; float: none; color: #fcdd77; font-size:11px; text-align:left; padding-left:15px; width:136px; height:25px; text-decoration:underline; } /* Second Menu Hover */ ul#cssmenu li:hover li a:hover,ul#cssmenu li:hover li:hover a,ul#cssmenu li.iehover li a:hover,ul#cssmenu li.iehover li.iehover a { text-decoration:underline; } ul#cssmenu ul li:hover{ background-color:#40371e; } ul#cssmenu ul ul { display: none; position: absolute; top: 0; left: 170px; } ul#cssmenu li:hover ul ul,ul#cssmenu li.iehover ul ul { display: none; } ul#cssmenu li:hover ul,ul#cssmenu ul li:hover ul,ul#cssmenu li.iehover ul,ul#cssmenu ul li.iehover ul { display: block; } Еще используется небольшой хак для IE 6.0 <script> function cssmenuhover() { if(!document.getElementById("cssmenu")) return; var lis = document.getElementById("cssmenu").getElementsByTagName("LI"); for (var i=0;i<lis.length;i++) { lis[i].onmouseover=function(){this.className+=" iehover";} lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");} } } if (window.attachEvent) window.attachEvent("onload", cssmenuhover); </script> 2. Сайт в FF выглядеть нормально, но не работает не одна ссылка и меню, как будто сайте является картинкой, в чем может быть проблемма?

Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит! Вот код меню HTML <div id="nav"> <ul> <li><a href="<?php echo get_settings('home'); ?>">Главная</a></li> <li><a href="#">О компании</a> <ul class="submenu1"> <li><a href="http://cnet.com">Ремонт квартир</a></li> <li><a href="http://mashable.com">Ремонт ванной</a></li> <li><a href="http://techcrunch.com">Ремонт офиса</a></li> <li><a href="http://cnet.com">Рмонт коттеджа</a></li> <li><a href="http://mashable.com">возведение коттеджа</a></li> <li><a href="http://techcrunch.com">постройка коттеджа</a></li> <li><a href="http://techcrunch.com">строительство коттеджа</a></li> </ul> </li> <li><a href="#">Виды работ</a></li> <li><a href="#">Цены</a></li> <li><a href="#">Фотогалерея</a></li> </ul> </div> CSS #nav{ width:717px; height:32px; line-height:32px; padding:0; margin-top:16px; margin-left:-2px; font-size:12px; text-transform:uppercase; position:relative; z-index:2; } #nav a:hover{ border:none; } #nav ul, #nav ul li { margin:0; padding:0; list-style:none; } #nav ul li{ float:left; display:block; width:130px; border-left:1px dotted #c7c790; padding-right:4px; width:138px; } #nav ul li:first-child { border:none; padding-right:4px; width:140px; } #nav ul li a{ background:#e5e974; margin-left:4px; text-align:center; } #nav ul li a:link, #nav ul li a:visited{ color:#424324; font-size:12px; font-weight:bold; text-decoration:none; padding:0 20px 0 6px;; display:block; width:auto; } #nav ul li a:hover{ color:#424324; background:#f4f79f; } #nav ul li ul li{ float:none; display:block; width:100%; border-left:none; padding:0; margin:0; border-bottom:1px dotted #c6c889; } #nav ul li ul li:first-child{ float:none; display:block; background:#f4f79f; width:100%; border-left:none; border-bottom:1px dotted #c6c889; padding:0; margin:0; } #nav ul li ul li a:first-child{ margin-left:-4px; } #nav ul li ul li a{ background:#f4f79f; text-align:left; } #nav ul li ul li a:link, #nav ul li ul li a:visited{ color:#424324; font-size:11px; font-weight:bold; text-decoration:none; padding:0 10px; clear:both; width:auto; } #nav ul li ul li a:hover{ color:#424324; background:#fbfcd2; } .submenu { position: absolute; width: 229px; background: #f4f79f; padding:10px 0 10px 28px; border-top:1px solid #FFF; z-index: 1000; display:none; line-height:26px; } Javascript <script type="text/javascript"> function nav(){ $('div#nav ul li').mouseover(function() { $(this).find('ul:first').show(); }); $('div#nav ul li').mouseleave(function() { $('div#nav ul li ul').hide(); }); $('div#nav ul li ul').mouseleave(function() { $('div#nav ul li ul').hide();; }); }; $(document).ready(function() { nav(); }); </script>

Всем отписавшимся спасибо! Кстати смотрел книги по html в магазинах, не нашел не одну по блочной, везде о div такая инфа "div - это слои и прочая не нужная инфа всего на пол страницы", не видел книги, где див более глубоко рассматривают(

Спасибо, изучу! Но мне кажется этого не будет достаточно(

Как раз нету нужных мне материалов и вообще покажите мне материалы по div верстке, конкретно по позицианированию!

Всем привет! На протяжении длительного времени, я в свободное время изучал html и css, разбирался, что-то верстал. В общем, научился многому (сверстал некоторые не плохие шаблоны для CMS, при переписки смогу показать!), легкие шаблоны сверстаю без проблем. Но сейчас в связи с появлением кучи свободного времени решил заняться версткой в плотную и получать с этого копеечку на оплату интернета и прочей мелочи, но знаний полученных мной не достаточно сейчас, никому не нужен простенький шаблончик, всем подавай сложный и красивый шаб, к тому, же валидный и кроссбраузерный. Нужно больше практики! Но это все лирика, теперь к сути вопроса: Хочу устроиться помощником к какому-нибудь опытному верстальщику, у которого есть постоянные заказы. Чтобы он, если загружен или не успевает, скидывал мне какие-то не очень сложные макеты для верстки и я их верстал, при этом через ICQ или другой месседжер с ним общался и спрашивал совет или как то или иное реализуется. Такие образом я сам научусь верстать кроссбраузерно и валидно сложные макеты и человеку помогу! -Быстро обучаем, усидчив, спокойно реагирую на критику и пытаюсь сразу устранить недочеты! Финансовая часть вопроса: Первые макеты, я готов верстать бесплатно, как бы испытательный срок. Потому что я понимаю, человек будет мне в асе что-то объяснять, отвлекаться и прочее, а мне еще за это и деньги у него просить, это смешно) А потом, если сработаемся и будем продолжать, уже буду делать за деньги, но за небольшие, т.к. новичок! Что умею: - Верстать div&table - Верстать простые шаблоны с минимумом графики - Знаю CSS(могу использовать в 3 вариантах: в отдельном файле, в head и в смешанном варианте) Хочу научится: - Верстать сложные шаблоны (позиционирование, z-index(был уже опыт), много графических элементов) - Верстать кроссбраузерно (вкл. ie 6) без хаков! - Верстать валидно(научится соблюдать хоть какие-то правило во время самой верстки, чтобы потом не сидеть и не править 1000 ошибок валидатора) Связь ЛС тут или в аське 1два4-два5-три5, завтро после обеда.... Ну или сам топик! P.S. Если не в тот раздел опубликовал, поправьте)

Int, Ага, понил, спасибо. Можете еще привести пример проверки, не выводилось ли еще такой билет!

Привет всем, вообще я немного знаю PHP, на уровни реализации новостного скриптика, так вот, есть категории, и новости в них, добавления новостей или статей через простейшую админку. То есть без регистрации и без чего-то более сложного. В общем азы знаю, массивы, запросы к БД, условия, циклы...... В общем в связи с посещением автошколы, захотелось создать скриптик похожий, как на gai.ru(онлайн экзамен ПДД) и вот хочу у вас по ходу написания консультироваться в этой теме. И перед началом хочу спросить, как реализовать ключевой момент, то есть выбираешь категорию вопросов, и начинают выводиться в уникальном порядке (чтобы все время по разному, а не по порядку, как в базе) вопросы, далее выбираешь вариант вопроса, если правильно то следующий выводиться, если нет, вылезает комментарий) Думаю, расписал для начала понятно, если что спрашиваете, объясню более детально. Очень хочется что-то своё написать + опыт в программирование)

Не плохо, только "header" не нравиться.... Кстати вопросик, с нуля верстал для ВП или изменял существующую?

Это реализуется так: Делаем пометку на тексте: <p id="имя абзаца">Нужный текст, к которому приведет ссылка</p> Делаем саму ссылку: <a href="#имя абзаца(к которому прописываем ссылку)">Название ссылки</a>

Тут все подробно разобранно и именно то что тебе нужно.... Реализация достаточно запутанная, потому рекомендую использовать тебе табличную верстку, тем более ты её сделал!

Vlad, Такой вопрос, добавил к блоку атрибут , все хорошо когда масштаб в IE 7.0 стоит 100% и больше, но если выставляешь 75% и меньше, то этот атрибут перестает работать, хотя может и не перестаёт, но пропадает его функция визуально!

Скопируй свой полноценный сайт в подпапку с именем pda.your_sait.ru и просто в файле темы удали все изображение, также можешь размер самой страницы сделать фиксированый и поменьше и конечно в файле стилей(CSS) для этой темы сделай попроще(т.е. как меньше цветов, чтобы на маленьком экране не напрягало)... Это конечно для CMS Если у тебя статический - тогда придеться полазить по коду и поудалять картинки, а про CSS тоже самое! P.S. Это на мой взгляд самый легкий вариант для новичка, если ты уже опытный есть много более сложных вариаций твоей идеи!

Не знаю, но что-то в этом есть, если считать что делал новичок, хорошо, но я бы сделал размер шрифта горизонтальных менюшек сверху и внизу меньше, ди и сам шрифт сделал бы поинтереснее, подстать сайту!

Нижний скролл появляется не только в "лисичке", но и в EI 7.0 - надо полагать это из-за флешь меню, которое ОГРОМНОЕ! Так же это даже дизайном назвать нельзя, шапка, флешь-меню и разбивка текста на 2 колонки. Сайт откровенно похож на "однодневку" и я думаю, что желающих заказать диск на нем мягко говоря не будет... Сверстал бы что-то посерьезнее, тем более у тебя сайт статический, и сверстать что-то красивое не составляет труда.. Если знаний мало, тебе подойдет вариант верстки программой Dreamweaver, она верстает таблицами, зато самому в код лазить не надо, все интуитивно понятно.

Извените, кого ввел в заблуждение, вчера был напряженный день и к вечеру вообще не чего не соображал, сегодня к вечеру попробую сделать рабочий вариант, как на скрине у топикстартера! Vlad, Поработал с приведенным вами кодом(который по ссылке), что похожее, но все рано не то, стало самому интересно - не могли бы вы привести конкретный код по сабжу?

Возможно я что-то не понил или просто ошибусь(позно уже), но по моему так: CSS #block1{ width: 100%; height: 100% } #block2{ width: 100%; height: 100% } #block3{ width: 100%; height: 100% } HTML <div id="block1">Содержание левого блока</div> <div id="block2">Содержание среднего блока</div> <div id="block3">Содержание правого блока</div>

Вот такой готовый вариан(меню в сером стиле) CSS #content { background: #f3f3f3; border: 1px solid #9C9C9C; margin: 0 auto; width: 800px; } #pages li { display: inline; list-style-type: none; } #pages ul, ol { margin: 0; padding: 0; } #pages a { background: #b8b8b6; color: #dbdbdb; font-weight: bold; margin: 0 3px 0 0; padding: 6px 10px; } #pages a:hover { background: #a4a4a3; color: #0f41b3; } .current_page_item a, .current_page_item a:hover { background: #a4a4a3 !important; color: 0f41b3 !important; } HTML <div id="content"> <div id="pages"> <ul> <li><a href="Ссылка">Название ссылки</a></li> <li><a href="Ссылка2">Название ссылки</a></li> </ul> </div></div> Вроде так, нету времени пробовать!

Можно например у кнопки после клика сделать беграунд цветом беграунда на фоне которого расположена это кнопка и чтобы пока выбрана эта ссылка фон кнопки не менялся.... Если не понятно - могу предоставить фрагмент css-кода!

А ты в каком смотришь 6.0? У меня в 7.0 все нормально!

На первый взгляд выглядит правильно и технично, но надо поковырять самому.... хотя IE 6.0 вообще капризный( В IE 7.0 все ровно отображаеться?

Думаю для начала, такому новичку в этом деле надо попрактиковаться на бесплатном, зачем деньги зря тратить, благо сейчас есть не плохие бесплатный хостинги, т.ч. если автор темы вернеться к нам - то нужно будет накидать план

Дам совет, или действительнно воспользуйся готовым вариантом, благо их много... Или выучи язык(PHP) как я.. Я думаю это самый легкий способ - я просто прошел видео-курс по PHP от Евгения Попова и могу сказать, чтобы не говорили типо не поймете не чего и не усвоите, я его почти полностью прошел и уже просто сайт с формами и прочими вкусностями могу легко сделать... Мало того ты вместе с ним в уроке будешь делать 2 достаточно сложных(для новичка) движка с нуля))) Дерзай, удачи!