html banner with overlaying images and text

Question

Im ищет способ динамически создавать баннеры, которые могут быть размещены на других страницах. Баннер состоит из фонового изображения, двух накладываемых изображений и двух текстовых меток поверх этого фонового изображения.

Правильно ли, что я могу использовать абсолютное позиционирование для достижения наложенных элементов? Как я могу убедиться, что собственный баннер размещен относительно интегрированной страницы?

Я думаю, мне нужно иметь возможность размещать элементы в относительном поле. Это возможно?

Благодаря Markus

Answer 1

Это возможно. Содержащий элемент должен иметь position:relative и все внутренние элементы, которые вы хотите поместить должны иметь position:absolute; а также положение х и у, как это: top:10px; right:20px или bottom:10px; left:230px

Так, например:

CSS:

#banner_wrap {position:relative; width:860px; height:60px;} 
#inner_element {position:absolute; top:10px; left:20px; width:40px; height:40px;} 

HTML

<div id="banner_wrap"> 
    <div id="inner_element"></div> 
</div> 

Если вы хотите, чтобы быть динамическим, то вы можете ча nge CSS для конкретной страницы.