Модератор форума: Yuri_G  
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
Rostislav
Сообщений: 2396
Репутация: 591

Сообщение # 286 | 16:23:56
fflesh,

Code
<div class="bg_l">  
<div class="bg_r">
Здесь располагается содержимое сайта  
</div>  
</div>


Code
.bg_l {background-attachment: fixed;background-color: #B2DFDA;background-image: url(/img/bg_l.gif);background-position: left;background-repeat: no-repeat;}
.bg_r {background-attachment: fixed;background-color: #B2DFDA;background-image: url(/img/bg_r.gif);background-position: right;background-repeat: no-repeat;}


Работает только справа, а слева картинка не появляется...

bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 287 | 16:29:22
ERUDIT, адрес сайта напиши
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 288 | 16:41:43
ERUDIT,
Quote (ERUDIT)
Работает только справа, а слева картинка не появляется...

Я дал тебе готовый и правильно написанный код, а ты даже его не смог скопировать.
... Какая картинка - если у тебя верхний фон не прозрачный? ... да еще и с ошибками написано ...
Code
<style type="text/css">
.bg_l{background:transparent url(/img/bg_l.gif) no-repeat left top;}
.bg_r{background:transparent url(/img/bg_r.gif) no-repeat right top;}
</style>

...

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Среда, 04 Апр 2012, 16:45:04
true3071
Сообщений: 435
Репутация: 71
Уровень замечаний:

Сообщение # 289 | 02:21:10
fflesh код все же не рабочий

это готовая дивная верстка

сайт ставить в содержимое страницы

ну и размеры настроить

пример здесь http://uvaforum.ucoz.ru/index/verstka_stranicy/0-206

Code


<style type="text/css">
body, html {
margin:0px;
padding:0px;
}
#maket {
width:800px;
margin:0 auto;
}
#header{
background-color:#C0C000;
}
#left{
width: 200px;
background-image: url(http://uvaforum.ucoz.ru/5/350Z_5555555.jpg);
padding: 5px;
padding-right: 20px;
border: solid 1px black;
float: left;
}
#right{
width: 200px;
background-image: url(http://uvaforum.ucoz.ru/5/350Z_5555555.jpg);
padding: 5px;
border: solid 1px black;
float: right;
position: relative;
top: 0px;
left: 0px;
}
#content{
background-color:#8080FF;
margin-left:202px;
margin-right:202px;
}
#footer{
background-color:#FFC0FF;
clear:both;
}
#content{
background-color:#8080FF;
margin-left:202px;
margin-right:202px;
}

</style>

<div id="maket">

<div id="header">Шапка </div>
<div id="left">Левая колонка Меню Меню Меню Меню</div>
<div id="right">Правая колонка Меню Меню Меню Меню</div>
<div id="content">Содержимое страницы Содержимое страницы Содержимое страницы Содержимое страницы </div>
<div id="footer">Подвал</div>
</div>
Сообщение отредактировал true3071 - Четверг, 05 Апр 2012, 12:02:06
amrita
Сообщений: 569
Репутация: 99

Сообщение # 290 | 15:39:34
Подскажите пожалуйста как удалить или заменить стандартный <link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/layer2.css" /> на всех страницах сайта?

Сделайте шаг навстречу здоровью amrita.club
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 291 | 15:42:47
Quote (amrita)
как удалить или заменить стандартный <link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/layer2.css" /> на всех страницах сайта?

Для чего вам это нужно? Это системные стили,которые в шаблоне не найти и не изменить ссылку на них

.::I'll be back::.
Выбор за тобой!
amrita
Сообщений: 569
Репутация: 99

Сообщение # 292 | 15:45:12
Мне нужно пройти валидацию css на сайте http://validator.w3.org/, а в этих стилях 59 ошибок и много того что мне не нужно.

Сделайте шаг навстречу здоровью amrita.club
Сообщение отредактировал amrita - Суббота, 07 Апр 2012, 15:49:08
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 293 | 15:48:43
FeniX_kz,
Quote (FeniX_kz)
Это системные стили,которые в шаблоне не найти и не изменить ссылку на них

Можно.
И найти, и убрать и изменить.
Code
<?substr('</head>',9)?>

... Ссылка на пример в подписи.

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
amrita
Сообщений: 569
Репутация: 99

Сообщение # 294 | 15:51:00
Quote (fflesh)
<?substr('</head>',9)?>

Как этот код поменяет <link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/layer2.css" /> на тот код который мне нужно? Где вводить url&

Сделайте шаг навстречу здоровью amrita.club
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 295 | 15:53:41
amrita,
Quote (amrita)
Как этот код поменяет <link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/layer2.css" /> на тот код который мне нужно?

Никак, он просто уберёт подключаемые стили и скрипты.
Которые нужно будет потом прописать самостоятельно, те которые вам нужны.
... Включаем голову, уже ...

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Суббота, 07 Апр 2012, 15:55:22
amrita
Сообщений: 569
Репутация: 99

Сообщение # 296 | 16:08:18
Quote (fflesh)
Никак, он просто уберёт подключаемые стили и скрипты.

Вместо head ввёл ваш код <?substr('</head>',9)?> и ничего не изменилось, код как был так и стоит

Сделайте шаг навстречу здоровью amrita.club
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 297 | 16:14:22
amrita,
Quote (amrita)
Вместо head ввёл ваш код <?substr('</head>',9)?> и ничего не изменилось, код как был так и стоит

Ссылку на страницу с подставленным вместо </head> кодом <?substr('</head>',9)?> ...
...

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
amrita
Сообщений: 569
Репутация: 99

Сообщение # 298 | 16:17:23
Quote (fflesh)
Ссылку на страницу с подставленным вместо </head> кодом <?substr('</head>',9)?> ...

Держите http://amritaclub.do.am/

Сделайте шаг навстречу здоровью amrita.club
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 299 | 16:20:13
amrita,
Quote (amrita)
Держите http://amritaclub.do.am/

Пальцем ткни в системные стили:


...

А вот как было:



Разницу видишь ...
..
Прикрепления: 0372557.png (26.9 Kb) · 8438182.png (26.8 Kb)

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Суббота, 07 Апр 2012, 16:21:59
amrita
Сообщений: 569
Репутация: 99

Сообщение # 300 | 16:22:06
Quote (fflesh)
Пальцем ткни в системные стили:

Открыл второй браузер все убралось, наверное из-за кеша в Mozilla не убиралось. Спасибо за помощь!

Сделайте шаг навстречу здоровью amrita.club
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!