Dumb mistake. While editing about 60 existing pages to make them more mobile-friendly, I took my first steps into inline images.
I placed the cursor directly in front of the page’s existing H1, then did an Insert>Graphic Item. Unfortunately, I just noticed today (example below) that by doing it that way I had included the image and its alt text into an H1 also. I didn’t want that.
Can anyone suggest an easy way to remove the H1 from the inline image and its alt text without removing the normal header H1?
Inline images have to be contained by a text tag. Inserting your image anywhere in a line of text will use that line’s text tag. This is normal and not a bad thing. However, if you want a different result, this is a pretty easy fix.
###Way the First
Insert your cursor before the H1 text as before. Choose HTML Item from the Insert menu. Set it’s width to Available, then click inside it and insert your Image there. Text-align it left, right or center. Remember to remove the min-height value from the containing HTML Item. This method separates your Image from your H1 text-- your image is actually wrapped by a p (paragraph) tag inside of the HTML Item.
###Way the Second
Insert your cursor before your H1 text as before. Press Return. If you have Show Invisibles enabled, shift-right arrow to select the new line and remove the styling. Otherwise, hit Space or any other character, then highlight the line and remove the styling so you end up with a normal Paragraph before the H1 line. Insert your graphic item in that paragraph line before the H1.
###Remember…
Inline images are normal and semantic transfer from the H1 to the image title or alt attributes is dubious at best. I, however, appreciate your effort at clarity.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
David, I’ve done what you said and the H1 is now gone from the header.
Here’s the link to the changed page, showing that the image’s H1 is gone. But as you can see on the page, the image is now left-justified. And I can’t find a way to center it. Any ideas would be much appreciated.
The image is wrapped by paragraph text tags (which is normal and okay). Put your cursor next to the image as if you would type some text next to it. Use the Inspector to center the non-existent text. The image will center because it sits in the text line, which you have centered, but doesn’t have any text in it. Just the inline image.