footer

GumaNoiD · December 12, 2008

Есть футер например такой

его код такой

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
<!--
#footer {
	height: 50px;
	width: 750px;
	margin:0 auto;
	background:url(footer.gif)
}
-->
</style>
</head>

<body>
<div id="footer"></div>
</body>
</html>

А вот как теперь сделать кликабельную кнопку например 88*31!(горизонтально я могу сделать float а во как сделать по-середине вертикально...)

Zippovich · December 12, 2008

Если это возможно используйте margin или padding:

...
<style type="text/css">
<!--
#footer {
	height: 50px;
	width: 750px;
	margin:0 auto;
	background:url(footer.gif);
text-align: center
}

.button {width: 88px; height: 31px; margin: 9px 0}
-->
</style>
</head>

<body>
<div id="footer">
<input type="button" class="button" value="Button" />
</div>
</body>
</html>

если нужно сделать вертикальное универсальное выравнивание, то для нормальных браузеров это делается имитацией блока как ячейки таблицы: display: table-cell и vertical-align: middle, а для IE как то по другому, поищите в гугле, там полно статей на эту тему.

Edited December 12, 2008 by Zippovich

GumaNoiD · December 12, 2008

Нужно сделать баннер а не саму кнопку(не правильно выразился - сори) и диз резиновый и думаю что маргин и паддинг не подойдёт

Edited December 12, 2008 by GumaNoiD

Vlad · December 13, 2008

Чем баннер от кнопки отличается?

GumaNoiD · December 13, 2008

Ну кнопка это что то типа "<input type="button" class="button" value="Button" />" насколько я понимаю

а баннер - таже кнопка но в графическом оформлении

webmaster · December 27, 2008

Тебе нужно отцентрировать на фоне картинку с ссылкой (баннер) ??? Я правильно понял??

Yulia · December 28, 2008

по ширине можно элементарно

text-align: center;

у футера. А по высоте можно и паддингами, вы же знаете и высоту футера и высоту баннера.

Nekromancer · December 29, 2008

если нужна картинка(баннер) как ссылка на этом фоне, то реально можно её тупо так поводить отступами справо слева откуда надо

Sign In

footer

Recommended Posts

GumaNoiD

Link to comment

Share on other sites

Zippovich

Link to comment

Share on other sites

GumaNoiD

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

GumaNoiD

Link to comment

Share on other sites

webmaster

Link to comment

Share on other sites

Yulia

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Обсуждения

Forums

Important Information