| |
|
|
| | Здравствуйте! Я сверстал начало фотогалереи, комбинируя HTML, PHP и внешнюю CSS.
Получилось красиво - в левой колонке скроллится бесконечное число фотоминиатюр-ссылок, вверху заголовок,
справа большой блог, в который по замыслу должны выдаваться достаточно большие наборы крупных фото при клике
по миниатюре в левой колонке. Все правила CSS при этом выполнены.
Но все эти правила летят к чертям при клике по ссылке в левой колонке: выдается набор фоток во всю страницу и скроллится вместе со страницей, несмотря на то, что в таблице CSS для него отведен только блог с абсолютным (или фиксированным) позиционированием.
Переход по ссылке отменяет все правила CSS для этого модуля и результаты его выдачи занимают полностью страницу.
Ни заголовка, ни левой колонки с каталогом миниатюр не остается.
Вопрос: где я неправильно применяю правила CSS?
Второй вопрос - такое невозможно в принципе - переход по ссылке отменяет все предыдущие правила CSS, может так?
Третий вопрос: как быть в такой ситуации - как сохранить на одной странице результаты предыдущей выдачи и добавить новую в отведенное для нее место?
Спасибо.
Надеюсь, никого не обременит, если я приведу здесь же короткий индекс и также короткую внешнюю CSS.
Объемистые PHP скрипты не поместятся, да и читать их никто не будет.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Галлерея лучших</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<link rel=Stylesheet type="text/css" href="layout1.css">
</head>
<body>
<div class="kat"> <?php include('katalog.php'); ?></div>
<div class="head"> <img src="headfon-image.jpg" height="123px"></div>
<div class="blog"> <hr align="center" size="3px" color="#00f" style="position: absolute; top:130px; left:560px";> </div>
<div class="blog"> <?php include('show.php'); ?> </div>
</body>
</html
body {
background:#333333 ;
}
div.kat{position: fixed; top: 0; left: 0; width:550px;height:1920px; background:#ffaa88;
font-family : Venecia, Angelica, Gabriola, Georgia; font-size : 28pt; color:#00f;
overflow:scroll}
div.head {position: fixed; top: 0; left: 550px; width:1360px;height: 133px;
background: url(headfon_for_embos.jpg); overflow:auto}
div.blog {position: fixed; top: 130px; left: 550px;
font-family : Georgia; font-size : 28pt; background:#f8d;width:1360px; height: 1790px;
overflow:scroll}
div#show {position: fixed; top: 130px; left: 550px;
font-family : Georgia; font-size : 28pt; background:#f8d;width:1360px; height: 1790px;
overflow:scroll}
div#headkat{position: fixed; top: 100px; left: 0; width:550px;height:1920px; background:#fa8;
font-family : Venecia, Angelica, Gabriola, Georgia; font-size : 28pt; color:#00f;
overflow:scroll}
div#katalog{position: fixed; top: 0; left: 0; width:550px;height:1920px; background:#ffaa88;
font-family : Venecia, Angelica, Gabriola, Georgia; font-size : 28pt; color:#00f;
overflow:scroll} | |
| |
|
|
| |
|
|
| |
для: lassy
(13.06.2012 в 15:38)
| | | Старайтесь вместо относительных путей
background: url(headfon_for_embos.jpg);
|
везде использовать абсолютные
background: url(/headfon_for_embos.jpg);
|
PS Это относится также к путям CSS-файлов и изображений. | |
| |
|
|
