<html>
<head>
<title>Cs</title>
<link media="all" href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="site">
<div id="top"></div>
<div id="img"></div>
</div>
</body>
</html>
Вот такой css
body {
background-image: url("fon_01.gif");
}
#site{
background-color: #eeeeee;
font-family: arial, sans-serif;
font-size: 12pt;
font-size: 12pt;
padding: 10px;
border: 5px solid white;
border-radius:15px;
-webkit-border-radius:6px;
-moz-border-radius:5px;
-khtml-border-radius:10px;
overflow: auto;
margin: 0 auto;
height:auto !important;
height 1000px;
min-height: 1000px;
width: 800px;
}
#top{
background-image: url("logo_01.gif");
background-repeat: no-repeat;
width: 482px;
height: 106px;
}
#img{
background-image: url("img_01.gif");
width: 246px;
height: 115px;
display: inline;
}
И вот такая проблема:
Не отображается img_01.gif под display: inline; т.е. просто пусто. Без display: inline; все отлично, но надо что-бы обе картинки ( img_01.gif и logo_01.gif) были на одной линии.
Вот как отображается:
А вот как надо:
Помогите!
Спустя 1 час, 2 минуты, 11 секунд (26.02.2011 - 22:57) AntonMMF написал(а):
Пробовали через float, position, z-index?
Спустя 2 часа, 43 минуты, 12 секунд (27.02.2011 - 01:40) inpost написал(а):
trololo
<img align="left"> - будет на одном уровне.
<table><tr>
<td>IMG1</td><td>IMG2</td>
</tr></table>
- второй вариант тоже на одной линии =)
<img align="left"> - будет на одном уровне.
<table><tr>
<td>IMG1</td><td>IMG2</td>
</tr></table>
- второй вариант тоже на одной линии =)
Спустя 6 часов, 44 минуты, 17 секунд (27.02.2011 - 08:24) trololo написал(а):
| Цитата |
| Пробовали через float, position, z-index? |
Пробовал с float, но тогда текст уезжает в логотип;
inpost
Тоже подумал, что можно это с таблицами, спасибо, попробую.
inpost
Тоже подумал, что можно это с таблицами, спасибо, попробую.