Показано с 1 по 9 из 9

Тема: проблема с КСС

  1. #1

    Регистрация
    04.11.2004
    Адрес
    Птз
    Сообщений
    158

    проблема с КСС

    Скажите пожалуйста, что не правильно вот в этом коде

    Код:
    #menu {background: #CCC; padding: 0px; width: 501px; height: 15px;}
    
    #menu ul {float: left; margin-left: 1px; margin-right: -2px; list-style: none}
    
    #menu ul li {margin-right: 2px; float: left; list-style: none}
    
    #menu ul li.last {margin-right: 1px; float: left; list-style: none}
    
    #menu li a {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #999 url(/i/menu.gif); height: 15px; color: #333; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}
    
    #menu li a:hover {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #878787 url(/i/menu.gif); height: 15px; color: black; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}
    
    #menu li a.active {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #69c url(/i/menu.gif); height: 15px; color: #333; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}
    
    #menu li a.active:hover {text-align: center; font-weight: bold; TEXT-DECORATION: none; width: 98px; background: #69c url(/i/menu.gif); height: 15px; color: black; font-size: 10; padding: 1px 0px 0px 0px; font-family: verdana, arial}
    недавно поставил себе мозилу файерфокс и там у меня с моим меню чудеса творяться... указано размер в ширину 98пх а там любой размер только не такой, тоже с высотой и вообще все равзбросано по всему экрану но не там где надо!!! В эксплорере все как надо!!!

  2. #2

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Значит так дорогой.

    1) Что в твоём коде не так, тебе скажет validator.w3.org/

    2) Мы же, не телепаты! НЕ ВИДЯ ВСЕГО ТВОЕГО КОДА ЧТО-ТО ВРАЗУМИТЕЛЬНОЕ СКАЗАТЬ ИЛИ ПОСОВЕТОВАТЬ НЕЛЬЗЯ!!

    3) Если у тебя всё прекрасно работает в IE но не работает в других браузерах значит тебе надо всё переделать. Потому, как плохо сделал. Скажем точнее - сделал хорошо плохо. А делать надо хорошо, под хорошие браузеры. Делаешь сначала под лисичку с оперой, а потом, если надо, добавляешь пару хаков для ослика. И не забываешь указывать DOCTYPE.

    4) А не пойти бы тебе на [Только зарегистрированные пользователи могут видеть ссылки. ] раздел «Вёрстка», статья «Укрощаем списки» вроде так называется. Пишу по памяти

    5) Пятоё. Ты как темы называешь? Что значит проблема с цсс? Здесь у всех проблемы с цсс. Тему надо было назвать, например «Разваливается меню в FireFox». Содержательнее называйте темы! Я об этом уже писал в правилах, надо опять писать. Потерялось всё при переезде.

    ПС Это была последняя лекция, о том, как задавать вопросы на форуме. Дальше лекций не будет. Будет мат, стирание тем и баны.

  3. #3

    Регистрация
    04.11.2004
    Адрес
    Птз
    Сообщений
    158
    agat, насчет тем понял!!! Вебмассон весь уже перчитал!!! Насчет списков никаких проблем, они все в строчку как надо... просто размера они не того!!! надо чтобы были 98 а они сколько угодно но меньше... а точнее по ширине слова которое в меню!!!

    у меня всего кода на 6 с хером килобайт (только ксс, а столькоже еще ХТМЛЯ), неужто надо все это выложить и кто то будет в нем разбираться?!??! К тому же в остальном то все норавльно, только вот что-то с меню проблемы!!!

  4. #4

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Да, если хочешь дай ссылку на свою проблемную страничку. Я покопаюсь, укажу на ошибки.

  5. #5

    Регистрация
    04.11.2004
    Адрес
    Птз
    Сообщений
    158
    agat, она у меня в локальной версии только, могу выложить правда куда-ниубдь!!!!... щас выложу на нм!!! только там одна стрнаица всего будет рабочая!!!

  6. #6

    Регистрация
    04.11.2004
    Адрес
    Птз
    Сообщений
    158
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    вон тама одна из страниц сайта!!! С картинками со всем кароче... полная страница!!! Первый раз в сеть выкладываю =))) блин ксс-верстка это круто =)))

    agat, посмотри, пожалуйста, если не сложно!!!

  7. #7

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Код:
    <!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="en" lang="en">
    
    <head>
    
     *
    
    
    
     *<title>Автор « Арсений</title>
    
     *<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    
     *<meta content="Copyright © Арсений 2004" name="copyright" />
    
     *<meta name="description" content="maniac home page + online portfolio" />
    
     *<meta http-equiv="keywords" content=
    
     *"игры , домашняя , маньяк, моньяк , веб , дизайн , портфолио , ссылки , заказать , сеня , арсений"
    
     * * * *lang="ru" xml:lang="ru" />
    
     *<meta http-equiv="keywords" ng="en-us" content=
    
     *"games, home , web , Nokia , maniac , links , portfolio , senya , arseniy" />
    
     *<meta http-equiv="Content-language" content="ru" />
    
     *<meta http-equiv="Content-Style-Type" content="text/css" />
    
     *<meta name="Author" content="Арсений" lang="ru" xml:lang="ru" />
    
     *<meta name="robots" content="index, follow" />
    
     *<link href="maniac_files/css.css" type="text/css" rel="stylesheet" />
    
     *<style type="text/css">
    
     */*<![CDATA[*/
    
     *body {
    
     *background-color: #EEEEEE;
    
     *}
    
     *div.c9 {text-align: right}
    
     *ul.c8 {margin-top: 66px;}
    
     *div.c7 {background: rgb(221, 221, 221) url(i/head.gif) repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;}
    
     *div.c6 {background: rgb(147, 190, 211) url(i/author/m.gif) repeat scroll 0%; position: absolute; top: 13px; margin-left: 102px; height: 151px; width: 98px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;}
    
     *div.c5 {margin-left: 102px;}
    
     *div.c4 {background: transparent url(i/ears/search.gif) repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;}
    
     *div.c3 {background: transparent url(i/ears/whoya.gif) repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;}
    
     *div.c2 {background: transparent url(i/ears/portfolio.gif) repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;}
    
     *div.c1 {text-align: center}
    
     */*]]>*/
    
     *</style>
    
    </head>
    
    
    
    <body>
    
     *<div class="c1">
    
     * *<div id="left">
    
     * * *<div class="c1" id="logo">
    
     * * * *[Только зарегистрированные пользователи могут видеть ссылки. ]
    
     * * *</div>
    
    
    
     * * *<div id="ear">
    
     * * * *
    
    
    
     * * * *<div id="ear_t">
    
     * * * * *[Только зарегистрированные пользователи могут видеть ссылки. ]
    
     * * * *</div>
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *<div id="ear_t">
    
     * * * * *<a class="text_n" href="http://senya-maniac.newmail.ru/author/">обо
    
     * * * * *мне</a>
    
     * * * *</div>
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *<div id="ear_t">
    
     * * * * *[Только зарегистрированные пользователи могут видеть ссылки. ]
    
     * * * *</div>
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *
    
    
    
     * * * *<div class="c1">
    
     * * * * *[<a href="http://senya-maniac.newmail.ru/graphics/no/">Отключить
    
     * * * * *графику</a>]
    
     * * * *</div>
    
     * * *</div>
    
     * *</div>
    
    
    
     * *<div id="right">
    
     * * *
    
    
    
     * * *
    
    
    
     * * *
    
    
    
     * * *
    
    
    
     * * *<div id="menu2" class="c5">
    
     * * * *<ul class="c8">
    
     * * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    
    
    
     * * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    
    
    
     * * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    
    
    
     * * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    
    
    
     * * * * *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
    
     * * * *[/list]
    
     * * *</div>
    
    
    
     * * *
    
    
    
     * * *<div id="menu">
    
     * * * *
    • * * * * *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * *
    • Автор * * * * *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * *<li class="last">[Только зарегистрированные пользователи могут видеть ссылки. ] * * * *
    * * *</div> * * * * * *<div id="text"> * * * *[Только зарегистрированные пользователи могут видеть ссылки. ] / [Только зарегистрированные пользователи могут видеть ссылки. ] * * * *<div id="dn"> * * * * *<hr /> * * * *</div> * * * * * * * *<div id="line2"> * * * * *[img]maniac_files/o.gif[/img] * * * *</div><a name="content" id="content"></a>В дополнение ко всему остальному на своей домашней * * * *странице я решил разместить раздел, в котором немножко поведаю вам о себе. Согласен, * * * *странное решение… но никуда от этого тоже не деться… так что внимательно читайте… если вам, * * * *конечно, интересно! * * * * * * * *В кратце * * * *Если кому-то не охота жать ссылки, то предлагаю общую информацию о себе прямо здесь. * * * *
    • * * * * *
    • Пол: макартни * * * * *
    • Родился: 16.06.1987 в 13:00 * * * * *
    • Зовут: Арсений * * * * *
    • Ник: senya / maniac * * * * *
    • Живу в: Петрозаводске (где и родился) * * * * *
    • Люблю: рисовать, ваять, создавать * * * * *
    • Не люблю: скучное * * * *
    * * * *Ну, мне кажется этой информации уже за глаза, для поверхностного ознакомления. Хотите знать * * * *больше — дорога вам в меню к [Только зарегистрированные пользователи могут видеть ссылки. ]!!! * * * *<div id="line3"> * * * * *[img]maniac_files/o.gif[/img] * * * *</div> * * * * * * * *<div id="dn"> * * * * *<hr /> * * * *</div> * * * *<div id="icons"> * * * * *[Только зарегистрированные пользователи могут видеть ссылки. ][Только зарегистрированные пользователи могут видеть ссылки. ][Только зарегистрированные пользователи могут видеть ссылки. ] * * * *</div> * * *</div> * * * * * * * * * * * *<div id="footer"> * * * *<div class="c9" id="copy"> * * * * *Copyright © Арсений 2004 * * * *</div>[img]maniac_files/banner.gif[/img] * * *</div> * * * * * * * *</div> *</div> </body> </html>
    Вот твой страшный и ужасный код с doctype. Скачай его себе, и посмотри в ослике.

    Теги нада писать в нижнем регистре.

    — это что такое? Это противоречит самой идеологии стилей. Ты пытаешься заменить тэги тд на див. Это плохо. Тэг без содержания это лишний тэг.

    -moz-background-clip: initial; — а это зачем?

    Вобщем начинай всё заново, у меня сейчас нету времени разбираться с твоим кодом. В следующем месяце, я надеюсь, много интересного ты сможешь прочитать на cssdesign.ru В частности, как создавать шаблоны для сайтов.

    А пока расслабься, подумай, что ты поместишь на свою страничку. Информацию о себе? Чтобы родить ещё одну хомпагу?

    Создавать сайт ради дизайна в корне неверное решение.

    Кстати, чтобы выровнять сайт по центру не нужно лепить новый див, вставлять в него весь сайт и давать ему: text-align: center;. У тебя уже есть 2 тэга в пустом хтмл документе. html и body, так воспользуйся хоть одним:

    Код:
    body {
    
     * *width: 780px;
    
     * *margin: 0 auto;
    
    }

  8. #8

    Регистрация
    04.11.2004
    Адрес
    Птз
    Сообщений
    158
    Вот блин!!! Ладно попробую что-ниубдь все заново написать!!!

  9. #9

    Регистрация
    04.11.2004
    Адрес
    Птз
    Сообщений
    158
    Подожди, а как ты воообще такой код получил??? тоесть откуда это все???

    -moz-background-clip: initial; такой строчки у меня никогда не было в коде, она сама откуда-то появилась =))) уже в коде который ты дал!!!

    дык у меня же это используется для блоков цветных такие штучки... разве так нельзя делать??? и что тогда туда внутрь ставить... не картинку же...

Похожие темы

  1. Проблема с IE6
    от Oleg NT в разделе Вёрстка сайта
    Ответов: 0
    Последнее сообщение: 04.04.2009, 16:43
  2. Проблема с div под IE
    от MLazarev в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 17.07.2007, 05:01
  3. проблема с EPS
    от Cat в разделе Печать и препресс
    Ответов: 4
    Последнее сообщение: 10.03.2006, 12:41
  4. Проблема с UTF-8
    от Cain в разделе Веб-программирование
    Ответов: 2
    Последнее сообщение: 06.03.2006, 01:29
  5. Проблема с SSI
    от ShadeR в разделе Веб-программирование
    Ответов: 4
    Последнее сообщение: 05.03.2004, 20:06

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •