-
проблема с КСС
Скажите пожалуйста, что не правильно вот в этом коде
Код:
#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пх а там любой размер только не такой, тоже с высотой и вообще все равзбросано по всему экрану но не там где надо!!! В эксплорере все как надо!!!
-
Значит так дорогой.
1) Что в твоём коде не так, тебе скажет validator.w3.org/
2) Мы же, не телепаты! НЕ ВИДЯ ВСЕГО ТВОЕГО КОДА ЧТО-ТО ВРАЗУМИТЕЛЬНОЕ СКАЗАТЬ ИЛИ ПОСОВЕТОВАТЬ НЕЛЬЗЯ!!
3) Если у тебя всё прекрасно работает в IE но не работает в других браузерах значит тебе надо всё переделать. Потому, как плохо сделал. Скажем точнее - сделал хорошо плохо. А делать надо хорошо, под хорошие браузеры. Делаешь сначала под лисичку с оперой, а потом, если надо, добавляешь пару хаков для ослика. И не забываешь указывать DOCTYPE.
4) А не пойти бы тебе на [Only registered and activated users can see links. Click Here To Register...] раздел «Вёрстка», статья «Укрощаем списки» вроде так называется. Пишу по памяти [Only registered and activated users can see links. Click Here To Register...]
5) Пятоё. Ты как темы называешь? Что значит проблема с цсс? Здесь у всех проблемы с цсс. Тему надо было назвать, например «Разваливается меню в FireFox». Содержательнее называйте темы! Я об этом уже писал в правилах, надо опять писать. Потерялось всё при переезде.
ПС Это была последняя лекция, о том, как задавать вопросы на форуме. Дальше лекций не будет. Будет мат, стирание тем и баны.
-
agat, насчет тем понял!!! Вебмассон весь уже перчитал!!! Насчет списков никаких проблем, они все в строчку как надо... просто размера они не того!!! надо чтобы были 98 а они сколько угодно но меньше... а точнее по ширине слова которое в меню!!!
у меня всего кода на 6 с хером килобайт (только ксс, а столькоже еще ХТМЛЯ), неужто надо все это выложить и кто то будет в нем разбираться?!??! К тому же в остальном то все норавльно, только вот что-то с меню проблемы!!!
-
Да, если хочешь дай ссылку на свою проблемную страничку. Я покопаюсь, укажу на ошибки.
-
agat, она у меня в локальной версии только, могу выложить правда куда-ниубдь!!!!... щас выложу на нм!!! только там одна стрнаица всего будет рабочая!!!
-
[Only registered and activated users can see links. Click Here To Register...]
вон тама одна из страниц сайта!!! С картинками со всем кароче... полная страница!!! Первый раз в сеть выкладываю =))) блин ксс-верстка это круто =)))
agat, посмотри, пожалуйста, если не сложно!!!
-
Код:
<!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">
* * * *[Only registered and activated users can see links. Click Here To Register...]
* * *</div>
* * *<div id="ear">
* * * *
* * * *<div id="ear_t">
* * * * *[Only registered and activated users can see links. Click Here To Register...]
* * * *</div>
* * * *
* * * *
* * * *
* * * *
* * * *
* * * *<div id="ear_t">
* * * * *<a class="text_n" href="http://senya-maniac.newmail.ru/author/">обо
* * * * *мне</a>
* * * *</div>
* * * *
* * * *
* * * *
* * * *
* * * *
* * * *<div id="ear_t">
* * * * *[Only registered and activated users can see links. Click Here To Register...]
* * * *</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">
* * * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * * *[*][Only registered and activated users can see links. Click Here To Register...]
* * * *[/list]
* * *</div>
* * *
* * *<div id="menu">
* * * *
* * *</div>
* * *
* * *<div id="text">
* * * *[Only registered and activated users can see links. Click Here To Register...] / [Only registered and activated users can see links. Click Here To Register...]
* * * *<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
* * * * * - Живу в: Петрозаводске (где и родился)
* * * * * - Люблю: рисовать, ваять, создавать
* * * * * - Не люблю: скучное
* * * *
* * * *Ну, мне кажется этой информации уже за глаза, для поверхностного ознакомления. Хотите знать
* * * *больше — дорога вам в меню к [Only registered and activated users can see links. Click Here To Register...]!!!
* * * *<div id="line3">
* * * * *[img]maniac_files/o.gif[/img]
* * * *</div>
* * * *
* * * *<div id="dn">
* * * * *<hr />
* * * *</div>
* * * *<div id="icons">
* * * * *[Only registered and activated users can see links. Click Here To Register...][Only registered and activated users can see links. Click Here To Register...][Only registered and activated users can see links. Click Here To Register...]
* * * *</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;
}
-
Вот блин!!! Ладно попробую что-ниубдь все заново написать!!!
-
Подожди, а как ты воообще такой код получил??? тоесть откуда это все???
-moz-background-clip: initial; такой строчки у меня никогда не было в коде, она сама откуда-то появилась =))) уже в коде который ты дал!!!
дык у меня же это используется для блоков цветных такие штучки... разве так нельзя делать??? и что тогда туда внутрь ставить... не картинку же...