Тема: Как наложить текст на картинку в шапке
Мужчины, помогите наложить в шапке блога текст (название блога или описание) на картинку бекграунда (hader.jpg)!
1. Пробовал менять код, но картинка просто оттесняет название и поиск вниз (рис 1). Что надо переписать, подскажете?
2. Как вместо урла написать текст описания блога?
Рис.1
[url]http://picasaweb.google.com/zheniazh/YFkmGG?feat=directlink#5346998882945824978[url/]
Рис.2 (так выглядит шапка с исходным кодом, который пишу ниже.
[url]http://picasaweb.google.com/lh/photo/9ruOV-T49TJ7-64RKUok0A?feat=directlink[url/]
header.php
<div id="header">
<div id="logo">
<h1><a href=" <?php echo get_settings('home'); ?>">
<?php bloginfo('url'); ?>
<?php echo $langblog;?>
</a></h1>
</div>
<div id="searchbox">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" class="swap_value" />
<input type="image" src="<?php bloginfo('template_directory'); ?>/images/go.gif" id="go" alt="Пошук" title="Пошук" />
</form>
</div>
</div>
style.css
#header {display:block; width: 915px; height: 164px; margin: 0 auto;}
#logo {display: block; float:left; background: url (images/logo.gif) top left no-repeat; height: 40px; margin: 30px 0 0 0;}
#logo h1 a {padding: 10px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 200px; border: 1px solid #ccc; margin:30px 0 0 0;}
#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}