Well, you can’t actually use that code any more, because the border attribute is gone from the image tag as of over 10 years ago. That’s still perfectly legal HTML 3.2, but nobody uses that any more – it’s been replaced by HTML4, XHTML, and HTML5.
If you want to put a bunch of linked images in a table, Freeway makes that desperately easy to do. Draw a table, select the number of rows and columns, set the borders to none and add some padding, okay the dialog. Double-click inside each cell and choose Insert / Graphic Item from the main menu. This will put an empty image container in each cell. Open up a folder containing your images in Finder, switch to Freeway (with that folder peeking in behind the document window) and drag each image into a cell of the table until the image box lights up. Use the Scale and Pad command (Shift-Command-P) followed by Fit Box to Content (Shift-Command-D) to fit the image into the box. Select each image and choose the link target with the picker at the bottom of the application window.
Now add a set of styles to your page head that look something like this:
<style type="text/css" media="screen">
#yourTableId td a {
display: block;
margin: 0;
text-decoration: none;
font-size: 1px;
overflow: hidden;
}
#yourTableId td a img {
border: 4px solid blue;
}
#yourTableId td a:visited img {
border-color: purple;
}
#yourTableId td a:hover img {
border-color: red;
}
</style>
And you have the borders of your dreams. (Note that you must change this to match the actual ID of your table.)
You may need to adjust the cell dimensions of your table or images so that the borders have room to appear – Freeway won’t show these HTML borders in the design view, only in the preview or preview in browser views.
Now this may seem like a lot of extra work for some borders on images, and if you look at it through the lens of how you’re used to doing this, you’re absolutely right. But the point of CSS is to get as much of the presentational stuff out of the page and into a stylesheet, where it won’t dilute the semantic meaning of your content. And if you want to change all your borders later, you have one place to look, not 8 or 12 individual instances of border=“4”. If you want dotted borders, or double-grooves, or any of thousands of different combinations of border radii and shadows and hover-glows – you edit one bit of style code and don’t touch the HTML at all.
Walter
On Sep 19, 2013, at 1:59 PM, gunner holmes wrote:
I found my old folder with an old hand coded index.html in it. Here is how the code worked the way I wanted it to do. It was in a Table.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options