Форум Сайтостроение Веб-строительство

Проблемы с блоками

axmetd
На сайте с 27.10.2010
Offline
24
axmetd
467

Привет всем!

Смотрите, есть страничка, вот ее код:

<!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" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="menu/jquerycssmenu.css" />
<link href="css_pirobox/pirobox.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<style type="text/css">
html .jquerycssmenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="menu/jquerycssmenu.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/pirobox_packed.js"></script>
<script type="text/javascript">
$(document).ready(function(){

<!--Настройки для варианта, когда кнопки навиг. расположены поверх фото -->

	$('.thumbs').piroBox({
			border: 10,
			borderColor : '#222', 
			mySpeed: 500, 
			bg_alpha: 0.5,
			cap_op_start : 0.4,
			cap_op_end: 0.8,
			pathLoader : '#000 url(css_pirobox/ajax-loader.gif) center center no-repeat;', 
			gallery : '.gallery_in li a', 
			gallery_li : '.gallery_in li', 
			next_class : '.next_in',
			previous_class : '.previous_in'
	});	

<!--Настройки для варианта, когда кнопки навиг. расположены за фото-->
	$('.thumbs').piroBox({
	
			border: 1, 
			mySpeed: 700,
			borderColor : '#444',  
			bg_alpha: 0.5,
			cap_op_start : 0.4,
			cap_op_end: 0.8,
			pathLoader : '#000 url(css_pirobox/ajax-loader.gif) center center no-repeat;', 
			gallery : '.gallery li a', 
			gallery_li : '.gallery li',
			single : '.single  a',
			next_class : '.next',
			previous_class : '.previous'
	});	
});

</script>

<title>Объектная тренировка 2007</title>
</head>


<body>
<div id="main">
 	
	<div id="head">
	     <p></p>
	</div>
	
	<div id="content">
	
		<div id="righter">
		  	 <div id="myjquerymenu" class="jquerycssmenu">
				
<ul>

 <li><a href="#">Спортивно-масова работа</a>
   <ul>
    <li><a href="sport2004.html">2004-открытие</a></li>
    <li><a href="#">2006</a>
     <ul>
       <li><a href="sport2006.html">День здоровья</a></li>
       <li><a href="sport_basket.html">Баскетбол</a></li>
       <li><a href="sport_kros.html">Кросс</a></li>
       <li><a href="sport_gramot.html">Грамоты</a></li>
     </ul>
     <li><a href="#">2007</a>
     <ul>
      <li><a href="sport_2007.html">День здоровья</a></li>
      <li><a href="gramot_2007.html">Грамоты</a></li>
     </ul>
      <li><a href="sport_2008.html">2008</a></li>
      <li><a href="gramot_2009.html">Грамоты 2009</a></li>
      <li><a href="sport_2010.html">2010</a></li>
   </ul> 
 <li><a href="#">Военно-патриотическая работа</a>
   <ul>
      <li><a href="p_zbori_2007.html">Полевые зборы 2007</a></li>
      <li><a href="ob_tren_2007.html">Оъектная тренировка 2007</a></li>
      <li><a href="#">Полевые зборы 2008</a>
            <ul>
       <li><a href="polev_tren.html">Полевая тренировка</a></li>
       <li><a href="p_zbori_2008.html">Зборы</a></li>
      </ul>
      <li><a href="den_pobedi_2010.html">День победы 2010</a></li>
      <li><a href="priziv_2010.html">Призыв 2010</a></li>
      <li><a href="arm_vistup.html">Армейское выступление</a></li>
       <li><a href="strel.html">Военная подготовка</a></li>
   </ul>
</ul>
<br style="clear: left" />
			 <br style="clear: left" />
	    </div>
		</div>
		
		<div id="lefter">
                  <div class="gallery_in">
          <ul>
  <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/1.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/1.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/2.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/2.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/3.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/3.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/4.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/4.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/5.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/5.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/6.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/6.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/7.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/7.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/8.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/8.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/9.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/9.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/10.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/10.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/11.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/11.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/12.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/12.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/13.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/13.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/14.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/14.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/15.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/15.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/16.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/16.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/17.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/17.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/18.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/18.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/19.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/19.jpg" width="200" height="139" /></a>
  </li>
    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/20.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/20.jpg" width="200" height="139" /></a>
  </li>
</ul>
</div>
</div>
		
	</div>


</div>

</body>
</html>

и в браузере она отображается вот так:

а нужно, что бы было во так:

все нормально начинает отображаться тогда, когда я в этот участок кода вставляю какой-то текст или букву:

    <li>
    <a href="images/voenn_rab/25.04.07_obekt_tren/20.jpg"><img src="images/voenn_rab/25.04.07_obekt_tren/20.jpg" width="200" height="139" /></a>
  </li>
</ul>
</div>
</div>
"например такой текст" </div>


</div>

</body>
</html>

Подскажите мне пожалуйста, в чем проблема?

Заранее спасибо!

palladin_jedi
На сайте с 13.07.2010
Offline
71
palladin_jedi
#1

<link rel="stylesheet" type="text/css" href="style.css" /> в студию, без него пальцем в небо тыкать...

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.
axmetd
На сайте с 27.10.2010
Offline
24
axmetd
#2

Вот, но кроме него там есть еще стили для галереи и меню. Их тоже кидать? 

/* CSS Document */

*{

 	margin:0;

 	padding:0;

	}



body {

	background:url(images/bg.jpg) repeat-x; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:15px;

	}

#main {

    background:url(images/bgMain.png) repeat-y; width:1261px; margin:0 auto; 

		}

#head {

    background:url(images/bglogo.jpg); width:1239px; height:150px; margin:0 auto;

	}

#content {

	width: 1100px; margin: 0 auto;

	}

#lefter {

	width: 1000 px; 

	}

#righter {

   height: 50px;

	}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий