Проблема с повторением картинок

@tsohg15 · Регистрация: 14.03.2012

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

Друзья такая проблема, вставляю 3 картинки одна должна повторятся по горизонтали но не повторяется в чём дело?

HTML5
1
2
3
4
5
<div id="header">
  <img src="img/header/1.gif" width="5" height="130" class="1">
  <img src="img/header/2.gif" width="1" height="130" class="2">
  <img src="img/header/3.gif" width="7" height="130" class="1">
</div>

CSS
1
2
3
4
5
6
7
8
#header {text-align:justify;
              width:97%;
          margin-top:2%;
          margin-left:2%;
          margin-right:2%;}
         
.1 {no-repeat;}
.2 {repeat-x;}

Если что пишите в скайп igorka137

@Heleg · 16.03.2012, 13:18

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

@tsohg15 · 16.03.2012, 13:23 **[ТС]**

Heleg, ты если видишь что не правильно скажи и всё, а книжки читать у меня сейчас времени нет

@Heleg · 16.03.2012, 13:40

у тя синтаксис не правильный. в html имена классов должны начинаться с буквы, правило css должно быть вида

CSS
1
селектор {свойство: значение;}

repeat и no-repeat - это значение свойства background, они никак к поовторению изображений в теге img не относятся

Добавлено через 5 минут
сорри, классы можно называть цифрой

Добавлено через 1 минуту
забираю свои слова обратно. можно то можно, только они не работают

@tsohg15 · 16.03.2012, 14:46 **[ТС]**

Heleg, то есть классы надо называть только буквами

@Heleg · 16.03.2012, 16:26

нет, имя класса должно начинаться с буквы латинского алфавита или (если я не ошибаюсь) с символа подчеркивания

@Krugera · 16.03.2012, 17:20

Синтаксис походу не правильный.
Так надо:

CSS
1
2
#header img.1{no-repeat;}
#header img.2{repeat-y;}

Через точку пишется, только когда заключено в Див.

@Heleg · 16.03.2012, 17:40

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

CSS
1
2
#header img.1{no-repeat;}
#header img.2{repeat-y;}

это какая версия языка?

@Krugera · 16.03.2012, 17:44

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

это какая версия языка?

я не разбираюсь в версиях. Просто на данный момент изучаю css и где элемент, с классом взят в Див, пишется так.Ибо родительский Див также нужно указывать, ведь картинка в нем.

@allukard · 16.03.2012, 19:21

помойму лучше делать через background-repeat (http://htmlbook.ru/css/background-repeat)! что бы контент был!

@Dimedrol · 16.03.2012, 19:55

HTML5
1
2
3
4
5
<div id="header">
  <img src="img/header/1.gif" width="5" height="130" class="i1">
 <div class="rep">&nbsp;</div>
  <img src="img/header/3.gif" width="7" height="130" class="i1">
</div>

CSS
1
2
3
4
5
6
#header {text-align:justify;
              width:97%;
              margin-top:2%;
              margin-left:2%;
              margin-right:2%;}
.rep {background:white url('img/header/2.gif') repeat-x }

Не по теме:

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

а книжки читать у меня сейчас времени нет

Как можно что-то делать вообще с нулевыми знаниями?

@tsohg15 · 16.03.2012, 20:47 **[ТС]**

Макc, а ещё лучше мне кажется это было бы сделать картинку эту через background-color
rfr levftnt

Добавлено через 18 секунд
как думаете

Добавлено через 1 минуту
Dimedrol, ну попытка не пытка, буду делать и в процессе учиться

@Dimedrol · 16.03.2012, 20:49

tsohg15, макс прав, надо именно через background делать.

@tsohg15 · 16.03.2012, 21:11 **[ТС]**

Dimedrol,

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

<div id="header">
<img src="img/header/1.gif" width="5" height="130" class="i1">
<div class="rep"> </div>
<img src="img/header/3.gif" width="7" height="130" class="i1">
</div>

Код CSS

#header {text-align:justify;
width:97%;
margin-top:2%;
margin-left:2%;
margin-right:2%;}
.rep {background:white url('img/header/2.gif') repeat-x }

попробовал как вы показали не получилось

@Dimedrol · 16.03.2012, 21:50

А что вам вообще нужно? Возможно, там вообще не с помощью img надо делать.

@Krugera · 16.03.2012, 22:10

Попробуй с HTML убрать все картинки и прописать например:

HTML5
1
<div class=kartinka></div>

CSS
1
.kartinka{background:transparent url(пусть к картинке); repeat-y;width:100%}

@tsohg15 · 17.03.2012, 09:48 **[ТС]**

Krugera, спасибо помогло

Новые блоги и статьи Все статьи Все блоги /
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	16.03.2012, 13:18
	боюсь показаться заносчивым, но советую для начала почитать, если уж не стандарты, то хоть книжку какую по html и css 1

@tsohg15 1 / 2 / 3 Регистрация: 14.03.2012 Сообщений: 84
	16.03.2012, 13:23 [ТС]
	Heleg, ты если видишь что не правильно скажи и всё, а книжки читать у меня сейчас времени нет 0

@tsohg15 1 / 2 / 3 Регистрация: 14.03.2012 Сообщений: 84
	16.03.2012, 14:46 [ТС]
	Heleg, то есть классы надо называть только буквами 0

@Heleg 209 / 209 / 6 Регистрация: 23.10.2011 Сообщений: 971
	16.03.2012, 16:26
	нет, имя класса должно начинаться с буквы латинского алфавита или (если я не ошибаюсь) с символа подчеркивания 1

@allukard 307 / 218 / 70 Регистрация: 08.11.2010 Сообщений: 1,899
	16.03.2012, 19:21
	помойму лучше делать через background-repeat (http://htmlbook.ru/css/background-repeat)! что бы контент был! 1

@tsohg15 1 / 2 / 3 Регистрация: 14.03.2012 Сообщений: 84
	16.03.2012, 20:47 [ТС]
	Макc, а ещё лучше мне кажется это было бы сделать картинку эту через background-color rfr levftnt Добавлено через 18 секунд как думаете Добавлено через 1 минуту Dimedrol, ну попытка не пытка, буду делать и в процессе учиться 0

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	16.03.2012, 20:49
	tsohg15, макс прав, надо именно через background делать. 1

@Dimedrol 2378 / 941 / 129 Регистрация: 25.04.2009 Сообщений: 2,635 Записей в блоге: 4
	16.03.2012, 21:50
	А что вам вообще нужно? Возможно, там вообще не с помощью img надо делать. 1

@tsohg15 1 / 2 / 3 Регистрация: 14.03.2012 Сообщений: 84
	17.03.2012, 09:48 [ТС]
	Krugera, спасибо помогло 0