HLFX.Ru Forum Страницы (2): « 1 [2]
Показать все 18 сообщений этой темы на одной странице

HLFX.Ru Forum (https://hlfx.ru/forum/index.php)
- Технические вопросы (https://hlfx.ru/forum/forumdisplay.php?forumid=20)
-- Нубские вопросы по HTML (https://hlfx.ru/forum/showthread.php?threadid=3245)

Отправлено qpAHToMAS 05-02-2012 в 12:40:

Продолжим @_@. Как сделать две этих кнопки на одной строке?

code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>CSS спрайты</title>
		<style type="text/css">

		a.blueBtn {
		  display: block;
		  height: 30px;
		  background: url('http://www.google.ru/images/nav_logo102.png') 0 0 no-repeat;
		  width: 146px;
		}
		
		a.otherBtn{
		  display: block;
		  height: 30px;
		  background: url('http://www.google.ru/images/nav_logo102.png') 0 -100px no-repeat;
		  width: 146px;
		}

		</style>
	</head>
	<body>
		<a href="#" class="blueBtn"></a> 123 <a href="#" class="otherBtn"></a>
	</body>
</html>

Отправлено XaeroX 05-02-2012 в 13:31:

ну наверное, вместо display:block поставить display: inline?

__________________

xaerox on Vivino

Отправлено qpAHToMAS 05-02-2012 в 14:42:

XaeroX, пробовал подставлять туда всяко-разное, в итоге кнопки исчезают.
Ах вот, inline-block помогло, решено.
Временная зона GMT. Текущее время 13:43. Страницы (2): « 1 [2]
Показать все 18 сообщений этой темы на одной странице

На основе vBulletin версии 2.3.0
Авторское право © Jelsoft Enterprises Limited 2000 - 2002.
Дизайн и программирование: Crystice Softworks © 2005 - 2024