Подскажите пожалуйста

Coddy · 22.05.2010, 22:17

Начну жизнь на этом форуме с просьбы о помощи.. соображалка видио уже спать ушла, вещь элементарная.. меня загрузила

цель: черная(ну или почти) полоска которая с середины тянется на право до победного конца. в которой будет текст. и она закругленна с одной стороны(собстна не было бы закругления не было бы проблем, но..).
реализованно:

Код HTML:

<div class="bar"></div><div class="bar2">Полоска</div>

Код:

.bar {background: url(../image/bar1.png) no-repeat right; position: relative; width: 50%; height: 32px; top: 20px; float: left;}
.bar2 {background: url(../image/bar2.png) repeat-x; position: relative; width: 50%; height: 26px; top: 20px; padding-top: 8px; float: right;}

проблема: когда появляется скролл допустим на меньших разрешениях, ну или разрешение какое нить нестандартное, между ними появляется разрыв в 1px.
откуда он берется то понятно.. а вот.. в общем извращался как мог. мозг уже спит похоже. как можно решить? мб реализовать по другому?
ps. в вашем полку прибыло

Niemans · 22.05.2010, 22:36

Ну вы хоть пример целиком показали бы, Вы сами то подумайте как круто не видя проблемы советовать что то.

Coddy · 22.05.2010, 22:46

сорри. пример в атаче
сейчас заметил что в ie и ФФ норм. а в opera есть проблема

Niemans · 22.05.2010, 23:05

Я бы так сделал

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Пример</title>
<style> 
body {margin:0;}
.bar {background: url(bar2.png) 0 0 repeat-x; position: relative; width: 50%; height: 26px; top: 20px; padding-top: 6px; float: right;}
.bar span {background: url(bar1.png) 0 0 no-repeat; position: absolute; top: 0; left: -14px; width: 14px; height: 32px;}
</style>
</head>
<body>
<div class="bar"><span></span>Полоска</div>
</body>
</html>

Coddy · 22.05.2010, 23:10

спасибо!!! вариант. забираю ^_^ а теперь спать..

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Подскажите, пожалуйста!	Avesha	Технологии Flash	2	07.01.2010 13:30
Подскажите пожалуйста...	onetouch	HTML, CSS, JavaScript	3	02.01.2010 00:22
Подскажите код пожалуйста	Edantses	Технологии Flash	6	09.03.2006 20:26
Подскажите пожалуйста!	ANGRY	HTML, CSS, JavaScript	17	23.07.2004 20:44
Подскажите пожалуйста....	RUth	HTML, CSS, JavaScript	2	28.04.2003 12:28

22.05.2010, 22:36	#2
Niemans	Ну вы хоть пример целиком показали бы, Вы сами то подумайте как круто не видя проблемы советовать что то.

22.05.2010, 23:10	#5
Coddy	спасибо!!! вариант. забираю ^_^ а теперь спать..

22.05.2010, 22:17
Ссылки