You could try Muse istead of Illustrator if you insist on WYSIWYG editing
Oh I don't need WYSIWYG editing that's not at all what I was looking for I just thought I had seen that before somewhere in a tutorial but I guess maybe not. I love making custom graphics for my sites and just made a nice one with text and just wondered...
Text that is composed of pixels within a raster image can never be selectable in a web browser. You could use the image without text as the background of a table cell or div and then set live text "in front" of it.
See online help about Slices (which are really just Adobe-glorified HTML table cells).
- Create a textframe object.
- Select it.
- Slelect the Slice.
- Object>Slices>Slice Options.
- Set the Slice Type to HTML Text.
Depending on VERSION, you can use Save For Web & Devices, using the HTML and Images option in the Save Optimized As dialog. The text will be ordinary HTML text contained in a table cell.
In CS6, the HTML and Images option has been removed, so you have to preview the page from the Save For Web dialog and then capture the HTML from the previewed page.
ALWAYS state what version you are using.
But frankly, I'd use another program. For example, if you want a far more elegant way to use a drawing program to turn your page layouts into web pages/sites in an entirely WYSIWYG environment, download a demo of Xara Designer Pro and find out how simple it can be.
oh yes, thank you I know I could use it as a background but it's the way the text is arranged that make it more fun interesting..
Opps yep sorry forgot to mention I'm using AI cs5. I'm not using Illustrator to create whole web pages; just sometimes for certain graphics. I'm totally not looking for a WYSIWYG environment ;-)
I appreciate your help I will give that a try!!
I'm totally not looking for a WYSIWYG environment...
You totally are. You want to "made a graphic in Illustrator but really want the text to be selectable on the site still...." In other words, you want to set text as part of an overall design in Illustrator (a WYSIWYG drawing program), export the page as HTML, and have the text objects treated as ordinary HTML text in the resulting HTML export. That is working in a WYSIWYG environment.
And there's nothing wrong with that. But again, Xara Designer Pro is far more capable than Illustrator in this regard (and others), and costs much less, to boot. You can literally build your layout pretty much any way you want, and export it as web page(s) that will look almost identical, with the text surviving the trip as live text (and with all the stylized formatting retained)--all with much less bother.
Thank you for your response, I'm only talking about one little graphic tho; I'm not using a Illustrator to make an overall design. I use DW cs5.5 and love it so....didn't mean to cause an argument. It was more of a thought than anything...
OK. If you are a DW user, then create the background portion of your image, place it in a proper div for that image (that itself is controlled by CSS). Then create the text that is styled and positioned by CSS.
Anything other than that is not going to have selectable text.
Take care, Mike