2 марта 2009 в 16:33
Подскажите пожалуйста как картинку привязать к определенному элементу страницы. При абсолютном позиционировании на разных мониторах она плавает. Нужно чтобы была расположена в углу .left-corner. Тема Garland. Заранее спасибо.
Комментарии
background: transparent url(path/to/image.gif) no-repeat top left;
}
если на ней не должен быть контент тогда так
background: transparent url(path/to/image.gif) no-repeat top left;
height: XXpx;
}
где ХХ - высота картинки в пикселях + ещё 10-20px
Дело в том, что там есть уже background.
А если картинка не background'ом, то конкретно указать каким картинкам применить:
float:left;
vertical-align:top;
}
или нужным картинкам применять стиль, который будет их располагать влево (.st-fl-left) или вправо (.st-fl-right).
float:left;
}
.left-corner img.st-fl-right{
float:right;
}
если надо сверху то я бы сделал так:
position: absolute;
left: 10px; /* или сколько у вас там отступ слева*/
top: 10px; /* или сколько у вас там отступ сверху*/
в папке темы есть файлик page.tpl.php
просто в div.left-corner добавим ещё один див например с класом .left-corner-in и уже в него добавляем background, так как описано мной выше.
Буду пробовать.
Спасибо, решил и эту проблему!