Срочно нужна помощь в верстке

Статус
Закрыто для дальнейших ответов.
A

AlexHitchens

Well-Known Member
Регистрация
03.12.2010
Сообщения
66
Здравствуйте делаю страницу. Проблема такая , что при вводе в отдельном css файлике background-image...... не выводит картинку, если же я пишу в html странице через стаил то выводит.!!!
Вот два файла index.php и style.css , если вы обратите внимание то в отдельном classe head прописано все кроме backgraunda, потому что он его не отображает, а если написать через style="" все отображает Нужна помощь !


index:
<!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 name='yandex-verification' content='63dc37a6b218e30f' />
<meta name="google-site-verification" content="mS09JjSMCph8IHxfHuZXOEdQHT8FPM94ycIF5HAaeLM" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="title" content="Услуги адвоката Агуреева Николая Влдаимировича" />
<meta name="description" content="Услуги профессионального адвоката. Юридическая помощь всех видов и по всем отраслям права, широкий спектр и индивидуальный подход к каждому клиенту, обеспечат высококвалифицированную юридическую помощь. Специализация Уголовно-Правовая" />
<meta name="keywords" content="Адвокат, профессиональный юрист, услуги адвоката, услуги юритса, адвокат в Москве, адвокат в Луховицах, адвокат в Рязани, адвокат Московской обоасти, палата адвокатов Московской области, услуги в Луховицах, правосудие в Луховицах, суд в Луховицах, подполковник милиции, гражданский кодекс, уголовный кодекс, административный кодекс, Уголовные дела, Административные дела, Гражданские дела, ведения уголовных дел , ведение административных дел, ведение гражданских дел, суд в Луховицах, решение судебных дел в Луховицах, профессиональный юрист, профессиональная помощь юриста, Юрист в Луховицах, адвокат в Гражданском процессе, адвокат в Уголовном процессе, адвокат в Конституционном судопроизводстве, адвокат в Уголовном судопроизводстве, адвокат в Административном процессе, защита адвоката" />
<title>Адвокат Агуреев Н.В.</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style type="text/css">


#nav .select a, #nav .current a {
display:block;
height:40px; /* Высота верхнего уровня */
float:left;
background: url("images/left_nav.png") no-repeat left top; /* Путь к левому изображению */
padding:0 0 0 5px;
text-decoration:none;
font-size:14px; /* Размер шрифта верхнего уровня */
line-height:40px;
white-space:nowrap;
margin-right: 2px; /* Отступы пунктов верхнего уровня */
position: relative;
z-index: 500;
}

#nav .select a b, #nav .current a b {
height:100%;
display:block;
background:url("images/right_nav.png") no-repeat right top; /* Путь к правому изображению */
padding:0 20px 0 15px;
color:#606060; /* Цвет ссылок верхнего уровня */
}

</style>
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ACUrVU0BAAAAMI6ieQIAjwhKQFpuPmUJbCVsPCJs6RGMQEwAAAAAAAAAAAC2Zt1r99rZLht_RE3Ou0iTRAn9EA=="
type="text/javascript"></script>
<script type="text/javascript">
window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);
}
</script>
</head>


<body>
<!-- Веб разработчик сайта: www.advokat-agureev.ru - Skibin Alexander. Контактный E-mail адресс skibin_alexander@mail.ru . Все технические вопросы по этому адресу -->
<div class="wrap"><!-- Основная заливка -->
<div class="line_up"></div>
<div class="mininav">
<a href="index.php">
<img src="images/icons/home.png" alt="home" width="25px" height="25px"/>
</a>
<a href="sitemap.php">
<img src="images/icons/sitemap.png" alt="sitemap" width="25px" height="25px"/>
</a>
<a href="mail_admin.php">
<img src="images/icons/mail.png" alt="mail_aadmin" width="25px" height="25px"/>
</a>
</div><!-- Кнопки возврата -->
<div class="head" style="background-image: url('images/head.GIF');background-repeat: repeat-x;"></div><!-- Шапка сайта -->
<div id="nav">

<ul class="select">
<li><a href="#"><b>Главная</b></a>
<ul class="sub">
<li><a href="#">О нас</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">Карта сайта</a></li>
<li><a href="#">Как нас найти</a></li>
</ul>
</li>
</ul>
</div>

<div class="main"><!-- Основная контент-коробка -->
<div class="content">
<div id="welcome_text" style="font-size:18px; color:#4682B4;">Приветствую Вас нас своем сайте!</div><!-- /Текст заголовок -->
<div id="text" style="font-size:14px;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:2px;border-top:1px solid #ccc;">
<p>Агуреев Николай Владимирович – адвокат, учредивший адвокатский кабинет№1084. Регистрационный номер 50/4755, зарегистрирован в реестре адвокатов Московской области. <strong>Специализация – уголовно-правовая,</strong> что не исключает возможности оказания юридической помощи в иных отраслях права.</p>
<p>Качество жизни зависит от профессиональности подхода к решению любого вопроса. Правовая составляющая каждой ситуации не является исключением. Перед принятием какого-либо решения настоятельно рекомендую Вам обратиться за консультацией к профессиональному адвокату.</p></div><!-- Основной текст -->
<div id="text1" style="text-size:14px;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:2px;border-bottom:1px solid #ccc;">
<p>Информация, размещенная на моём сайте, поможет Вам определиться с правильным выбором. Соответствующие разделы сайта помогут Вам подробнее узнать <a href="biographi.php">обо мне</a>, ознакомится с оказываемыми мною <a href="uslugi.php">услугами</a>, и <a href="price.php">ценовой политикой</a>.</p>
<p>Также, в разделе <a href="quest.php">Задайте вопрос адвокату</a> Вы можете заранее изложить суть интересующего Вас вопроса, получить краткий комментарий.</p>
<p>При помощи любого удобного Вам способа связи, указанного в разделе <a href="contactus.php">Контакты</a>, договориться о встрече, на которой мы обсудим Вашу проблему и обязательно найдём оптимальный вариант её разрешения.</p>
<p>С информацией о наиболее типичных уголовных делах, в слушании которых я принимал участие в качестве защитника либо представителя, а также о результатах по данным делам Вы ознакомитесь в разделе <a href="practic/index.php">Практика</a>.</p>
<p>Поделиться своим мнением, почитать комментарии других клиентов, а также оставить свои отзывы и пожелания Вы можете в разделе <a href="guestbook/gbindex.php">Гостевая книга</a>.</p>
<p>Богатый жизненный опыт и глубокие профессиональные знания, опыт защиты клиента в суде присяжных гарантирует Вам индивидуальный подход, внимательное отношение к Вам и Вашему вопросу, квалифицированную правовую помощь.</p></div><!-- Основной Текст -->
</div><!-- Контент коробка -->
<div class="menu_box"><!-- <Блок главного меню -->

<div id="hr" style="clear: both; border-top: 1px solid #000000; top:10px;"></div><!-- Закрывающая полоска -->

<div class="contact"><!-- Блок контактов в меню -->

<p class="contact">Адрес адвокатского кабинета:</p>
<p class="contact_text">Московская область, город Луховицы, улица Жуковского, дом 20/2</p>
<p class="contact">Контактный телефон:</p>
<p class="contact_text">8-(905)-775-9201</p>
<p class="contact">E-mail:</p>
<p class="contact_text">anv1084@mail.ru</p>
</div><!-- /Блок контактов в меню -->

<div id="hr1" style="clear: both; border-top: 1px solid #000000; top:10px;"></div><!-- Закрывающая полоска -->

<!-- Отображение времени в блоке меню -->
<div class="date">
<?php include:"date.php"
echo"Время: $date_H: $date_i"; echo" "; echo"Дата: $date_t $date_M $date_Y";?></div><!-- Отображение времени в блоке меню -->
<div id="hr2" style="clear: both; border-top: 1px solid #000000; top:10px;"></div><!-- Закрывающая полоска -->

<!-- Счетчик -->
<div class="count">
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t14.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=4407574&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/4407574/3_1_FFFFFFFF_EFEFEFFF_0_pageviews"
width="88" height="31" border="0" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" /></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<div style="display:none;"><script type="text/javascript">
(function(w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter4407574 = new Ya.Metrika(4407574);
yaCounter4407574.clickmap(true);
yaCounter4407574.trackLinks(true);

} catch(e) { }
});
})(window, 'yandex_metrika_callbacks');
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div style="position:absolute"><img src="//mc.yandex.ru/watch/4407574" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</div><!-- /Счетчик -->
</div><!-- /Блок главного меню -->

<div class="news_box">
<?php ?>
</div><!-- news закрыт! -->

</div><!-- main закрыт! -->

<div class="footer" style="background-image: url('images/footer.JPG');background-repeat: repeat-x;">&copy; copyright advokat-agureev.n.v - Designed by Skibin Alexander <a href="account.php">admin</a></div><!-- футтер закрыт! -->
</div><!-- /Главная заливка -->


</body>
</html>


css:
body {background-color:#2E2E2E;font-family:Arial,sans-serif;font-size:85%;}
h1 {font-size:19pt;}
h2 {font-size:15pt;}


.wrap{
margin:auto;
width:90%;
background-color:#fff;
padding:5px;
border:5px solid #ccc;
}

.line_up{
width:100%;
height:5px;
margin-top:0px;
}

.mininav{
width:100%;
height:15px;
padding:5px;
margin-top:1px;
}

.head{
height:200px;
width:100%;
margin-top:15px;
margin-bottom:5px;
}

ul#nav {
list-style-type:none;
margin:0;
padding:0;
}

#nav {
float:left;
width:100%;
height:75px; /* Высота всего меню (и верхнего уровня и нижнего, все вместе) */
position:relative;
margin:10px 0 40px; /* Отступ сверху и снизу от меню */
}

#nav .select, #nav .current {
margin:0;
padding:0;
list-style:none;
display:block;
}

#nav li {
font-family: Arial; /* Шрифт меню */
display:inline;
margin:0;
padding:0;
height:auto;
}

#nav .select a, #nav .current a {
display:block;
height:40px; /* Высота верхнего уровня */
float:left;
background: url("images/left_nav.png") no-repeat left top; /* Путь к левому изображению */
padding:0 0 0 5px;
text-decoration:none;
font-size:14px; /* Размер шрифта верхнего уровня */
line-height:40px;
white-space:nowrap;
margin-right: 2px; /* Отступы пунктов верхнего уровня */
position: relative;
z-index: 500;
}

#nav .select a b, #nav .current a b {
height:100%;
display:block;
background:url("images/right_nav.png") no-repeat right top; /* Путь к правому изображению */
padding:0 20px 0 15px;
color:#606060; /* Цвет ссылок верхнего уровня */
}

#nav .select a:hover, #nav .select li:hover a {
background-position:0 -50px;
cursor:pointer;
}

#nav .select a:hover b, #nav .select li:hover a b {
background-position:100% -50px;
color:#fff;
}

#nav .sub {
display:none;
}

#nav .current a {
background-position:0 -50px;
border-color:#046;
}
#nav .current a b {
background-position:100% -50px;
color:#fff; /* Цвет шрифта активного меню верхнего уровня */
}


#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover, #nav .sub_active .current_sub a, #nav .sub_active a:hover {
color:#fff; /* Цвет шрифта активного меню нижнего уровня */
text-decoration:underline;
}


#nav .select li a:hover .sub, #nav .select li:hover .sub, #nav .sub_active {
display:block;
position:absolute;
width:100%;
height: 35px;
top:40px;
left:0;
background:#006798; /* Фон нижнего уровня */
padding:0;
z-index:100;
}

#nav .sub_active {
z-index:10;
}

#nav .sub, #nav .sub_active {
margin:0;
padding:0;
list-style:none;
}


* html #nav .sub_active, * html #nav .select a:hover .sub {
z-index:-1;
margin-top:0;
margin-top:1px;
}

#nav .sub_active a {
height:25px;
float:left;
text-decoration:none;
line-height:24px;
white-space:nowrap;
font-weight:normal;
}

#nav .sub_active a, #nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
display:inline;
background:none;
padding:0 10px;
margin:0;
font-size:13px; /* Размер шрифта нижнего уровня */
width:auto;
white-space:nowrap;
font-weight:normal;
border:0;
color:#C9F1FF;
height:35px;
line-height:35px;
}



.main {
margin-top:1px;
position: relative;
width: 100%;
height:600px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.content {
height:300px;
width: 55%;
margin: 10px 20% 0px 22%;
padding: 5px;
}


.menu_box {
position: absolute;
top: 0px;
left: 0px;
width: 20%;
margin: 0px;
margin-top:10px;
padding: 5px;
border:1px solid #ccc;
}

.news_box{
position: absolute;
top: 0px;
right: 0px;
width: 20%;
margin: 0px;
padding: 5px;
margin-top:10px;
border:1px solid #ccc;
background-color: #f0f0f0;
}

.footer{
background-color:#356aa0;
height:20px;
font-size:12px;
text-align:center;
padding:10px;
margin-top:5px;
}
 
motek

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
AlexHitchens сказал(а):
Здравствуйте делаю страницу. Проблема такая , что при вводе в отдельном css файлике background-image...... не выводит картинку, если же я пишу в html странице через стаил то выводит.!!!
Вот два файла index.php и style.css , если вы обратите внимание то в отдельном classe head прописано все кроме backgraunda, потому что он его не отображает, а если написать через style="" все отображает Нужна помощь !
Нажмите, чтобы раскрыть...
уберите из индекса:
Код: 
style="background-image: url('images/head.GIF');background-repeat: repeat-x;"
и добавьте в стили:
Код: 
.head
{
background: transparent url('images/head.gif') repeat-x 0px 0px;
height:200px;
width:100%;
margin-top:15px;
margin-bottom:5px;
}
п.с. пользуйтесь кнопкой "код" (<>)
 
A

AlexHitchens

Well-Known Member
Регистрация
03.12.2010
Сообщения
66
Все сделал как было написано , но увы убрал стиль , и все погасло !
 
motek

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
A

AlexHitchens

Well-Known Member
Регистрация
03.12.2010
Сообщения
66
Да действительно что то не то в пути, потому что картинку с инета психа загружает!! :) , а мою нет :(

вот смотрите есть папка основная , там есть еще одна папка где css стиль , в этом корневом католоне располагается еще и папка images там файл head.GIF адрес который я пишу :mages/head.GIF

да и подскажите какую лучше кодировку странице задавать , и можете написать синтаксис , у меня win 1251
 
motek

motek

злой как @
Регистрация
13.04.2010
Сообщения
730
AlexHitchens сказал(а):
Да действительно что то не то в пути, потому что картинку с инета психа загружает!! :) , а мою нет :(

вот смотрите есть папка основная , там есть еще одна папка где css стиль , в этом корневом католоне располагается еще и папка images там файл head.GIF адрес который я пишу :mages/head.GIF
Нажмите, чтобы раскрыть...
если файл со стилями лежит в папке css, а картинка в папке images и обе эти папки в корневом каталоге, то адрес картинки будет ../images/head.gif

да и подскажите какую лучше кодировку странице задавать , и можете написать синтаксис , у меня win 1251
Нажмите, чтобы раскрыть...


лучше конечно utf-8...

Код: 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
0
Гости онлайн
100
Всего посетителей
100
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 933
Сообщения
64 098
Пользователи
12 697
Новый пользователь
House

Новые пользователи

Поделиться этой страницей

Верх Низ