Вопросы и ответы по HTML и CSS

Ребят,такой вопрос: как сделать такой див http://www.mobileawesomeness.com/listings/gallery/creative-carlos/ справа от лого (там где 4 иконки: сообщения и т.д.) СРОЧНО НАДО. С меня плюсик. За ранее спасибо!

забыл уточнить: там 4 скрина примера дизайна для блога. Вот на этих примерах в правом верхнем углу я имею ввиду. Через "таблицу" не получается

ну же,мужики,подскажите

Мужики,неужели трудно подсказать? срочно нужно,я уже и в веб темах с двигов смотрел,но там вобще не понятно

743. ramzes, не совсем пому,а цвет как задать в таком случае?

Пост 744 не актуален - по своему сделал

PraeSiDio_DeI, как вариант спозицианировать их туда.
Конструкция примерно такова
html

<div id="header">
    <div class="share_butonns">
		<ul>
			<li><a href="#">Twitter</a></li>
			<li><a href="#">Facebook</a></li>
			<li><a href="#">Google +</a></li>
			<li><a href="#">Orkut</a></li>
		</ul>
    </div>
</div>

css

#header{
	position: relative;
	height: 100px;
}
.share_butonns{
	position: absolute;
	top:0;
	right: 0;
}
.share_butonns li{
	float: left;
	margin: 0 2px;
}
.share_butonns li a{
	text-indent:-9999px;
	background: url(images/ссылка на картинку.png) 0 0 no-repeat;
	display: block;
	width: 20px;
	height: 20px;
}

PraeSiDio_DeI (23 Декабря 2011 / 21:26)
743. ramzes, не совсем пому,а цвет как задать в таком случае?

Пост 744 не актуален - по своему сделал

цвет чего? поля ввода? не задавай его, или задай такой же как фон блока, и оно как бы невидимое станет, а сам блок оформляй как хочешь

750. ramzes, нет,не цвет. а сам поле ввода в таком виде

PraeSiDio_DeI (3 Января 2012 / 18:56)
750. ramzes, нет,не цвет. а сам поле ввода в таком виде

ты обьясни по человечески, я ни фига не понимаю о чем ты..
у поля ввода такие же атрибуты как и у блока и бекграунд и цвет текста и т.д. есть

Как сделать для тач дизайна ссылки ввиде блока. Например две ссылки на одной строчке. Каждая в своем блоке. Чтобы даже если нажать на сам фон то получалось как бы по ссылке нажать. Я сделал по примеру. Сначало получилось что каждый блок на новой строке. Когда убрал это обтиканием по левому краю то блок пропал. Как бы на фон теперь не нажать.

.linkpurp {
background: #7F0000; /* Цвет фона */
padding: 10px;
float: left;
}

.linkpurp a {
display: block; /* Ссылка как блочный элемент */
text-align: center; /* Выравнивание по центру */
height: 100%; /* Высота на весь слой */
color: #4800FF; /* Цвет ссылки */
}

.linkbrown {
background: #7F3300; /* Цвет фона */
padding: 10px;
float: left;
}

.linkbrown a {
display: block; /* Ссылка как блочный элемент */
text-align: center; /* Выравнивание по центру */
height: 100%; /* Высота на весь слой */
color: #4800FF; /* Цвет ссылки */
}

.clear {
    clear: left; /* Отмена обтекания */
}

Учусь пока с дизом справлятся) пример взял с инета.