С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Социальные группы Поиск Сообщения за день Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 04.08.2013
Сообщений: 3
1

не работает css

04.08.2013, 08:05. Показов 1597. Ответов 4
Метки нет (Все метки)
Author24 — интернет-сервис помощи студентам
я вроде все правильно написал при на ведении на эллемениты в правой части экрана они должны подниматься
примечание вчера все работало встаю сегодня утром ни чего не работает не работает

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>персональный Сайт</title>
<link rel="stylesheet" href="page.css">
<script>
</script>
</head>
 
<body>
 
<div class="conect" id='conect'>
    <div class="box height2 width2" style="background: #00a8ec;"></div>
    <div class="box " style="background: #00a8ec;"></div>
    <div class="box " style="background: #00a8ec;"></div>
</div>
 
<div class="stat">
    <div class="menu">
        <div class="box" style="background: #ffc808;">
        <div class="itemOne">
            <span>Seargh</span>
            <div class="ya-site-form ya-site-form_inited_no dows" onclick="return {'bg': '#ffcc00', 'target': '_self', 'language': 'ru', 'suggest': true, 'tld': 'ru', 'site_suggest': true, 'action': 'http://isib.com/seargh.php', 'webopt': false, 'fontsize': 12, 'arrow': false, 'fg': '#000000', 'searchid': '2064640', 'logo': 'rb', 'websearch': false, 'type': 2}"><form  action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2064640" /><input type="hidden" name="l10n" value="ru" /><input type="hidden" name="reqenc" value="" /><input type="text" name="text" value="" /><input type="submit" value="Найти" /></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;(' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1&&(e.className+=' ya-page_js_yes');s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>
            <img class="icon" style="left: 89px; top: 33px;" src="images/icon/seargh.png" alt="" />
        </div>
        </div>
        <div class="box" style="background: #43b51f;">
        <div class="itemOne">
            <span>User</span>
            <img class="icon" style="left: 70px; top: 33px;" src="images/icon/user.png" alt="" />
            <div class="dows"></div>
        </div>
        </div>
        <div class="box height2" style="background: #00aeef;">
        <div class="itemOne">
            <span>Menu</span>
            <img class="icon" src="images/icon/menu.png" alt="" />
            <div class="dows">
                <a><p>Главная</p></a>
                <a><p>фото галлерея</p></a>
                <a><p class="ti2">природа</p></a>
                <a><p class="ti2">портреты</p></a>
                <a><p class="ti2">вода</p></a>
                <a><p class="ti2">еще</p></a>
            </div>
        </div>
        </div>
    </div>
</div>
 
 
 
 
</body>
</html>







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

*{margin:0px; padding:0px;}
 
@font-face { font-family: 'OpenSansLight'; src: url('../webfonts/opensans-light-webfont.eot'); src: url('../webfonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/opensans-light-webfont.woff') format('woff'), url('../webfonts/opensans-light-webfont.ttf') format('truetype'), url('../webfonts/opensans-light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; }
 
::-webkit-scrollbar{
    width:12px;
}
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #777;
    background-color: #aaa;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #555;
    background-color: #777;
}
::-webkit-scrollbar-track{
    border-width:0;
}
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #aaa;
    background-color: #eee;
}
 
body{
    
}
 
.stat{
    position: fixed;
    right: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 272px;
    overflow: hidden;
}
 
.conect{
    overflow: hidden;
    top: 0px;
    left: 0px;
    right: 200px;
    bottom: 0px;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    position: relative;
}
 
p {text-indent: 16px;}
.ti2{text-indent: 32px;}
 
.conect .box {}
.box { position: relative; margin: 8px; padding: 0px; width: 256px; height: 128px; text-decoration: none; cursor: pointer; overflow: hidden; color: #fff; z-index: 9; }
.box:hover { opacity: 0.85; }
.box span { position: absolute; left: 16px; top: 108px; font-size: 16px; font-weight: normal; z-index: 8; margin:0px; padding:0px; }
.box img.icon { position: absolute; left: 45%; top: 45%;  z-index: 7; }
.box img.big { margin-left: -64px; margin-top: -64px; }
.box img.cover { position: absolute; left: 0; top: 0; width: 100%; z-index: 6; }
.box .itemOne{ -webkit-transition: all 0.5s ease; width: 240px; height: 128px; top:0px; left:0px; margin:0px; padding:0px;}
.box .itemOne:hover  {-webkit-transform: translateY(-108px);}
.dows{position: relative; bottom: -140px;}
.width2 { width: 528px; }
.width3 { width: 784px; }
.width4 { width: 1048px; }
.height2  { height: 264px;}
.height2 span { position: absolute; left: 16px; top: 244px; font-size: 16px; font-weight: normal; z-index: 8; margin:0px; padding:0px; }
.height2  .itemOne:hover  {-webkit-transform: translateY(-244px);}
.height2  .dows{position: relative; bottom: -300px;}
.height3 { height: 400px; }
.height4 { height: 536px; }
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 04.08.2013, 08:05
Ответы с готовыми решениями:

CSS, не работает ссылка на .css документ через java script
&lt;head&gt; &lt;title&gt;Сайта&lt;/title&gt; &lt;script language=JavaScript&gt; if...

Css не работает - HTML, CSS
Не показывает css-код в комментарии GRID из Html-кода PORTFOLIO В html ввожу картинки, все...

Не работает .css(MarginLeft) и .css("margin-left")
При клике ничего не происходит. Что не так? Как исправить? П.с. на всякий случай попробовал двумя...

Css не работает
css уже во втором шаблоне перестает пахать. В первом просто на середине перестал отображать стили,...

4
2 / 2 / 1
Регистрация: 12.06.2013
Сообщений: 57
04.08.2013, 08:30 2
HTML5
1
2
3

<style type="text/css" media="all">
@import url(style.css);
</style>
сделай так подключение файла css в html документе.
0
0 / 0 / 0
Регистрация: 04.08.2013
Сообщений: 3
04.08.2013, 08:34  [ТС] 3
вставил в голову и тело
не работает
0
2 / 2 / 1
Регистрация: 12.06.2013
Сообщений: 57
04.08.2013, 08:52 4
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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>персональный Сайт</title>
<style type="text/css" media="all">
@import url(style.css);
</style>
<script>
</script>
</head>
 
<body>
 
<div class="conect" id='conect'>
    <div class="box height2 width2" style="background: #00a8ec;"></div>
    <div class="box " style="background: #00a8ec;"></div>
    <div class="box " style="background: #00a8ec;"></div>
</div>
 
<div class="stat">
    <div class="menu">
        <div class="box" style="background: #ffc808;">
        <div class="itemOne">
            <span>Seargh</span>
            <div class="ya-site-form ya-site-form_inited_no dows" onclick="return {'bg': '#ffcc00', 'target': '_self', 'language': 'ru', 'suggest': true, 'tld': 'ru', 'site_suggest': true, 'action': 'http://isib.com/seargh.php', 'webopt': false, 'fontsize': 12, 'arrow': false, 'fg': '#000000', 'searchid': '2064640', 'logo': 'rb', 'websearch': false, 'type': 2}"><form  action="http://yandex.ru/sitesearch" method="get" target="_self"><input type="hidden" name="searchid" value="2064640" /><input type="hidden" name="l10n" value="ru" /><input type="hidden" name="reqenc" value="" /><input type="text" name="text" value="" /><input type="submit" value="Найти" /></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;(' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1&&(e.className+=' ya-page_js_yes');s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script>
            <img class="icon" style="left: 89px; top: 33px;" src="images/icon/seargh.png" alt="" />
        </div>
        </div>
        <div class="box" style="background: #43b51f;">
        <div class="itemOne">
            <span>User</span>
            <img class="icon" style="left: 70px; top: 33px;" src="images/icon/user.png" alt="" />
            <div class="dows"></div>
        </div>
        </div>
        <div class="box height2" style="background: #00aeef;">
        <div class="itemOne">
            <span>Menu</span>
            <img class="icon" src="images/icon/menu.png" alt="" />
            <div class="dows">
                <a><p>Главная</p></a>
                <a><p>фото галлерея</p></a>
                <a><p class="ti2">природа</p></a>
                <a><p class="ti2">портреты</p></a>
                <a><p class="ti2">вода</p></a>
                <a><p class="ti2">еще</p></a>
            </div>
        </div>
        </div>
    </div>
</div>
 
 
 
 
</body>
</html>
Добавлено через 3 минуты
Только вместо style.css напиши page.css
0
0 / 0 / 0
Регистрация: 04.08.2013
Сообщений: 3
04.08.2013, 08:53  [ТС] 5
данное решение не работает в моем браузере хром оно не заставляет двигаться элементы меню
0
04.08.2013, 08:53
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 04.08.2013, 08:53
Помогаю со студенческими работами здесь

CSS не работает
Прикладываю ссылку на CSS файл в head вот так: &lt;link href=&quot;style.css&quot; type=&quot;text/css&quot;...

Не работает CSS
И снова всем здравствуйте! На этот раз, дело вот в чём. При создании очередной страницы на...

Не работает css
Есть 2 таблицы css 1-responsive.css, 2-style.css(основная) и работает только она &lt;link...

Не работает CSS
Написал простой код : &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

Новые блоги и статьи
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
Что такое NullReferenceEx­­­ception и как исправить?
InfoMaster 08.01.2025
NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .
Что такое Null Pointer Exception (NPE) и как это исправить?
InfoMaster 08.01.2025
Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .
Русский язык в консоли C++
InfoMaster 08.01.2025
При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .
Telegram бот на C#
InfoMaster 08.01.2025
Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .
Использование GraphQL в Go (Golang)
InfoMaster 08.01.2025
Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор?
Alexander-7 08.01.2025
Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru