Помогите сделать текст на логотипе сайта
Помогите сделать текст на логотипе сайта как показано на рисунке. (RU).
Вот код в котором находится логотип:
<div id="site-logo"><a href="$HOME_PAGE_LINK$"><img src="/images/logo.png" width="295" height="60" border="0" alt="Cyber Land" /></a></div>
Заранее всем благодарен.
Ответы (1 шт):
Автор решения: Evgeniy Kart
→ Ссылка
На div делаете position:relative. Внутри кладёте спан с текстом "RU"(лучше изображение RU, а не текст, в логотипах делают изображением) задаёте ему позицию absolute и позиционируете на нужное место.
<div id="site-logo"><a href="$HOME_PAGE_LINK$"><img src="/images/logo.png" width="295" height="60" border="0" alt="Cyber Land" /><span class="logo-text-language">RU</span></a></div>
/styles.css
#site-logo {
position: relative;
}
.logo-text-language {
position: absolute;
top: 10px;
right: 15px;
}