Не применяется стиль CSS при использовании Ajax

@Sice · Регистрация: 15.06.2014

Author24 — интернет-сервис помощи студентам

Имеется сценарий php такого рода:

PHP/HTML

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>title</title>
    <link rel="stylesheet" href="dwos/style.css" type="text/css"  />
</head>
 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
setInterval(function() {
$("#refresh").load(location.href+" #refresh>*","");
}, 10000); 
</script><center>
 
<body>
 
<?php
 
include("connect.php");
include("functions.php");
 
 if(!isset($_GET['page'])){
  $p = 1;
}
else{
  $p = addslashes(strip_tags(trim((int)$_GET['page'])));
  if($p < 1) $p = 1;
}
 
$num_elements = 12; // Кол-во записей выводимых на страницу..
 
$total = mysql_result(mysql_query("SELECT COUNT(*) FROM `live`"),0,0); //Подсчет общего числа записей
$num_pages = ceil($total / $num_elements); //Подсчет числа страниц
if ($p > $num_pages) $p = $num_pages;
$start = ($p - 1) * $num_elements; //Стартовая позиция выборки из БД
 
 $sql= "SELECT * FROM live ORDER BY id DESC";
 
 // Скармливаем наш запрос MySQL
 $result = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);
 
 $table .= "<div id=refresh>"; // Ajax <3
 // Рисуем табличку
 $table .= "<table class=simple-little-table width=63% cellspacing=0 align=center>\n";
 
 $table .= "<tr>\n";
 $table .= "<th><center>ID</center></th>\n"; 
 $table .= "<th><center>Время</center></th>\n";
 $table .= "<th><center>Событие</center></th>\n"; 
 $table .= "<th><center>Прогноз</center></th>\n"; 
 $table .= "<th><center>КФ</center></th>\n"; 
 $table .= "<th><center>Результат</center></th>\n";
 
            $sel = "SELECT * FROM `live` ORDER BY id DESC LIMIT ".$start.", ".$num_elements;
            $query = mysql_query($sel);
            if(mysql_num_rows($query)>0){
 
 while ($res = mysql_fetch_array($query))
 {
 
     $table .= "<tr>\n";
 
     $table .= "<td>".$res['id']."</td>\n";
     $table .= "<td>".$res['date']."</td>\n";
     $table .= "<td>".$res['match']."</td>\n";
     $table .= "<td>".$res['prognoz']."</td>\n";
     $table .= "<td>".$res['kef']."</td>\n";
     $table .= "<td>".$res['rezult']."</td>\n";
 
     $table .= "</tr>\n";
     
 }
}
 $table .= "</table>\n";
 $table .= "</div>";
  
 // Выводим заполненую таблицу на экран
 echo $table;
 echo GetNav($p, $num_pages); // Вывод навигации по страницам.. 
 
 ?>
 
 </script>
 </center>
 </body>
 </html>

Проблема в том, что стиль CSS не применяется к Выводу навигации по страницам. Функция GetNav выводит навигацию, но стиль на неё не применяется.. Подскажите пожалуйста, почему ?

zhibirc · 16.06.2014, 11:59

У вас, как минимум, нарушена вложенность тегов. Тег <center> открывается до <body> а закрывается перед закрывающим </body>. Там же непарный тег </script>. Пересмотрите HTML-разметку. И старайтесь разделять оформление, логику работы и семантику содержимого.

@Sice · 16.06.2014, 12:08 **[ТС]**

Сообщение от !i

У вас, как минимум, нарушена вложенность тегов. Тег <center> открывается до <body> а закрывается перед закрывающим </body>. Там же непарный тег </script>. Пересмотрите HTML-разметку. И старайтесь разделять оформление, логику работы и семантику содержимого.

Теги поправил, но проблема осталась

zhibirc · 16.06.2014, 12:24

Я могу ошибаться и может чего-то не досмотрел, но практика таких вопросов, как ваш ("Не применяется стиль") часто лежит в плоскости либо невнимательности, либо в таких деталях, которые легче увидеть и пофиксить самому чем гадать тут. Чтобы увидеть откройте FireBug или его аналог в другом браузере. Сначала посмотрите, подгружается ли ваш файл стилей. Сверьте селектор с нужным стилем с элементом на странице, к которому хотите его применить (выберите элемент и посмотрите, применился ли к нему стиль). Возможно, применяемые стили перекрываются другими, нижележащими. Тогда вы можете увидеть нужный вам стиль в консоли перечеркнутым.

@Sice · 16.06.2014, 12:55 **[ТС]**

Сообщение от !i

Я могу ошибаться и может чего-то не досмотрел, но практика таких вопросов, как ваш ("Не применяется стиль") часто лежит в плоскости либо невнимательности, либо в таких деталях, которые легче увидеть и пофиксить самому чем гадать тут. Чтобы увидеть откройте FireBug или его аналог в другом браузере. Сначала посмотрите, подгружается ли ваш файл стилей. Сверьте селектор с нужным стилем с элементом на странице, к которому хотите его применить (выберите элемент и посмотрите, применился ли к нему стиль). Возможно, применяемые стили перекрываются другими, нижележащими. Тогда вы можете увидеть нужный вам стиль в консоли перечеркнутым.

Спасибо, буду искать

Добавлено через 14 минут

HTML5

<center>
<table class="simple-little-table" width="63%" cellspacing="0">
<div id="refresh">
<table class="simple-little-table" width="63%" cellspacing="0" align="center">
<a href="/index.php?page=2">2</a>
<a href="/index.php?page=2">></a>
</div>
1
<a href="/index.php?page=2">2</a>
<a href="/index.php?page=2">></a>

Вот посмотрел код в браузере, навигация получается за тегом <div> который динамически обновляет контент, если тег опустить вниз, за вывод навигации, тогда после динамического обновления пропадает навигация вовсе)

zhibirc 650 / 235 / 77 Регистрация: 18.02.2013 Сообщений: 784
	16.06.2014, 11:59	2
	У вас, как минимум, нарушена вложенность тегов. Тег <center> открывается до <body> а закрывается перед закрывающим </body>. Там же непарный тег </script>. Пересмотрите HTML-разметку. И старайтесь разделять оформление, логику работы и семантику содержимого. 1

@Sice 0 / 0 / 0 Регистрация: 15.06.2014 Сообщений: 11
	16.06.2014, 12:08 [ТС]	3
	Сообщение от !i У вас, как минимум, нарушена вложенность тегов. Тег <center> открывается до <body> а закрывается перед закрывающим </body>. Там же непарный тег </script>. Пересмотрите HTML-разметку. И старайтесь разделять оформление, логику работы и семантику содержимого. Теги поправил, но проблема осталась 0

zhibirc 650 / 235 / 77 Регистрация: 18.02.2013 Сообщений: 784
	16.06.2014, 12:24	4
	Я могу ошибаться и может чего-то не досмотрел, но практика таких вопросов, как ваш ("Не применяется стиль") часто лежит в плоскости либо невнимательности, либо в таких деталях, которые легче увидеть и пофиксить самому чем гадать тут. Чтобы увидеть откройте FireBug или его аналог в другом браузере. Сначала посмотрите, подгружается ли ваш файл стилей. Сверьте селектор с нужным стилем с элементом на странице, к которому хотите его применить (выберите элемент и посмотрите, применился ли к нему стиль). Возможно, применяемые стили перекрываются другими, нижележащими. Тогда вы можете увидеть нужный вам стиль в консоли перечеркнутым. 0

	16.06.2014, 12:55