ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с картинкой
2 сообщений из 2, страница 1 из 1
Помогите с картинкой
    #36562201
jediAlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jediAlex
Гость
Здравствуйте, уважаемые программисты. Помогите пожалуйста разобраться. Я делал прямоугольную картинку с округленными краями на HTML и CSS. Код следующий :
Код: plaintext
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.
<html>
<head>
<title>Nifty Corners: HTML CSS rounded corners</title>
<style type="text/css">
body{padding: 20px;background-color: #FFF;
    font:  100 . 01 % "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p{margin:  0  10px}
h1{font-size:  250 %;color: #FFF}
h2{font-size:  200 %;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top:  0 .3em}
div#nifty{ margin:  0   10 %; background-image: url(flower.gif)}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background-image: url(flower.gif)}
b.r1{margin:  0  5px}
b.r2{margin:  0  3px}
b.r3{margin:  0  2px}
b.rtop b.r4, b.rbottom b.r4{margin:  0  1px;height: 2px}
</style>
</head>
<body>
<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1>Nifty Corners</h1>
<p> моя работа </p>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>
В результате у меня одна картинка повторяется 2 раза - смотрите прикрепленный файл. Как это исправить? как сделать так, чтобы картинка не повторялась, где я ошибся?
...
Рейтинг: 0 / 0
06.04.2010, 00:10:25
| Ответить | Цитировать | Написать  
Помогите с картинкой
    #36562374
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
jediAlex , как вариант картинка меньше той области, где её тспользуют как фон и нет отмены повторения...

У тебя в стилях 2 раза используется background-image

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
div#nifty{ 
   margin:  0   10 %; 
   background-image: url(flower.gif);
}
b.rtop b, b.rbottom b {
   display:block;
   height: 1px;
   overflow: hidden; 
   background-image: url(flower.gif);
}

и в обоих нет отмены повторения фонового рисунка. В каком элементе рисунок повторился 2 раза?
...
Рейтинг: 0 / 0
06.04.2010, 08:49:03
| Ответить | Цитировать | Написать  
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с картинкой
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1453274]:
 0ms
get settings:
 6ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 451ms
get topic data:
 10ms
get first new msg:
 7ms
get forum data:
 3ms
get page messages:
 32ms
get tp. blocked users:
 2ms
others: 190ms
total:  713ms
созд. / загр.: 713ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]