[SOLVED] Changing text in header messes up header
Posted: Fri Jan 19, 2007 8:39 am
I'm using the 2-col-left template and have a logo on the left in the header. Om the right I want the name/address/city.
In the template there is "header" and "header h2 a". I want the address to be like "header h4". I fI change it like shown below, the text is not on the right, but directly below the image. Any ideas how to put it on the right of the image.
The default text = $sitename, which is a single-line and works well, if I change that to multiple lines, it's messed up. Should I change something in div#header h2 a (because I don't want the sitename included, I can leave it hidden) or introduce another div, like div#header h4 a, like below.
In the template there is "header" and "header h2 a". I want the address to be like "header h4". I fI change it like shown below, the text is not on the right, but directly below the image. Any ideas how to put it on the right of the image.
The default text = $sitename, which is a single-line and works well, if I change that to multiple lines, it's messed up. Should I change something in div#header h2 a (because I don't want the sitename included, I can leave it hidden) or introduce another div, like div#header h4 a, like below.
Code: Select all
div#header {
height: 130px; /* adjust according your image size */
background: #99B3E5;
}
div#header h2 a {
/* you can set your own image here */
background: #99B3E5 url(images/image.jpg) no-repeat 12px 12px;
display: block;
height: 130px; /* adjust according your image size */
text-indent: -999em; /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
div#header h4 a {
margin-top:-100px;
margin-right: 12px;
float: right;
}Code: Select all
<div id="header">
<h2>{cms_selflink dir="start" text="$sitename"}</h2>
<h4>
Address1<br />
Address2<br />
Address3<br />
Address4<br />
</h4>
<hr class="accessibility" />
</div>