Перенос ссылки на верхнюю строку

Rise · November 17, 2011

Прошу помощи.

Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить".

<a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a>

A.sendbutton {
background-image: url("send.png");
display: block;
width: 79px;
height: 26px;
}
A.sendbutton:hover {
background-position: 0 -26px;
}

A.historybutton {
background-image: url("history.png");
display: block;
width: 80px;
height: 26px;
}
A.historybutton:hover {
background-position: 0 -26px;
}

Результат:

Edited November 17, 2011 by Rise

zSpx · November 17, 2011

^{.sendbutton, .historybutton {float:left}}

float на htmlbоok.ru

dostel1 · November 17, 2011

К этому коду можно предъявить претензии но....



<!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>
*{padding:0;margin:0}
ul{list-style:none;
background:url('0.jpg') no-repeat;/*фон полностю вставляем без частей*/
width:200px;height:50px;overflow:hidden;zoom:1;
border:1px solid red;/*убрать*/}
li{float:left;line-height:50px;padding:0 10px;
width:80px;height:50px;}
a{
	/*display:block;width:80px;height:50px;line-height:50px;padding:0 10px;*/
text-decoration:none;}
</style>
</head>

<body>

<ul>
<li><a href="">otpravut</a></li>
<li><a href="">poly4it</a></li>

</ul>

</body>
</html>

Rise · November 17, 2011

Всем спасибо, решил проблему с помощью float: left.

Sign In

Перенос ссылки на верхнюю строку

Question

Rise

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

zSpx

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

Rise

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information