VPF::Мой сайт - Форум программистов

Bibimij

Дата 19.10.2005, 18:59 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 55
Регистрация: 19.8.2005

Репутация: нет
Всего: нет

Вот мой сайт : мой сайт

Надо:
1) Переместить менюшку налево, чтобы меню было слева и текст справа от него и по центру.
2) В меню Кодинг->Статьи, по идее, должно быть ещё одно вложение. Я в Javascript нифига не секу, поэтому, прочитав сообщение на нашем горячо любимом форуме, прошёл по ссылочке и нашёл как раз пример меню(это то самое меню с того сайта, цвет только заменил, знание английского помогло...). Так вот там был только пример с одним уровнем меню...
Помогите! smile

Коды:

Это index.html:

Код


<!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">
<head>
<title>Добро пожаловать</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import "styles.css";
.text, body {font-family:Verdana,Arial,Helvetica; font-size:10px;}
</style>
</head>
<body bgcolor=black>
<center>
<br>
<br><br><br>
<font color="Green">
<h1>Добро пожаловать на  сайт о программировании в Delphi и Pascal!</h1></font>
<br><br>
<font color="green">
<h2>Извините, но сайт пока на стадии разработки! Но скоро мы это исправим! Имейте терпение! =) Пока можете пообщаться в чате и форуме... ;)
<br>P.S. Если кто заходил ранее, смог заметить, что сайт продвинулся(немного, а приятно... =) ). Так что сайт не стоит на месте!</font></h2>
<br><br>
<br><br>
<ul> 
  <li><a href="http://codingmasters.jino-net.ru/index.html">Главная</a></li> 
  <li><a href="#">Новости</a></li>
  <li><a href="#">Кодинг</a> 
    <ul> 
      <li><a href="#">Статьи</a></li> 
      <li><a href="#">Книги</a></li> 
      <li><a href="#">Исходники</a></li> 
      <li><a href="#">Компоненты</a></li> 
      <li><a href="#">Иконки</a></li> 
    </ul>
  <li><a href=" http://codingmasters.jino-net.ru/app/phpbb/">Форум</a></li> 
  <li><a href="http://codingmasters.jino-net.ru/app/phpmychat/chat/">Чат</a></li>
  <li><a href="#">Ссылки</a>  
</ul> 
</center>
<right>
<!--begin of Rambler's Top100 code -->
<a href="http://top100.rambler.ru/top100/">
<img src="http://counter.rambler.ru/top100.cnt?794340" alt="" width=1 height=1 border=0></a>
<!--end of Top100 code-->
<!--begin of Top100 logo-->
<a href="http://top100.rambler.ru/top100/">
<img src="http://top100-images.rambler.ru/top100/banner-88x31-rambler-green2.gif" alt="Rambler's Top100" width=88 height=31 border=0></a>
<!--end of Top100 logo -->
</right>
</body>
</html>

А это styles.css:

Код


ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc; }
ul li { position: relative; }
li ul { position: absolute; left: 149px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: green; background: Black; padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */
li:hover ul { display: block; }
startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace »  (" over", ""); } } } } } window.onload=startList;
li:hover ul, li.over ul { display: block; }
<ul id="nav">

На форуме WEB-дизайн не помогли(т.е. вообще не ответили!)! Вы-моя последняя надежда! smile

diam

Дата 19.10.2005, 20:42 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 348
Регистрация: 23.1.2005
Где: Екатеринбург

Репутация: нет
Всего: 16

Цитата(Bibimij @ 19.10.2005, 18:59)

На форуме WEB-дизайн не помогли(т.е. вообще не ответили!)! Вы-моя последняя надежда! smile

Ты прав, мы тебя не бросим. Хотя бы ответим: тебе сюда!

Aliance

Дата 19.10.2005, 23:28 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: нет
Всего: 137

Модератор: перенесено из JavaScript

Это сообщение отредактировал(а) Aliance - 19.10.2005, 23:29

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Bastet

Дата 20.10.2005, 18:27 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 159
Регистрация: 26.9.2005
Где: Тильзит

Репутация: нет
Всего: 6

И сколько стоит работа?

--------------------

"I'm not bad. I'm just drawn that way" © Jessica RabbitСм.также: BB | ЖЖ | DA

Bibimij

Дата 20.10.2005, 19:39 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 55
Регистрация: 19.8.2005

Репутация: нет
Всего: нет

На самом деле я спрашивал помощи в частичном написании, а не в полном написании сайта! Нисколько не стоит!

Это сообщение отредактировал(а) Bibimij - 20.10.2005, 19:39

Caramel

Дата 22.10.2005, 09:36 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: нет
Всего: 142

По моему не туда перенесли smile

PARROT

Дата 22.10.2005, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50

Так у Вас в коде меню отцентрировано:

Код


<center>
<br>
<br><br><br>

<font color="Green">
<h1>Добро пожаловать на  сайт о программировании в Delphi и Pascal!</h1></font>
<br><br>
<font color="green">
<h2>Извините, но сайт пока на стадии разработки! Но скоро мы это исправим! Имейте терпение! =) Пока можете пообщаться в чате и форуме... ;)
<br>P.S. Если кто заходил ранее, смог заметить, что сайт продвинулся(немного, а приятно... =) ). Так что сайт не стоит на месте!</font></h2>
<br><br>
<br><br>
<ul> 
  <li><a href="http://codingmasters.jino-net.ru/index.html">Главная</a></li> 
  <li><a href="#">Новости</a></li>
  <li><a href="#">Кодинг</a> 
    <ul> 
      <li><a href="#">Статьи</a></li> 
      <li><a href="#">Книги</a></li> 
      <li><a href="#">Исходники</a></li> 
      <li><a href="#">Компоненты</a></li> 
      <li><a href="#">Иконки</a></li> 
    </ul>
  <li><a href=" http://codingmasters.jino-net.ru/app/phpbb/">Форум</a></li> 
  <li><a href="http://codingmasters.jino-net.ru/app/phpmychat/chat/">Чат</a></li>
  <li><a href="#">Ссылки</a>  
</ul> 
</center>

Сделайте основную таблицу как основу, и повставляйте свой контент в те ячейки, куда Вам нужно.

верх
лево центр право
низ

Эту строку:

Код


<ul>// к тегу нужно добавить id="nav", мы для него описываем стили в CSS, тогда меню заработает как надо.
<ul  id="nav"> >

Код


<ul id="nav"> 
  <li><a href="http://codingmasters.jino-net.ru/index.html">Главная</a></li> 
  <li><a href="#">Новости</a></li>
  <li><a href="#">Кодинг</a> 
    <ul> 
      <li><a href="#">Статьи</a></li> 
      <li><a href="#">Книги</a></li> 
      <li><a href="#">Исходники</a></li> 
      <li><a href="#">Компоненты</a></li> 
      <li><a href="#">Иконки</a></li> 
    </ul>
  <li><a href=" http://codingmasters.jino-net.ru/app/phpbb/">Форум</a></li> 
  <li><a href="http://codingmasters.jino-net.ru/app/phpmychat/chat/">Чат</a></li>
  <li><a href="#">Ссылки</a>  
</ul>

Потом в тегах должно стоять:

Код


<head>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></head>

Иначе в эксплоере будут проблемы.
И к этому меню еще идет кусочек яваскрипт, а у вас его нет. Если собрать все в кучу, то работать будет вот так:

Код


<html>
<head>
<title>Меню</title>
<meta http-equiv="Content-Type" content="text/html; charset=1251" />
<script>
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;
</script>
<style>
BODY {
    FONT: 11px verdana
}
UL {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none
}
UL LI {
    POSITION: relative
}
LI UL {
    DISPLAY: none; LEFT: 149px; POSITION: absolute; TOP: 0px
}
UL LI A {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #777; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 0px solid; TEXT-DECORATION: none
}
 HTML UL LI {
    FLOAT: left; HEIGHT: 1%
}
 HTML UL LI A {
    HEIGHT: 1%
}
UL LI A:hover {
    BACKGROUND: #f9f9f9; COLOR: #e2144a
}
LI UL LI A {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
LI:hover UL {
    DISPLAY: block
}
LI.over UL {
    DISPLAY: block
}

</style>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR>
</head>
<body> 
<ul id="nav"> 
  <li><a href="#">Home</a></li> 
  <li><a href="#">About</a> 
    <ul> 
      <li><a href="#">History</a></li> 
      <li><a href="#">Team</a></li> 
      <li><a href="#">Offices</a></li> 
    </ul> 
  </li> 
  <li><a href="#">Services</a> 
    <ul> 
      <li><a href="#">Web Design</a></li> 
      <li><a href="#">Internet Marketing</a></li> 
      <li><a href="#">Hosting</a></li> 
      <li><a href="#">Domain Names</a></li> 
      <li><a href="#">Broadband</a></li> 
    </ul> 
  </li> 
  <li><a href="#">Contact Us</a> 
    <ul> 
      <li><a href="#">United Kingdom</a></li> 
      <li><a href="#">France</a></li> 
      <li><a href="#">USA</a></li> 
      <li><a href="#">Australia</a></li> 
    </ul> 
  </li> 
</ul> 
</body>
</html>

Осталось изменить только ссылки.

Это сообщение отредактировал(а) PARROT - 22.10.2005, 16:39

--------------------

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

Aliance

Дата 22.10.2005, 20:16 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: нет
Всего: 137

Цитата(PARROT @ 22.10.2005, 16:41)

Потом в тегах должно стоять:
Иначе в эксплоере будут проблемы.

Это почему это?

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

PARROT

Дата 22.10.2005, 22:21 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50

Aliance, если честно я не помню почему, я пока искала свое меню, столько начиталась, но где-то это точно фигурировало. И на моих таких меню, везде стоит.
Этот скрипт как пример используют тысячи сайтов.

--------------------

Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Объявления о найме специалистов \| Следующая тема »