Проблемы с отображением шапки сайта

Ответить
Аватара пользователя
Sid
Сообщения: 12
Зарегистрирован: 12.03.2010
Сделал сайт в дримвивере, все простенькое ничего особенного нет, вот выгрузил его на хостинг, захожу - всё есть кроме шапки сайта, ее не видно даже при уменьшении масштаба страницы в окне браузера. Пробовал смотреть хромом и ФФ, ничего. Скажите в чем может быть проблема? какой участок кода страницы показать, скажите, я напишу

x00peR
Сообщения: 141
Зарегистрирован: 05.03.2011
А ссылочку?

Аватара пользователя
Sid
Сообщения: 12
Зарегистрирован: 12.03.2010
а ссылочки нет потому что я расстроился и всё с хостинга удалил))

Код: Выделить всё

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Методы и алгоритмы подготовки к визуализации - Главная</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="index.css" rel="stylesheet" type="text/css"><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* это отрицательное поле в 1 пиксел можно поместить в любом столбце данного макета с таким же корректирующим эффектом. */
ul.nav a { zoom: 1; }  /* свойство масштабирования предоставляет IE триггер hasLayout, необходимый для удаления лишнего пустого пространства между ссылками */
</style>
<![endif]-->
</head>

<body>

<div class="container">
  <div class="header"><a href="#"><img src="banner.jpg" alt="Место для логотипа" name="Insert_logo" width="100%" height="150" id="Insert_logo" style="background: #8090AB; display:block;" /></a> 
    <!-- end .header --></div>
 <div class="lowheader">
  
  <div class="slideplace"> 
 <!-- <img src="" width="600px" height="300px" align="middle" />-->
  <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<div id="slider">
    <a href="SketchUp2lab.html">
    <img src="img1.png" alt="" title="Знакомство с V-Ray в SketchUp"/></a>
    <img src="img2.png" alt="" />
    <a href="lekcii/lek10.html">
    <img src="img3.png" alt="" title="Технология Nvidia Maximus" /></a>
    <img src="img4.png" alt="" />
    <a href="SketchUp1lab.html">
    <img src="img5.png" alt="" title="Основы текстурирования в SketchUp"/></a></div>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:15,
        animSpeed:500,
        pauseTime:6000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:false, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){} //Triggers after all slides have been shown
    });
});
</script>

  </div>
   </div>  
  <div class="sidebar1">
    <ul class="nav">
      <li><a href="index.html">Главная</a></li>
      <li><a href="lekcia.html">Лекции</a></li>
      <li><a href="labs.html">Лабораторные</a></li>
      <li><a href="#">Практика</a></li>
      <li><a href="glossary.html">Глоссарий</a></li>
    <li style="height:700px; visibility:hidden"></li>
    </ul>
    <!-- end .sidebar1 --></div>
  <div class="content">
  <h1><b>Главная</b></h1>
  <h2><b>Методы и алгоритмы подготовки к визуализации</b></h2>
  <p>Область применения созданного программного продукта – как очное, так и опосредованное обучение (с использованием дистанционно образовательных технологий) подготовки бакалавров направления "Информатика и вычислительная техника" по профилю "Системы автоматизированного проектирования в машиностроении ". Возможно использование для других профилей и других форм обучения.</p>
  <p>Согласно учебному плану дисциплина «Методы и алгоритмы подготовки к визуализации» относится к дисциплинам по выбору в вариативной части математического и естественнонаучного цикла. Обучение проходит на 3 курсе и предусматривает следующие виды занятий:</p>
  <ul>
  <li>Лекции (6 часов)</li>
  <li>Лабораторные работы (8 часов)</li>
  <li>Практические работы (4 часа)</li>
  <li>Самостоятельная работа студента (122 часа)</li>
  </ul>
  <p>Общая трудоемкость составила 144 часа.</p>
<p>В качестве формы контроля предусмотрено:</p>
<ul>
<li>Контрольная работа</li>
<li>Зачет с оценкой</li>
</ul>
<p>Согласно компетентностному подходу данная дисциплина призвана сформировать у студента следующие компетентности:</p>
<ul>
<li>использовать основные законы естественнонаучных дисциплин в профессиональной деятельности, применяет методы математического анализа и моделирования, теоретического и экспериментального исследования</li>
<li>осознавать сущность и значение информации в развитии современного общества; владеет основными методами, способами и средствами получения, хранения, переработки информации</li>
<li>осваивать методики использования программных средств для решения практических задач</li>
<li>уметь разрабатывать высокоэффективные методы и алгоритмы математического обеспечения САПР, организовывать параллельные вычисления</li>
<li>знать базовые алгоритмы компьютерной графики и визуализации, организовывать взаимодействие с продуктами и прикладными библиотеками для разработки программного обеспечения построения твердотельных моделей</li>
</ul>
<p>Подготовка проектного решения к визуализации входит в типичный маршрут обработки данных в подсистемах машинной графики и геометрического моделирования (МГиГМ). Маршрут обработки данных включает в себя получение проектного решения в прикладной программе, его представление в виде геометрической модели (геометрическое моделирование), подготовку проектного решения к визуализации, собственно визуализацию в аппаратуре рабочей станции и, при необходимости, корректировку решения в интерактивном режиме. Две последние операции реализуются на базе аппаратных средств машинной графики. Когда говорят о математическом обеспечении (МО) МГиГМ , имеют в виду прежде всего модели, методы и алгоритмы для геометрического моделирования и подготовки к визуализации. При этом часто именно МО подготовки к визуализации называют МО машинной графики.</p>
<!-- end .content --></div>
  <div class="footer" align="center" style="font-size:12px; line-height:0.4;">
    <p style="color:#FFF"><b>ВГТУ КИТП</b> <a href="http://calsvstu.ru/" style="color:#93A5C4"><i>Официальный сайт кафедры</i></a></p>
    <p style="color:#FFF"><b>Воронеж. 2012</b></p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>
если надо то и цсс выложу

Аватара пользователя
Distructor
Администратор
Сообщения: 1607
Зарегистрирован: 28.12.2009
выкладывай лучше на хостинг. так проблему найти не получится

Аватара пользователя
Sid
Сообщения: 12
Зарегистрирован: 12.03.2010
http://tim.freedom-vrn.ru
вот пожалуйста, ссылочка
попрошу не обращать внимание на черный баннер на многих страницах, просто не дописал на них еще пути ))
главную страницу смотрите, над анимированным банером есть шапка но ее не видно совершенно

Аватара пользователя
Distructor
Администратор
Сообщения: 1607
Зарегистрирован: 28.12.2009
фикс слайдера

Код: Выделить всё

<div id="slider" style="position: relative; overflow: hidden; width: 1010px; height: 300px; background-image: url(http://tim.freedom-vrn.ru/img1.png); background-position: initial initial; background-repeat: no-repeat no-repeat; " class="nivoSlider">
верхняя шапка схлопывается,
т.к. у тебя какой-то скрипт скрывает картинку баннера в ней (он кстати не грузится, похоже нет файла)

Аватара пользователя
Sid
Сообщения: 12
Зарегистрирован: 12.03.2010
а как исправлять то? единственный скрипт который используется это каруселька того баннера, img1.png как раз первая картинка в баннере
все файлы на месте(на главной странице точно), на остальных как я писал уже пути к картинкам просто не прописаны поэтому анимированого баннера нет

Аватара пользователя
Distructor
Администратор
Сообщения: 1607
Зарегистрирован: 28.12.2009
ан нет. у меня банерорезка просто в хроме твой баннер в шапке зарезала ( не надо обзывать так явно баннеры :) ).
итого - в хроме, опере и IE9 отображается нормально.
чтобы верхняя панель отображалась всегда, (даже при не отображающемся баннере) можешь в index.css изменить

Код: Выделить всё

.header {
   background: #6F7D94;
}
на

Код: Выделить всё

.header {
   background: #6F7D94;
   height: 150px;
}

Аватара пользователя
Sid
Сообщения: 12
Зарегистрирован: 12.03.2010
Отлично! теперь действительно все видно (если баннерорезку выключать=))) ) Урааа!
ох, конечно не грамотно ничуть сверстан сайт, ну ды главное работает, я ж не профи =))
Спасибо огромное за помощь :)
п.с. осталось совсем немножко, буквально сотню страниц пояснительных записок настрочить %)

-- добавлено 18 май 2012, 21:15 --

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

Аватара пользователя
Distructor
Администратор
Сообщения: 1607
Зарегистрирован: 28.12.2009
чтобы не вылазило я выше тебе уже писал viewtopic.php?p=7027#p7027

а так самый простой способ - указать фиксированную ширину. т.е. вместо

Код: Выделить всё

.container {
  width: 80%;
будет

Код: Выделить всё

.container {
   width: 960px;

Аватара пользователя
Sid
Сообщения: 12
Зарегистрирован: 12.03.2010
класс! теперь вроде точно всё! дизайн конечно не особо веб 2.0 и тем более не 3.0 но думаю что как диплом вполне сойдет))
спасибо за помощь:)

Ответить