Jump to content
  • 0

Выручайте! Совсем запутался с ссылками...


vovan064
 Share

Question

Что то никак не соображу

Проблема такая, с главной странице переходит по ссылкам в горизонтальном и вертикальном меню, а вот если зашел в какое-то меню, то в другое меню не заходит, только может на главную зайти..

Что то я в ступоре полном

Вот код ХТМЛ

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Организации города Солнечногорск</title>
<style type="text/css" media="all">
@import "style.css";
</style>
</head>
<body class="soln">
<div id="container">
<div id="header">
<ul id="nav">
<li><a href="index.html">Главная</a></li>
<li><a href="m.html">О нас</a></li>
<li><a href="#">Наши проекты</a></li>
<li><a href="#">Обратная связь</a></li>
<li><a href="#">Форум</a></li>
</ul>
</div>
<div id="nav1">
<ul>
<li><a href="m.html"><span class="link">Каталог предприятий</span></a></li>
<li><a href="#"><span class="link">Справка</span></a></li>
<li><a href="map.html"><span class="link">Карта</span></a></li>
<li><a href="#"><span class="link">Поиск по сайту</span></a></li>
</ul>
</div>
<div id="sidebar2">
<p></p>
</div>
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at tiam leo pede, gjkgkghkgrhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. </p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at s venenatis, tristique in, vulputate at, odio.</p>
</div>
</div>
<div id="footer">
<p><a href="index.html">www.solninfo.ru</a></p>
</div>
</body>
</html>

а это ЦСС

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
border:none;
margin: 4px;
padding: 0;
text-align: center;
color: #000000;
}
.soln #container {
width: 900px;
background: #ffffff;
margin: 0 auto;
border:none;
text-align: left;
}
.soln #header {
background-image:url(img/shapka.jpg);
background-repeat:no-repeat;
height:240px;
padding:0px 0px;
position:relative;
}
.soln #nav {
margin:216px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type : none;
font-size: 10px; /* Размер шрифта в кнопках */
position: absolute;
left: 462px;
top: -14px;
}
.soln #nav li {
margin-bottom: 3px; /* Отступ между кнопками */
position: relative;
float: left;
width:auto;
}
.soln #nav a {
position: relative;
width: auto; /* Ширина кнопки */
height: auto; /* Высота кнопки */
display: block; /* Отображение кнопок (НЕ МЕНЯТЬ) */
padding: 3px 8px 3px 8px; /* Отступ для текста в кнопках */
border: 1px solid #fce909; /* Задание границы кнопки */
background-color: #103f9b; /* Задание фона кнопки */
color: #ffffff; /* Цвет шрифта в кнопках */
text-decoration: none; /* Отмена подчёркивания ссылок */
font-weight: bold; /* Полужирный шрифт */
font-size: 12px;
cursor: pointer; /* Задание типа курсора */
text-align: center;
outline: none;
}
.soln #nav a:hover {
color: #0f3e98;
background-color: #fce909;
}
.soln #nav1 {
float: left;
padding: 30px 0px 0px 0px;
width: 180px;
background: #ffffff;
text-decoration: none;
}
.soln #nav1 ul {
list-style: none;
padding: 0;
margin: 0;
}
.soln #nav1 ul li {
float: left;
list-style: none;
width: 180px;
}
.soln #nav1 ul li a {
display: block;
color: #103f9b;
height: 25px;
text-indent: 5px;
font-size: 13px;
font-weight: bold;
outline: none;
}
.soln #nav1 ul li a:hover {
color: #fce909;
text-decoration: underline
}
.link {
color: #103f9b
}
.soln #sidebar2 {
float: right;
width: 160px;
background: #ffffff;
padding: 10px 10px 10px 10px;
top: 10px;
}
.soln #mainContent {
margin: 0 180px;
padding: 0 8px;
}
.soln #footer {
background-image:url(img/foot.jpg);
background-repeat:no-repeat;
height: 50px;
width: 900px;
margin: 90px auto 0px;
padding: 0px 0px 0px 0px;
}
.soln #footer p {
line-height:70px;
text-align: left;
text-indent: 7px;
}
.soln #footer a {
font-weight: bold;
text-decoration: none;
color: #ffffff;
outline: none;
}

и еще вот что заметил, подвал сайта сделан в одном диве, а остальные как бы вложенные дивы в один большой див..так вот в подвале нормально переходит по ссылкам, а в остальных глюки какие то...наверо в дивах что то напутал...

Edited by vovan064
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
И вот лично я должен ради своего удовольствия ползать по этому коду и искать ошибку по описанию "горизонтально ходит, а внутри ходит только конём"?

да не надо ползать..

мне б зацепку дать :lol:

инет весь обыскал-ничего..

меня интересует влияет ли расположение дивов относительно друг друга на ссылки расположенные в них?и если да, то как..

и от чего ссылки могут не открываться?

вот дупустим...щелкаю по ссылке, переходит на страничку, щелкаю по ней еще раз переходит на главную и т.д.

не поонятно. :lol:

Link to comment
Share on other sites

  • 0
да не надо ползать..

мне б зацепку дать :lol:

инет весь обыскал-ничего..

меня интересует влияет ли расположение дивов относительно друг друга на ссылки расположенные в них?и если да, то как..

и от чего ссылки могут не открываться?

вот дупустим...щелкаю по ссылке, переходит на страничку, щелкаю по ней еще раз переходит на главную и т.д.

не поонятно. :lol:

Наверное, нет.

Никак структура внутри файла на ссылку не может повлиять. Ссылка может только ненажиматься, из за того что чем-то перекрывается.

Относительное, в данном случае, расположение самих файлов относительно друг друга в файловой системе влияет, и очень сильно. И еще чущечтвует абсолютная ссылка. А # - это зачем? # в таком виде это ссылка просто наверх страницы.

Сходите почитать азы.

Link to comment
Share on other sites

  • 0
Никак структура внутри файла на ссылку не может повлиять

ясно.

Ссылка может только ненажиматься, из за того что чем-то перекрывается.

у меня как раз нажимается, т.е. один раз переходит по этой ссылке, перейдешь на другую, нормально, захочешь перейти на первую-не переходит.. :lol:

а чем она может перекрываться..

вот так ведь вполне логично

<div id="header">
<ul id="nav">
<li><a href="index.html">Главная</a></li>
<li><a href="m.html">О нас</a></li>
<li><a href="#">Наши проекты</a></li>
<li><a href="#">Обратная связь</a></li>
<li><a href="#">Форум</a></li>
</ul>
</div>

Относительное, в данном случае, расположение самих файлов относительно друг друга в файловой системе влияет, и очень сильно. И еще чущечтвует абсолютная ссылка. А # - это зачем? # в таком виде это ссылка просто наверх страницы.

это все ясно..все файлы и файлы ссылок лежат в одной папке.

Сходите почитать азы

уже обчитался..сам понимаю, что вопрос глупый, и чувствую подвох то совсем маааленький...

не могу понять..

Link to comment
Share on other sites

  • 0
Покажите на живом примере. Не может так быть, чтобы одна ссылка вела в два разных места.

Извиняюсь за беспокойство...

Все удалил, заново сделал аккуратно...все работает.

Спасибо :lol:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy