верстка в дивах

ianitta · April 5, 2011

Подскажите пожалуйста как сделать ссылку с одного дива ( меню ) на другой ( контент).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

*{margin:0;padding:0;}

html, body{

width:100%;

height:100%;

min-width:1000px;

}

#page{

position:absolute;

top:0;bottom:0;right:0;left:0;

z-index:100;

}

.note{

border:1px solid #ddd;

margin:2% 7% 0 0px;

width:55%;

float:right;

min-height:500px;

height:auto !important;

height:500px;

position:relative;

}

.trans{

background:#fff;

opacity:0.4;

position:absolute;

height:100%;

width:100%;

}

.text{

position:relative;

padding:10px;

}

.sid{

border:1px solid #ddd;

margin:2% auto 0 7%;

width:23%;

float:left;

position:relative;

min-height:500px;

height:auto !important;

height:500px;

}

ul#menu{

position:absolute;

bottom:5%;

left:10%;

font-size:px;

}

#menu li{

float:left;

list-style:none;

width:200px;

text-align:center;

border-right:1px solid #333;

}

#menu li a{

text-decoration:none;

color:#fff;

border-bottom:1px dashed transparent;

}

#menu li a:hover{

text-decoration:none;

color:#fff;

border-bottom:1px dashed #ddd;

}

#fon{

height:100%;

width:100%;

z-index:1;

min-width:1000px;

}

#fon img{

height:100%;

width:100%;

position:absolute;

}

</style>

</head>

<body>

<div class="trans"><a href="index2.html">Главная</a></div>(нужно чтобы информация отображалась во втором блоке "страница")

</div>

</div>

Страница (page)

</div>

<li><a href="#top">Главная</a></li>

<li style="border:0 !important;"><a href="#index1.html">О компании</a></li> (надо чтобы информация отображалась в блоке "страница")

</ul>

</div>

</div>

</body></html>

При нажатии на ссылку грузится страница в новом окне, а мне нужно в блоке div, подскажите в чем моя ошибка. Спасибо.

Aleksty · April 5, 2011

Если информация статична, то есть не меняется, то проще второй див скрыть (display:none), заранее прописав в нем ту же инфу, что и на основной странице.

потом по onClick присвоить ему display:block и вывести в нужное место.

Или пробовать через тег iframe.

photograf · April 5, 2011

iframe не надо, это почти что моветон.

Aleksty · April 5, 2011

Моветон, он конечно моветон, но только в кругу спецов!

Пользователю по барабану, что там написано, ифраме или супер-пупер что-то еще.

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

ianitta · April 7, 2011

простите пожайлуста за тупость, мне можно попроще обьяснить как сделать чтобы пункт меню ( их будет много) <div class="trans"><a href="index2.html">Главная</a></div> при нажатии на нее открывала index2.html но в другом блоке <div class="text">

Страница (page)

</div>.

SelenIT · April 7, 2011

Попроще: никак. Div-ы в HTML этого не умеют.

Умеет это делать Javascript. Или другой тег — iframe (но для этого содержимое, которое должно в нем открываться, должно быть отдельной страницей, и может появляться ненужный скроллинг, с которым придется бороться опять же скриптом). Вам точно нужна именно такая подгрузка, а не просто единое оформление всех страниц?

Sign In

верстка в дивах

Question

ianitta

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Aleksty

Link to comment

Share on other sites

photograf

Link to comment

Share on other sites

Aleksty

Link to comment

Share on other sites

ianitta

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information