Jump to content

Mila

User
  • Posts

    163
  • Joined

  • Last visited

Everything posted by Mila

  1. У меня возникла проблема с реализацией эффекта a:hover. Посмотреть можно на сайте http://juice.fsay.net/ajuice/. Если подвести курсор к нижнему краю топ-меню, можно увидеть мигание фона. Как это можно исправить? Вот html-код: <div class="nav"> <ul> <li><a href="<?php echo get_option('home'); ?>/">Главная</a></li> <li><a href="http://juice.fsay.net/ajuice/o-bloge/">О блоге </a></li> <li><a href="http://juice.fsay.net/ajuice/karta-bloga/">Карта блога</a></li> <li><a href="http://juice.fsay.net/ajuice/contact/">Контакты</a></li> <!-- <?php wp_list_pages('sort_column=menu_order&title_li='); ?> --> </ul> <b class="s1">Site Home</b> <b class="s2">History,resume,ets</b> <b class="s3">Sait map</b> <b class="s4">ICQ,email,post</b> </div> Css: .nav { margin: 65px 0 0 0; padding: 10px 0 0 0; float:right; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .nav ul { margin: 0; padding: 0; } .nav li { margin:0px; padding: 0; list-style-type:none; display:inline; color:#fff; } .nav li a, .nav li a:link, .nav li a:visited, .nav li a:active { font-weight: bold; padding: 8px 20px 21px 20px; text-decoration:none; color:#fff; } .nav li a:hover { font-weight:bold; background:#3E6493; padding: 8px 20px 8px 20px; text-align:center; text-decoration:none; color:#fff; }
  2. Mila

    Валидация

    Спасибо, разобралась. Точнее, валидатор сменил гнев на милость и выдал все ошибки. Теперь не получается разобраться с этими ошибками. Ребята, поможете? 1. Валидатор ругается на "defer" в строке: <script defer type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/pngfix.js"></script> А без этого "defer" скрипт не работает. Что делать? 2. Ошибка: XML Parsing Error: Opening and ending tag mismatch: html line 2 and head т.е. Ошибка разбора XML: открытие и окончание несовпадение тегов: HTML линия 2 и головы Вот код, в котором ошибка: 3. Most likely, you nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p> Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, in HTML the <head> element must contain a <title> child element, lists (ul, ol, dl) require list items (li, or dt, dd), and so on. Т.е. неправильный порядок закрытия тегов или не включение обязательных элементов, в данном случае Валидатор видит вот этот код: <ul id="tab_popular" class="tab_list"> <?php $now = gmdate("Y-m-d H:i:s",time()); $lastmonth = gmdate("Y-m-d H:i:s",gmmktime(date("H"), date("i"), date("s"), date("m")-12,date("d"),date("Y"))); $popularposts = "SELECT ID, post_title, COUNT($wpdb->comments.comment_post_ID) AS 'stammy' FROM $wpdb->posts, $wpdb->comments WHERE comment_approved = '1' AND $wpdb->posts.ID=$wpdb->comments.comment_post_ID AND post_status = 'publish' AND post_date < '$now' AND post_date > '$lastmonth' AND comment_status = 'open' GROUP BY $wpdb->comments.comment_post_ID ORDER BY stammy DESC LIMIT 4"; $posts = $wpdb->get_results($popularposts); $popular = ''; if($posts){ foreach($posts as $post){ $post_title = stripslashes($post->post_title); $guid = get_permalink($post->ID); ?> <li class="popular"> <?php get_image('thumbnail','popular'); ?> <span class='title'><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title2('', '...', true, '25') ?></a></span><br /> <span class='meta'><?php comments_popup_link('Посмотреть комментарии...'); ?></span> </li> <?php } } ?> </ul> Вот так: # <!-- Tab_popular --> # <ul id="tab_popular" class="tab_list"> # # </ul> Т.е. не видит включенных внутрь тегов <li></li> Как переписать этот код, чтобы было правильно? 4. Ошибка: Закрывающий тег </li> при отсутствии открывающего: Проблема в том, что тега </li> там нет: нет в файле и, если посмотреть html-код страницы - его тоже нет. А валидатор, почему-то его видит. Помогите, пожалуйста, исправить - уже всю голову сломала, пытаюсь и так и эдак и все равно выдает ошибки.
  3. Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?
  4. Justnewone, спасибо. Действительно после закрытия кавычки все исправилось. А я проглядела.
  5. Да нет, конечно. Я скормила ему главную страницу сайта. Это я здесь выложила код, потому что править то мне придется именно код. Вот эти строки в html-виде: Кстати, еще на одном сайте валидатор придрался к этому: Типа, неправильное использование атрибута. атрибуты используются в таком виде: Атрибут="значение". Хотя здесь так и есть. И еще 3 разных ошибки в этой строке. Что здесь может быть неправильно, не понимаю. О какой кавычке идет речь?
  6. Проверила сайт валидатором. Нашел 4 ошибки. Я не пойму в чем он видит эти ошибки. Пожалуйста, помогите понять, что же он гад от меня хочет. Ошибки я выделила красным, чтобы понятней было к чему валидатор придирается. Вот сам код, который валидатору не понравился: <meta name="keywords" content="здесь перечень ключевиков /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  7. Great Rash, вы правы. Я не разобралась, скрипт неплохой. К сожалению, в IE7 он дает черную тень. Увы... Нет в мире совершенства.
  8. Спасибо всем, кто пытался помочь. Проблема решена - засунула картинку, которая служит фоном для блока heder_right в страницу без всяких стилей, а текст, который должен быть сверху картинки подняла вверх через отрицательный margin. Не люблю я таких способов, ну да выбора нет.
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. Great Rash, спасибо за ссылки - было интересно почитать. К сожалению, это мне не пргодилось. По 2й ссылке - только уголки без теней, а по 1й - html-код в примерах просто устрашающий. С таким количеством кода и скриптов не нужно - можно одним CSS обойтись.
  11. Не работает. Дело не в расположении блоков и не в обтекании их.
  12. Вот этот - http://www.netzgesta.de/corner/, как я ноняла, только для фото, а не для div. И, к сожалению, я не смогла его настроить.
  13. К сожалению, не получилось. Еще есть варианты?
  14. Rus, а вы сами смотрели то, что выдал Гугл по этому запросу? Там нет никакого генератора, а только ссылки на то, как сделать это все вручную с километровым кодом.
  15. Не могу разбить хедер на блоки. CSS: .header_left { float : left; width : 230px; height : 140px; margin : 0; padding : 0; } .header_center { float : left; width : 370px; height : 140px; margin : 0; padding : 0; } .header_right { float : right; width : 250px; height : 140px; margin : 0; padding : 0; } HTML: <div id="header"> <div class="header_left"> </div> <div class="header_center"></div> <div class="header_right"></div> </div> Проблема возникла с header_right. В IE6 он упорно растягивается на все свободное место на странице. Подскажите, пожалуйста, как заставить блок соответствовать своим размерам?
  16. Очень нужен скрипт или он лайн-генератор создающий эффект закругленных уголков и тени для блока. Если кому-то встречалось такое чудо, подскажите, пожалуйста, где его можно найти. Три дня убила на поиски, так и не нашла ничего похожего. Встречаются скрипты либо круглых уголков либо тени, но такие, чтобы делали то и другое не видела. Буду благодарна за помощь в поиске.
  17. Dimitry, спасибо за разьяснение, теперь все стало понятно. Там тоже был, но вызывал кучу ошибок, с которыми я не знала как справиться, вот и убрала. А теперь поставила, с надеждой, что кто-нибудь поможет с ними разобраться - или не нужно? Насколько, вообще, желателен этот тег?
  18. При проверке валидатором ошибок вылезло еще больше: Line 5, Column 11: there is no attribute "href" . <BASE href="http://gameopen.ru/index.html">'>http://gameopen.ru/index.html"> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. Error Line 5, Column 42: element "BASE" undefined . <BASE href="http://gameopen.ru/index.html"> You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by: * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead). * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case). Error Line 50, Column 6: end tag for "BASE" omitted, but OMITTAG NO was specified . </head> You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 5, Column 0: start tag was here . <BASE href="http://gameopen.ru/index.html">'>http://gameopen.ru/index.html"> Error Line 50, Column 6: end tag for "head" which is not finished . </head> Most likely, you nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p> Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, in HTML the <head> element must contain a <title> child element, lists (ul, ol, dl) require list items (li, or dt, dd), and so on. Error Line 96, Column 140: document type does not allow element "a" here; assuming missing "li" start-tag . …а' rel="tag" style='font-size: 12px;'>Вопросы на засыпку</a> Error Line 113, Column 14: end tag for "li" omitted, but OMITTAG NO was specified . </ul> You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 96, Column 10: start tag was here . <a href='http://gameopen.ru/archives/tag/voprosy-na-zasypku' class='ta Error Line 50, Column 7: XML Parsing Error: Opening and ending tag mismatch: BASE line 5 and head . </head> Error Line 288, Column 7: XML Parsing Error: Opening and ending tag mismatch: head line 3 and html . </html> Error Line 288, Column 7: XML Parsing Error: Premature end of data in tag html line 2 . </html> Я еще раз просмотрела код, вроде все правильно, но ошибки все равно вылазят. Английского я толком не знаю, перевела текст электронным переводчиком, но получилась такая ахинея. Помогите, пожалуйста, разобраться, что здесь неправильно - сама точно не справлюсь. Чтобы легче было разбираться, я выделила красным цветом те места, в которых валидатор нашел ошибки.
  19. Спасибо за подсказку, лишний ul не заметила. Vlad, в каком месте не хватает ul? SelenIT, плагин Simple Tags там действительно стоит, но вы правы, проще вывести облако тегов стандартной wordpress-функцией. Посмотрите еще пожалуйста отображение в IE7. В нем центральная колонка поднялась выше, чем нужно. Я исправила, стала на место или нет?
  20. SelenIT, спасибо. Добавила. Посмотрите, пожалуйста, как выглядит теперь. Картинка стала на место?
  21. Проблема такова: Фоновое изображение должно быть расположено по центру страницы. При разрешении 1024х768 это так и есть. При большем разрешении фоновая картинка съезжает влево. Посмотреть можно здесь, Загрузить тему здесь margin: 0 auto; - не спасает. * { margin: 0; padding: 0; } body { background: url("images/bg.jpg") #0673C8 no-repeat; margin: 0 auto; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 13px; } Вопрос специалистам по верстке: Как зафиксировать фоновую картинку по центру страницы? Буду рада любым вариантам - замучилась уже с этой картинкой.
  22. Noks, вот это: textarea { background: transparent; } помести в файл style.css, а сам файл подключи следующей ссылкой: <link rel="stylesheet" href="http://Ваш_сайт/style.css" type="text/css" media="screen" /> Поставь эту строку между тегами <head> </head> Или, если у тебя это единственный стиль, то пропиши его так: <html> <head> <title></title> <style type="text/css"> textarea { background: transparent; } </style> </head> Тогда эта строка <link rel="stylesheet" href="http://Ваш_сайт/style.css" type="text/css" media="screen" /> не нужна.
×
×
  • 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