Выравнивание картинок в строку

Hum9k · February 7, 2012

Собственно решил выбрать верстку своим хобби.

Изучил основы, почитал разные сайты, решил пробовать и натолкнулся на проблему решение которой я не смог найти к сожалению(

Проблема очень простая, прошу не смеяться. Надо выстроить все 3 картинки в ряд, по горизонтали, незнаю как это сделать, они получаются одна на другой.

<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="Style.css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Название</title>
</head> 
<body>
    <div class="head">
	<div class="tablehead1"> </div>
        <div class="tablehead2"> </div>
        <div class="tablehead3"> </div>         
    </div>
</body>
</html>

CSS

 
body {
	background: #CF0
}

.tablehead1 {
	background-image:url(images/head1.gif);
	display:block;
	margin: auto;
	height: 25px;
	width: 20px;
}

.tablehead2 {
	background-image:url(images/head2.gif);
	margin: auto;
	height: 25px;
	width: 500px;
}

.tablehead3 {
	background-image:url(images/head3.gif);
	height: 25px;
	margin: auto;
	display:block;
	width: 20px;
}

Edited February 7, 2012 by Hum9k

Switch74 · February 7, 2012

display:inline-block;

и все будет хорошоу

Hum9k · February 7, 2012

Большое спасибо, всё работает

Sign In

Выравнивание картинок в строку

Question

Hum9k

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Hum9k

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information