| |
|
|
| | Всем привет. Почти 3 года не был на форуме:)
И вернулся с нубским вопросом. Надеюсь на помощь.
<div id="header">
<div class="head1"><img src="images/header_neo.jpg" width="253" height="112" alt="" /></div>
<span class="head2"><img src="images/header2.jpg" width="208" height="112" alt="" /></span>
<div class="head3"><p>texttexttext</p>
<p>texttexttext</p>
</div>
</div><!-- #header-->
|
#header {
height: 112px;
width:100%;
background-image: url(images/header1.jpg);
background-repeat: repeat-x;
}
.head1 img{
display: inline;
float:left;
}
.head2 img{
margin: 0 auto;
display: inline;
float:left;
position:relative;
left:15%;
}
.head3 p{
text-align:right;
padding: 20px 35px 0px 50px;
font-size:27px;
font-family:georgia, helvetica, sans-serif;
color:#575757;
}
|
Укажите на ошибки и помогите отцентровать <span class="head2"> строго по центру (внутри родительского дива), вне зависимости от ширины экрана монитора. Заранее благодарю. | |
| |
|
|
| |
|
|
| |
для: mall
(28.11.2011 в 23:49)
| | | Можно сделать вот так:
#header {
height: 112px;
width:100%;
background-image: url(images/header1.jpg);
background-repeat: repeat-x;
position: relative;
}
.head1 img {
display: inline;
float:left;
}
.head2 img {
position: absolute;
top: 0;
left: 50%;
margin-left: -104px; /* половина ширины изображения */
}
.head3 p {
text-align:right;
padding: 20px 35px 0px 50px;
font-size:27px;
font-family:georgia, helvetica, sans-serif;
color:#575757;
}
|
| |
| |
|
|
