aligning an image and H1 tag vertically - Irish SEO, Marketing & Webmaster Discussion

paul · #1 (**permalink**) 15-04-2008, 09:01 PM

HTML Code:

 <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 · #2 (**permalink**) 15-04-2008, 09:12 PM

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

gav240z · #3 (**permalink**) 16-04-2008, 09:41 AM

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.

paul · #4 (**permalink**) 16-04-2008, 09:47 AM

nice SEO FAQ - powered by phpMyFAQ 2.0.6 was the aim , and it seems to be working find right now, did it with a DIV style

Code:

#example 
{
vertical-align:middle;

}

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode