Код | <p class="p1"> <img src="image"/> </p> <p class="p11"> <span class="blank1"> <a href="image">Скачати ліфлет</a> </span> <span class="blank2"> <a class="fbook" href="link_here"></a> <a class="odnokl" href="link_here"></a> </p>
|
Код | a.fbook {background: url(../images/facebook.png); width: 30px; height: 30px; border: 0; cursor: pointer;} a.fbook:hover {background-position: 0 -30px;} a.odnokl {background: url(../images/odnoklassniki.png); width: 30px; height: 30px; border: 0; cursor: pointer;} a.odnokl:hover {background-position: 0 -30px;}
.header .p1 {left: -28px; top: -77px;} .header .p11 {left: -28px; top: -155px;}
.header .blank1 { margin:0 0 10px 275px;} .header .blank1 a {font-weight:bold; color:#FFF;} .header .blank1 a:hover {font-weight:bold; color:#FFF;} .header .blank2 {margin-left:167px;}
|
257пикселей -[ссылка]- 167пикселей - [кнопка] [кнопка] как-то так. Собственно над плашкой должна быть ссылка на буклет и две кнопки с ховером на фейсбуки. Без display=block картинок не видно, текст с лифлетом уезжает куда-то вверх, а с дисплей=блок они садятся с левого краю плашки. Что я делаю не так? Это сообщение отредактировал(а) Laisren - 27.1.2010, 20:52
|