Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с картинкой / 2 сообщений из 2, страница 1 из 1
06.04.2010, 00:10:25
    #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, 08:49:03
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с картинкой / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 462ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1453274]:
 0ms
get settings:
 8ms
get forum list:
 20ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 188ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 196ms
total:  462ms
x
x
Закрыть


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