aligning an image and H1 tag vertically

Status
Not open for further replies.

paul

Ninja
HTML:
               <h1><span style="vertical-align: middle; "><img src="http://www.irishwebmasterforum.com/images/seo-faq.png" title="SEO FAQ online"><a title="{header}" href="{faqHome}">{header}</a></span></h1>
Basically I want to have an image and then a h1 tag side by side, and I want to have the H1 aligned to the middle of the image. Am I missing something blindly obvious ?

Thanks,
paul
 

paul

Ninja
Got it fixed, I need to align the image and not the text.
 

gav240z

New Member
Best option.

Best way to do it would be to give the H1 element a background image using CSS.

h1 {
background:url(imageurl.jpg); top left no-repeat;
}

Then again having a look at your code below. It looks like you want to have the image clickable.

Bit hard to know without seeing the actual design you are attempting.
 
Status
Not open for further replies.
Top