You cannot link background images to anything.
Without a URL to your page or seeing your CSS and HTML code, it's very hard to offer advice.
Is this what you're trying to achieve?
Thanks Nancy. I figured it out. I just wrapped the whole div in a link tag.
Do you know anything about repeating regions? I can't get it to work. I keep getting an error that says - Already a editable region.
I have to make 6 rows of these tiles and repeating regions would be a lot faster. I selected the entire div surrounding a row and went to make repeating region and get the comment above.
Line 67, Column 145: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
…content" class="serviceBoxcontentBody"><span style="float: left; width: 219px;…
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
But it works. Ok, what it the proper way to do this, please. Everything else validates fine.
1 person found this helpful
It doesn't work for me.
Why don't you take the image tiles out of the CSS background and just insert them into your HTML page the usual way?
Insert > Image
Advantages of working with images in HTML:
a) you can add alt="text" and title="text" for screen readers and translators,
b) you can link the images,
c) you can add CSS borders on hover, etc..
d) and all without spurious code tricks or gimmicks.
Often the simplest way of doing things is the best.
You're right. I guess I got too hung up on CSS. Thanks for the help.
Crazy, now I can't figure out how to get the text over the box. It breaks the ul
Option #1 - use graphics editor to add text to images. This is probably your best option b/c it won't effect captions when text size is increased in browser (ctrl+++)
Option #2 - place captions above images.
That's what I thought. That means the text won't be SEO functional. While the way I'm doing it no alt function. A toss up.