Forums

multiple elements within an anchor link?

I want to have an image, heading, and description all contained within one clickable link(without using a script).
Originally, I accomplished this using <h5> tags for the heading and <p> tags for the description. Everything worked exactly as I wanted, but it would not validate because apparently you can’t put <h> and <p> tags within <a> tags.
Then I tried it just by wrapping the heading text in bold and italic tags and using tags to give it a different size and color than the description text. The color and size tags were also invalid.

That is all extremely very loosely done, just trying to give you an idea. I see you are already using <li>’s for your menu, so you should have a relatively good grasp of what I’m trying to suggest. Perhaps someone with more time can explain it better!

Title

Jmfisher, what you’re talking about is actually possible in HTML 5, and some modern browsers will let it work, but not quite with the best/consistent results. Eric Meyer talks about a similar situation in a recent article. The options Chris suggests are the best options for you to use right now, until it gets supported better. Wish they’d hurry up with HTML 5 and CSS3 already.

Tips

Categories

We have a pretty good* newsletter.

Email Address

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans Pro and Source Code Pro. It is made possible through sponsorships from products and services we like.