Войти
  1. ВКонтакте
  2. Facebook
  1. » » » Помогите разобраться
Новые публикации Скрыть панель справаПоказать панель справа

Помогите разобраться

2008-07-25T00:16:28+04:00 2009-06-17T09:29:06+04:00
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 1 отправлено 00:16, 25.07.2008
есть страничка, но в IE7 она нормально отображается, а в Opera 9 или FireFox 3 все криво.
файл index.html:




M4 TeaM Site





















файл style.css:


@charset "utf-8";
/* CSS Document */
body
{
margin-left:auto;
background-color:#CCCCCC;
margin-right:auto;
text-align:center;
margin-top: 0;
width:1000px;
border-left:#ffffff thin solid;
border-right:#ffffff thin solid;
border-bottom:#ffffff thin solid;
background-image:url(images/bg.gif);
background-repeat:repeat;
}

#header
{
width:1000px;
height:231px;
background-color:#CCCCCC;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
border-bottom:#CC0000 thin solid;

}
#menu
{
margin-top:200px;
margin-left:0px;
}

#menu ul
{
border: 1px solid #b4b4b4;
background: #003a63;

}

#menu li {
float: left;
background: #003a63;
background-image:url(images/menu.jpg);
background-repeat:repeat-x;


}


#menu a {
color: #fff;
text-decoration: none;
display: block;
width: 242px;
padding: 4px ;
color:#FFFF00;
font-family:"Comic Sans MS";
font-size:18px;
}

#menu a:hover {
color: #000;
background-color: #9ad5ff;
background-image:url(images/menuhover.jpg);
background-repeat:repeat-x;
color:#CC0000;
}

#menu li:hover
{
background-color: #9ad5ff;

}

#menu li ul {
display: none;
float:left;
position: absolute;
padding: 4px 2px;
width: 170px;
border-right:none;
}

#menu li li a {
width: 150px;}

#menu li:hover ul
{
background-color: #003a63;
display: block;
}

#menu li:hover li ul
{
display: none;
width: 140px;
}

#menu li:hover li:hover ul
{
display: block;
}


#footer
{
width:100%;
height:1em;
padding-top:5px;
background-color:#003a63;
border-top:#CC0000 thin solid;
}
#footer a
{
text-decoration:none;
font:Calibri;
font-size:10px;
color:#ffffff;
}
#footer a:hover
{
color: #000;
background-color: #9ad5ff;
display:block;
}



#content
{
min-height:700px;
background-color:#CCCCCC;
background-image:url(images/ser14.gif);
background-repeat:repeat;
}

п.с. только недавно увлекся этим, начал разбираться и вот наткнулся на подводные камни...
Студент
  1. Офлайн
  2. Модераторы
  3. 19 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 2 отправлено 01:44, 25.07.2008
Есть несколько моментов.
1) Колдировка utf-8 и русский текст несовместимы
2) добавьте в стили такое:
php code:
  1. ul {
  2.  list-style:none;
  3. }

3) измените в хтмл списки на такие:
php code:
  1. <ul id="menu" >
  2.  
  3. <li><a href="/">Главная</a></li>
  4. <li><a href="/">Информация</a></li>
  5. <li><a href="/">Материалы</a>
  6. <ul>
  7. <li><a href="/">1 семестр</a> </li>
  8. <li><a href="/">2 семестр</a> </li>
  9. <li><a href="/">3 семестр</a> </li>
  10. <li><a href="/">4 семестр</a> </li>
  11. </ul></li>
  12. <li><a href="/">О нас</a></li>
  13. </ul>

(Вы не там поставили закрывающий li.)

Последний раз редактировал Razer 01:45, 25.07.2008
Абитуриент
  1. Офлайн
  2. Посетители
  3. 2 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 3 отправлено 12:12, 25.07.2008
Спасибо)
А какую кодировку лучше использовать ?
Windows 1251 (1252) или koi-8 (r)?

п.с. после радактирование все равно сайт по разному смотрится. в опере/мозиле как то все сдвинуто вниз(( точнее текст ниже контейнеров в которых он должен находиться.
Абитуриент
  1. Офлайн
  2. Посетители
  3. 4 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 4 отправлено 12:47, 25.07.2008
roma, почти любая страница в каждом браузере отображается по разному.
Доцент
  1. Офлайн
  2. Администраторы
  3. 89 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 5 отправлено 13:30, 25.07.2008
roma, В коде неточности просто на каждом шагу. Глядя на него я даже придумал тему для новой статьи.
P.S. Перед тем, как приступать к написанию CSS, изучите хотябы справочник.
Абитуриент
  1. Офлайн
  2. Посетители
  3. 1 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 6 отправлено 05:22, 16.05.2009
Не плохие советы и уроки по CSS:
Рецепты CSShttp://allforlive.com/
Абитуриент
  1. Офлайн
  2. Посетители
  3. 4 сообщений
  4. Сообщение
  5. Личные данные
Полезность: 0 | сообщение № 7 отправлено 09:29, 17.06.2009
roma, windows-1251 используй.
 
Перейти
Найти

Доступ закрыт.

  1. Вам запрещено отвечать в темах данного форума.

Изменения статуса

  1. профиль Видимо, я последний выживший :) 01:19, 17.10.2011
  2. профиль Готов стать модератором)) 12:04, 17.09.2011
  3. профиль Восстанавливаем нормальную работу сайта и форума. 20:09, 13.09.2011