Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.10.2015, 10:32   #11
Shooter18
Новичок
Джуниор
 
Регистрация: 06.10.2015
Сообщений: 9
По умолчанию

Цитата:
Сообщение от SQLPowerUser Посмотреть сообщение
Текст, который между тегами <style>, копируем в отдельный CSS-файл.
я так и делал! но не выходит...
Shooter18 вне форума Ответить с цитированием
Старый 09.10.2015, 10:39   #12
Shooter18
Новичок
Джуниор
 
Регистрация: 06.10.2015
Сообщений: 9
По умолчанию

Цитата:
Сообщение от 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;}

Последний раз редактировалось Вадим Мошев; 10.10.2015 в 18:16.
Shooter18 вне форума Ответить с цитированием
Старый 09.10.2015, 11:44   #13
SQLPowerUser
Форумчанин
 
Аватар для SQLPowerUser
 
Регистрация: 19.01.2015
Сообщений: 158
По умолчанию

Цитата:
Сообщение от Shooter18 Посмотреть сообщение
Вот что получается ...
А где ссылка на CSS-файл?
Она должна быть наверху, в контейнере <head>. Типа такого
Код HTML:
<link rel="stylesheet" href="MySuperFile.css">
SQLPowerUser вне форума Ответить с цитированием
Старый 09.10.2015, 12:31   #14
Shooter18
Новичок
Джуниор
 
Регистрация: 06.10.2015
Сообщений: 9
По умолчанию

Цитата:
Сообщение от SQLPowerUser Посмотреть сообщение
А где ссылка на CSS-файл?
Она должна быть наверху, в контейнере <head>. Типа такого
Код HTML:
<link rel="stylesheet" href="MySuperFile.css">
да да..не то скопировал! у меня просто 5 папок с разными менюшками))

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

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

Последний раз редактировалось Вадим Мошев; 10.10.2015 в 18:16.
Shooter18 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Задача на С++ помогите отредактировать 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