Помогите отредактировать меню - HTML и CSS - Страница 2

Shooter18 · 09.10.2015, 10:32

Цитата:

Сообщение от SQLPowerUser

Текст, который между тегами <style>, копируем в отдельный CSS-файл.

я так и делал! но не выходит...

Shooter18 · 09.10.2015, 10:39

Цитата:

Сообщение от SQLPowerUser

Текст, который между тегами <style>, копируем в отдельный CSS-файл.

Вот что получается

html

Код:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
<body>
<div class="menu">
<ul class="menu_top">
  <li>Home</li>
  <li>Portfolio
    <ul>
      <li>Web Design</li>
      <li>Web Development</li>
      <li>Illustrations</li>
    </ul>
  </li>
  <li>Blog
    <ul>
      <li>Строка 1<br>Строка 2</li>
      <li>Некий подпункт</li>
    </ul>
  </li>
  <li>Contact</li>
  <li>About</li>
</ul>
</div>
</body>
</html>


css

.menu_top ul {
  text-align:left;
  display:inline;
  margin:0;
  padding:10px 0;
  list-style:none;
}
.menu_top ul li {
  font:15px/18px sans-serif;
  display:inline-block;
  margin-right:-4px;
  position:relative;
  padding:15px 20px;
  background:#fff;
  cursor:pointer;
}
.menu_top ul li:hover {
  background:#98ca60;
  color:#fff;
}
.menu_top ul li ul {
  padding:0;
  position:absolute;
  top:48px;
  left:0;
  width:150px;
  box-shadow:none;
  display:none;
  opacity:0;
  visibility:hidden;
}
.menu_top ul li ul li {
  background:#B9DB93;
  display:block;
  color:#444;
}
.menu_top ul li ul li:hover {background:#98ca60;}
.menu_top ul li:hover ul {
  display:block;
  opacity:1;
  visibility:visible;
}
.menu {text-align:center;}

SQLPowerUser · 09.10.2015, 11:44

Цитата:

Сообщение от Shooter18

Вот что получается ...

А где ссылка на CSS-файл?

Она должна быть наверху, в контейнере <head>. Типа такого

Код HTML:

<link rel="stylesheet" href="MySuperFile.css">

Shooter18 · 09.10.2015, 12:31

Цитата:

Сообщение от SQLPowerUser

А где ссылка на CSS-файл?

Она должна быть наверху, в контейнере <head>. Типа такого

Код HTML:

<link rel="stylesheet" href="MySuperFile.css">

да да..не то скопировал! у меня просто 5 папок с разными менюшками))

Спасибо всем кто пытался помочь!! я сам наконец-то сделал именно то чего хотел !))

Вот что получилось http://oknaspb.esy.es/

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Задача на С++ помогите отредактировать	STIFFmaster_LP	Помощь студентам	2	24.10.2009 20:08
Помогите отредактировать текст	Chev	Помощь студентам	10	15.10.2009 09:01
помогите отредактировать	worshewitin	Помощь студентам	1	23.06.2009 10:52
Помогите пожалоста отредактировать программу	girkoff	Общие вопросы C/C++	4	31.03.2009 04:01
помогите отредактировать прогу	finch	Помощь студентам	3	25.06.2007 07:42