Не работают стили css при добавлении в файл include

@Jordy · Регистрация: 26.04.2015

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

Уважаемые форумчане, добрый день!

Помогите решить следующую проблему:
У меня есть файл form.html на html. В нем прописан путь к файлу css и все работает, как надо.
Я в файле form.html добавляю код php <?php
include 'footer.php';
?>

и разметка едет. Файл css подключен, но содержимое страницы отображается неверно. Причем и содержимое страницы до кода php.

Расширение файла form меняла на form.php, все равно то же самое.

Кто может помочь?

@Programust · 08.06.2016, 17:27

а можете показать код файла form.html

@Jordy · 08.06.2016, 17:41 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <title>Однофамильцы</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
    <link rel="stylesheet" href="css/style_odnofam.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' />
    <link href='https://fonts.googleapis.com/css?family=Ubuntu:400,500&subset=latin,cyrillic,cyrillic-ext' rel='stylesheet' type='text/css'>
    
    <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
        <script src="js/modernizr.custom.js"></script>
    <![endif]-->
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
    <script src="js/functions.js" type="text/javascript"></script>
    <style media="screen">
    body { font: 16px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #444; }
    code { color: #777; font-family: "Source Code Pro", "Menlo", "Courier New", monospace;}
    a { color: #333; text-decoration: underline; font-style: italic; padding-top: 20px;}
    li a {font-style: normal; text-decoration: none;}
    .col a {font-style: normal; text-decoration: none;}
    .col-cnt a {font-size: 12px;}
    .container { margin: 0 auto; padding-bottom: 30px;}
    #info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;}
    #demo { padding: 0 50px; }
  </style>
</head>
<body>
    <div id="wrapper">
        
            <div class="main">
                <!-- shell -->
                <div class="shell" style="background: #fffddf; position: relative; z-index: 0;"> <!-- #f0d698  rgba(94,84,60,0.8)-->
                    <div class="container">
                                            
                        <section class="blog">
                        
                            <!-- content -->
                            <div class="content">
                                <!-- <img src="css/images/suchonos.jpg" alt=""  class="alignright" width="250px" height="auto"/> -->
                                <div class="cnt">
                                    <!-- <h3>Проект «Разработка оригинального сплава бронзы - аналога АМРСО-25» </h3>
                                    <h4 class="oderist">Заказчик: ВСМПО «АВИСМА» Свердловская обл. </h4> -->
                                    
                                    <p class="green">
                                    При выборе наименования нас привлекли титанические способности этого мифологического героя. Вот некоторые из них:  </p>
                                    
                                    <ul style="font-size: 18px; padding: 30px 0 0 40px; list-style: none; color: #333;">
    <li>1)&nbsp;&nbsp; Гиперион - это титан; </li>
    <li>2)&nbsp;&nbsp; Гиперион - один из 4-х титанов, которые держали небо, чтобы убедиться, что оно не упадет; </li>
    <li>3)&nbsp;&nbsp; Гиперион - отец бога Гелиоса; </li>
    <li>4)&nbsp;&nbsp; Как старший титан, Гиперион имел повышенную прочность; </li>
    <li>5)&nbsp;&nbsp; Как титан света, Гиперион имеет божественную силу и абсолютный контроль над светом и огнем; </li>
    <li>6)&nbsp;&nbsp; Гиперион может путешествовать со скоростью света. </li>
    </ul>
 
    
<p style="font-size: 20px; color: #333; text-align: left; width: 90%; padding: 30px 50px 10px 50px; margin: 0 auto;">
                                    Вот что известно о Гиперионе:  </p>
                                    <div class="container">
     
    <section id="demo">
 
      <article>
                                    <p style="color: #333; text-align: justify; width: 100%; padding: 10px 0px; margin: 0 auto;">
                                    <span class="strong">Гиперио&#x301;н</span> (др-греч. Υπερίων - очень высокий) - в древнегреческой 
                                    мифологии титан, сын Урана и Геи, супруг своей сестры Тейи, отец Гелиоса, Селены и Эос.  </p>
                                                                        
                                        
                                    
        
                <p style="color: #333; text-align: justify; width: 100%; margin: 0 auto;">По эвгемеристическому истолкованию, Гиперионом звали человека, первым постигшего 
                                    движение небесных светил, почему его и стали называть «отцом» их.<br><br>
                                    По Гесиоду, Гиперион - это титан, солнечный бог, отец зари-Авроры, Солнца и Луны (Эос, Гелиоса и Селены). 
                                    В «Одиссее» (XII) Гиперион отождествляется с Гелиосом: 
                                    Гелиос-Гиперион держит своих священных коров на острове Тринакрия (возможно, это современная Сицилия).<br><br>
                                    Как и его братья и сестры Гиперион родился от Урана и Геи, которым соответствует персонификация земли и неба. 
                                    Когда Кронос собирался свергнуть своего отца, Гиперион был одним из четырех титанов, 
                                    которые держали небо, чтобы убедиться, что оно не упадет. Причина, почему он является Повелителем Востока, 
                                    объясняется тем, что он был ответственным за эту часть неба, следовательно, теперь понятно, 
                                    почему солнце всегда поднимается с востока. Позже он женился на своей сестре Тейе и от него 
                                    она родила зарю, луну и солнечных богов. В первой войне Гиперион боролся за Кроноса против 
                                    Олимпийцев. После поражения был брошен, наряду со многими титанами, в Тартар.<br><br> 
                                    </p>        
      </article>
      
    </section>
  </div>
                            <div id="afterblock">
                                <p class="green">
                                    Для того, чтобы нас не путали с другими компаниями, произведениями или героями, приводим перечень наиболее известных однофамильцев:   </p>   
                                    
                                <span class="obj" style="padding-top: 30px;">Компании</span>
                                    <ul class="objul" style="font-size: 18px; color: #333;">
    <li>&nbsp; <a href="http://hyperion-book.ru" target="_blank">«Гиперион»</a> - книжное издательство, основано в 1995 в Санкт-Петербурге. </li>
    <li>&nbsp; <a href="http://www.hyperion-records.co.uk/" target="_blank">Hyperion Records (Гиперион)</a> - британская звукозаписывающая компания. </li>
    <li>&nbsp; <a href="http://giperion.biz/" target="_blank">«Гиперион»</a> - компания, занимающаяся отопительным оборудованием, г.Хабаровск.</li>
    <li>&nbsp; <a href="http://www.hyperionbook.ru/" target="_blank">«Гиперион»</a> - книжный клуб-магазин, г.Москва.</li>
    
</ul><br><br>
                    
                
                                            
                                
                                
                                </div>
                                </div>
                            </div>
                            
                            <!-- end of content -->
                        <div class="cl">&nbsp;</div>
                        </section>  
                                                        
                        
                                            
                    </div>
                <!-- end of shell -->
                </div>
                <!-- end of container -->
            </div>
            <!-- end of main -->
        </div>  
        <!-- footer-push -->
        <div id="footer-push"></div>
        <!-- end of footer-push -->
    
    <!-- end of wrapper -->
    
    <?php
 
include "footer.php"; // подключаем содержимое файла 
 
?>
    
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 
  <script src="readmore.js"></script>
 
  <script>
    $('#info').readmore({
      moreLink: '<a href="#">Usage, examples, and options</a>',
      collapsedHeight: 384,
      afterToggle: function(trigger, element, expanded) {
        if(! expanded) { // The "Close" link was clicked
          $('html, body').animate({scrollTop: element.offset().top}, {duration: 100});
        }
      }
    });
 
    $('article').readmore({speed: 500});
  </script>
</body>
</html>

@Programust · 08.06.2016, 18:10

HTML5
1
2
 <link rel="stylesheet" href="css/style_odnofam.css" type="text/css" media="all" />
 <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />

какой файл стилей именно не работает?
Или оба?

Добавлено через 12 минут
Всё у вас должно работать... Единственное, посмотреть бы что вы подключаете? В этом файле есть стили, которые могут например дублировать подключаемые в head стили?

@Jordy · 08.06.2016, 19:55 **[ТС]**

Не работает style_odnofam. Сейчас попробую отключить flexslider, он здесь по идее не нужен. (отключила, не помогло)

В тот то и дело, что все должно работать. И половина стилей работает. Но другая половина не работает.

На всякий случай выкладываю файл style_odnofam.css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
* { margin: 0; padding: 0; outline: 0; }
 
body, html { height: 100%; }
 
body {
    font-size: 12px;
    line-height: 22px;
    font-family: 'Ubuntu', sans-serif;
    color: #828282;
    /* background: url(images/body.png) repeat 0 0; */
    min-width: 980px;
}
 
/*font-family: 'Ubuntu', sans-serif;*/
 
a { color: #067aa7; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.view { background: url(images/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }
 
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; margin: 20px;}
.footer-cols-dop {display: none;}
 
.shell  { width: 100%; margin: 0 auto; }
.shell.nav {width: 90%; margin: 0 auto;}
.shell.foot{width: 65%; margin: 0 auto;}
.oderist {font-size: 18px;}
.dopheader{text-align:center; font-size:30px;}
.logoin {display: none;}
 
.strong {
display: inline;    
font-size: 20px;
font-weight: bold;
}
article p{font-size:18px;}
 
.strong_in {
display: inline;    
font-size: 18px;
font-weight: bold;  
}
 
.another {
display: block; 
font-size: 18px;
padding-left: 50px; 
}
.accordion h2:hover {
cursor: pointer;    
}
 
.accordion {
padding-left: 50px; 
}
.obj {
display: block; 
font-size: 23px;
/* font-weight: bold; */
padding-left: 50px;
color: #333;
}
 
.objul{padding-left: 120px;}
.our{font-size: 24px; color: #333; text-align: center; width: 60%; padding: 30px 50px 30px 50px; margin: 0 auto;}
.green{font-size: 22px; font-weight: bold; color: #d4cc00; text-align: center; 
background-color: #568f56; width: 85%; padding: 10px 50px; margin: 0 auto; text-shadow: none;}
 
#afterblock li a {
text-decoration: none;
color: #004d7b; 
}
 
.header-top { background: #004d7b/* url(images/header-t.png) repeat-x 0 0 */; width: 100%; height: auto; position: absolute; top: 0; left: 0; right: 0; }
.header-bottom { background: #004d7b/* url(images/header-b.png) repeat-x 0 0 */; width: 100%; height: 72px; position: absolute; bottom: 0; left: 0; right: 0; }
.header-center { background: #004d7b /* url(images/header-i.png) repeat 0 0 */; width: 100%; position: relative; }
.header-inner { z-index: 99; position: relative; background: url(images/header-cnt.png) repeat-y center 0; }
 
.header-cnt #logo { width: 397px; font-size: 0; line-height: 0;  }
.header-cnt #logo a { height: 134px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; display: block;  }
.header-cnt { width: 100%; padding-top: 30px; }
.header-cnt h2 { font-size: 74px; line-height: 83px; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;  font-weight: bolder; } 
.header-cnt h3 { font-size: 40px; padding-bottom: 8px; line-height: 50px; font-weight: normal;  color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; font-family: tahoma, arial, helvetica, serif;  } 
.header-cnt p { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; padding-bottom: 10px; }
.header-cnt a.blue-btn { background: url(images/blue-btn.png) no-repeat 0 -75px; position: relative; 
bottom: -30px; z-index: 100; width: 198px; height: 70px; text-align: center; line-height: 56px; 
display: block; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px; font-family: 'Ubuntu', sans-serif; font-weight: 700;   }
.header-cnt a.blue-btn:hover  { text-decoration: none; background-position: 0 0px; }
 
.main {position: relative; height: 100%; width: 100%;}
.main span.shadow-top { background: url(images/main-shadow.png) repeat-x 0 0;  top: 0; left: 0; position: absolute; width: 100%;  height: 46px; z-index: 20; display: block;  }
.main h2 { font-size: 28px; color: #2d2d2d; line-height: 28px; font-family: 'Ubuntu', sans-serif; font-weight: 500; padding-bottom: 12px; }
.main h3 { font-size: 20px; color: #2d2d2d; line-height: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; padding-bottom: 8px; }
.main section { /* background: url(images/section-shadow.png) no-repeat 0 bottom; */ /* box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2); */ /* padding-top: 40px; */ padding-bottom: 23px;  }
.main section:last-of-type { background: transparent; }
 
.main .testimonial { text-align: center; padding-right: 88px; padding-left: 88px; }
.main .testimonial p { padding-bottom: 10px; }
.main .testimonial p strong { font-size: 28px; font-family: georgia, serif; position: relative; top: 10px; left: -5px; }
 
.main .content { width: 100%;}
.main .content ul { /* list-style: none; */ /* list-style-type: decimal; */ /* list-style-position: outside; */ padding-top: 8px;  }
.main .content ul li { padding-left: 8px; /* background: url(images/bullet.png) no-repeat 0 9px; */ padding-bottom: 5px;  }
.main .content ul li a { text-decoration: underline; }
.main .content ul li a:hover { text-decoration: none; }
.main .content img.alignleft { margin-right: 22px; }
.main .content .cnt { /* overflow: hidden; */ height: 100%; color: #f0f8ff; text-shadow: 0px 0px 1px #a89d9d; text-align}
.main section.blog {width: 70%; margin: 0 auto;}
.cnt {font-size: 15px;}
 
.main .sidebar { width: 45%;  float: right; }
.main .sidebar ul { list-style: none; list-style-position: outside; }
.main .sidebar ul li { position: relative; padding-left: 84px; background: url(images/sidebar-list-border.png) no-repeat 0 bottom; padding-bottom: 15px; margin-bottom: -13px; min-height: 72px; }
.main .sidebar ul li .img-holder { position: absolute; top: 6px; left: 0px; width: 66px; height: 48px; padding: 2px; border: 1px solid #d7d7d6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.main .sidebar ul li img { width: 66px; height: 48px; }
.main .sidebar ul li .mobile { font-style: normal; display: none; }
.main .sidebar ul li a { color: #828282; }
.main .sidebar ul li a:hover { text-decoration: none; color: #666;  }
.main .sidebar ul li p { padding-bottom: 7px; }
.main .sidebar ul li span { font-size: 10px; color: #c0c0c0; display: block; }
.main .sidebar .widget ul li.last { background: transparent; }
 
.main .cols { padding-bottom: px;  }
.main .cols a.view { margin-right: 16px; position: absolute; bottom: 0; right: 45px; }
.main .cols .col { width: 292px; float: left; background: url(images/col-separator.png) no-repeat right 0; padding-right: 45px; margin-right: 12px; padding-bottom: 16px; position: relative; }
.main .cols .col-cnt { padding-top: 7px; height:  100%; overflow: hidden }
.main .cols .col img.alignleft { margin-right: 7px; }
.main .cols .col.last { width: 280px; padding-right: 0; margin-right: 0; background: transparent; }
 
html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -286px; }
#footer, #footer-push { height: 286px; }
#footer span.shadow-bottom { background: url(images/main-shadow-bottom.png) repeat-x 0 0;  top: -46px; left: 0; position: absolute; width: 100%; height: 46px; z-index: 20; display: block;  }
 
#footer { /* border-top: 1px solid #fff; */ position: relative; height: auto; }
.footer-cols { background: url(images/footer-cols.png) repeat-x 0 0; padding: 26px 0 14px 0; }
.footer-cols .col { float: left; width: 226px; padding-right: 24px; }
.footer-cols .col.last { padding-right: 0; }
.footer-cols h3 { color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; font-size: 21px; line-height: 28px; font-family: 'Ubuntu', sans-serif; font-weight: 500; padding-bottom: 12px; }
.footer-cols h3 a { color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; }
.footer-cols h3 a:hover { text-decoration: none; color: #bdbdbd;  }
.footer-cols p { color: #fff; }
.footer-cols p a { color: #fff; }
.footer-cols ul { list-style: none; list-style-position: outside; }
.footer-cols ul li { color: #fff; padding-bottom: 6px; padding-left: 9px; background: url(images/bullet-footer-col.png) no-repeat 0 8px; }
.footer-cols ul li a { color: #fff; }
 
.footer-bottom { background: #d4cc00; height: 14px; padding: 22px 0 18px 0; }
.footer-nav { float: left; font-size: 11px; line-height: 11px;  }
.footer-nav ul { list-style: none; list-style-position: outside; }
.footer-nav ul li { float: left; padding: 0 10px; background: url(images/footer-nav-border.png) no-repeat 0 0; }
.footer-nav ul li.first { background: transparent; padding-left: 0;  }
.footer-nav ul a { color: #6b848a; }
.footer-bottom p.copy { float: right; color: #6b848a;  line-height: 11px; }
.footer-bottom p.copy span  { padding: 0 9px;  }
.footer-bottom p.copy a { text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }

все содержимое сайта выровняно по левому краю вместо центра. И виден блок .footer-cols-dop, хотя он не должен отображаться(в стилях к нему {display: none;})

@Programust · 08.06.2016, 21:19

Проверяйте как вы подключаете файл css... путь правильный или нет относительно файла form.html?
Я подключил ваши стили и у меня всё работает...
Больше ни чем не могу помочь)

@Jordy · 08.06.2016, 22:10 **[ТС]**

Думаю, путь подключения правильный, ведь 90% правил css из этого файла работают.

@СлаваВирус · 08.06.2016, 22:12

Сообщение от Jordy

Думаю, путь подключения правильный, ведь 90% правил css из этого файла работают.

Если 90% работает, то необходимо проверить и показать какие именно правила не применяются, возможно они перекрываются в стилях, указанных напрямую в коде

@Jordy · 08.06.2016, 22:16 **[ТС]**

например, не работает правило .footer-cols-dop {display: none;}

элемент .footer-cols-dop находится в файле footer.php и к нему ничего не прописано в самом элементе. Привожу код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
    <div  id="footer">
        <span class="shadow-bottom"></span>
        <!-- footer-cols -->
        <div class="footer-cols-dop">
            <!-- shell -->
            <div class="shell">         
                <div class="col">
                    <h3 style="color:#ffffff;">Контакты</h3>
                    <div class="col-cnt">
                        <p><strong>Email:</strong> hyperion.center@gmail.com</p>
                        <p><strong>Тел:</strong>+7 (916) 600-8009</p>
                        <p><strong>Адрес:</strong> 121165 Москва, Кутузовский пр., 35, офис 1</p>   
                    </div>
                </div>
                <div class="cl">&nbsp;</div>
            </div>
            <!-- end of shell -->
        </div>
        <div class="footer-cols">
            <!-- shell -->
            <div class="shell foot">
                <div class="col">
                    <h3><a href="#">Решения</a></h3>
                    <div class="col-cnt">
                        <ul>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col">
                    <h3><a href="#">Кейсы</a></h3>
                    <div class="col-cnt">
                        <ul>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col">
                    <h3><a href="#">Справочники</a></h3>
                    <div class="col-cnt">
                        <ul>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                            <li><a href="#">Полезная ссылка</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col">
                    <h3><a href="#">Контакты</a></h3>
                    <div class="col-cnt" style="font-size: 16px;">
                        <p><strong>Email:</strong> <a href="#">hyperion.center@gmail.com</a></p>
                        <p><strong>Тел:</strong>+7 (916) 600-8009</p>
                        <p><strong>Адрес:</strong> 121165 Москва, Кутузовский пр., 35, офис 1</p>   
                    </div>
                </div>
                <div class="cl">&nbsp;</div>
            </div>
            <!-- end of shell -->
        </div>
        <!-- end of footer-cols -->
        <div class="footer-bottom">
            <div class="shell" style="width: 65%; margin: 0 auto;">
                <nav class="footer-nav">
                    <ul>
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">Проекты</a></li>
                        <li><a href="#">Команда</a></li>
                        <li><a href="#">Статьи</a></li>
                        <li><a href="#">Материалы по теме</a></li>
                        <li><a href="#">Однофамильцы</a></li>
                        <!-- <li><a href="#">Blog</a></li>
                        <li><a href="#">Contacts</a></li> -->
                    </ul>
                    <div class="cl">&nbsp;</div>
                </nav>
                <p class="copy">&copy; Copyright 2016<span>|</span>www.hyperion-center.ru <!-- Design by <a href="http://chocotemplates.com" target="_blank">ChocoTemplates.com</a> --></p>
            </div>
        </div>
    </div>

@СлаваВирус · 08.06.2016, 22:26

И как предыдущий оратор могу только сказать, что код рабочий. Стили не перекрываются и если работает часть кода, то работает весь код со стилями) Единственный вопрос немного глуповатый - как именно отображается блок .footer-cols-dop ? Какие данные должны быть скрыты?

@Jewbacabra · 08.06.2016, 22:29

Jordy, если в строке браузера ввести

Code
1
view-source:http://www.sitename.com/bla-bla-bla

, будет выведен корректный html?

@Jordy · 08.06.2016, 22:35 **[ТС]**

да выводится

Добавлено через 2 минуты
Весь блок .footer-cols-dop должен быть скрыт, так как он отображается только для мобильных устройств.

@Jewbacabra · 08.06.2016, 22:36

Сообщение от Jordy

да выводится

Понятно что выводится, он такой каким должен быть?
Файл со стилями загружается? Проверять в консоли браузера.

@Jordy · 08.06.2016, 22:51 **[ТС]**

да код верный, в консоли нет ошибок

@Jewbacabra · 08.06.2016, 22:58

Сообщение от Jordy

да код верный, в консоли нет ошибок

Значит в css косяк

@Jordy · 08.06.2016, 23:04 **[ТС]**

в том то и дело, что в чистом файле html, в котором я блок футер прописываю прямо в файле, а не использую include php, стили css работают полностью

@Jewbacabra · 08.06.2016, 23:07

Jordy, тогда вот это не правда

Сообщение от Jordy

да код верный

@Jordy · 08.06.2016, 23:13 **[ТС]**

мне вам принтскрин прислать об отсутствии ошибок?

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Jordy 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 40

	Не работают стили css при добавлении в файл include 08.06.2016, 17:22. Показов 6561. Ответов 17 Метки нет (Все метки) Уважаемые форумчане, добрый день! Помогите решить следующую проблему: У меня есть файл form.html на html. В нем прописан путь к файлу css и все работает, как надо. Я в файле form.html добавляю код php <?php include 'footer.php'; ?> и разметка едет. Файл css подключен, но содержимое страницы отображается неверно. Причем и содержимое страницы до кода php. Расширение файла form меняла на form.php, все равно то же самое. Кто может помочь? 0

@Programust 23 / 23 / 7 Регистрация: 27.07.2015 Сообщений: 149
	08.06.2016, 17:27
	а можете показать код файла form.html 0

@Programust 23 / 23 / 7 Регистрация: 27.07.2015 Сообщений: 149
	08.06.2016, 21:19
	Проверяйте как вы подключаете файл css... путь правильный или нет относительно файла form.html? Я подключил ваши стили и у меня всё работает... Больше ни чем не могу помочь) 0

@Jordy 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 40
	08.06.2016, 22:10 [ТС]
	Думаю, путь подключения правильный, ведь 90% правил css из этого файла работают. 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	08.06.2016, 22:26
	И как предыдущий оратор могу только сказать, что код рабочий. Стили не перекрываются и если работает часть кода, то работает весь код со стилями) Единственный вопрос немного глуповатый - как именно отображается блок .footer-cols-dop ? Какие данные должны быть скрыты? 0

@Jordy 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 40
	08.06.2016, 22:35 [ТС]
	да выводится Добавлено через 2 минуты Весь блок .footer-cols-dop должен быть скрыт, так как он отображается только для мобильных устройств. 0

@Jordy 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 40
	08.06.2016, 22:51 [ТС]
	да код верный, в консоли нет ошибок 0

@Jordy 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 40
	08.06.2016, 23:04 [ТС]
	в том то и дело, что в чистом файле html, в котором я блок футер прописываю прямо в файле, а не использую include php, стили css работают полностью 0

@Jordy 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 40
	08.06.2016, 23:13 [ТС]
	мне вам принтскрин прислать об отсутствии ошибок? 0