Вопрос по отступам
Добрые сутки.Вот код
<div id="menu"> <p> <img src="logotypes/logo_1.jpg"> В XV и XVI веках во Франции бульваром обозначали помещаемое вне городских стен фортификационное сооружение (на илл.),заменяющее средневековую барбакану. Оно строилось... </p> </div> Вопрос,каким образом мне сделать отступ,что бы картинка была справа,а текст слева. |
float: right
|
Поставьте картинке float:right;
У вас очень текст интересный, а где это можно почитать и на картинку посмотреть:)? |
Нашла))
|
Цитата:
eirnvn, Octane, Спасибо за ответы,помогло.Тогда следущий вопрос,каким образом сделать отступ текста от картинки? |
картинке margin-right проставьте
|
zoom:1+display:table чтоб картинка не обтекала текст
|
Цитата:
Если надо чтобы было две колонки - проще тексту padding проставить. |
http://www.xiper.net/collect/html-an...d-orphans.html
ой ошибся.Чтоб текст не обтекал картинку |
Цитата:
|
vertical-align, margin, padding, position:relative - способов громадьё.
|
В общем,у меня получилось что то вроде этого
<style type="text/css">
#header{
background-color: red;
padding:30px;
}
#footer{
background-color: black;
padding:30px;
}
#description{
border-color:black;
border-width:1px;
border-style:solid;
backgound-color: #a7cece;
padding-left:250px;
background-image:url(logotypes/logo_1.jpg);
background-repeat:no-repeat;
background-position:center left;
}
</style>
<body>
<div id="header">
</div>
<div id="description">
<p>Текст</p>
</div>
<div id="description">
<p>Текст</p>
</div>
<div id="footer">
</div>
</body>
Теперь мне нужно сделать отступы слева и справа от description,при этом footer и header должны оставаться с неизменным размером.Каким образом это можно реализовать? |
При этом description,конечно,должен находитья строго по центру
|
Все оказалось проще,чем я думал
margin-left:10%; margin-right:10%; |
| Часовой пояс GMT +3, время: 13:26. |