Images & Hyperlinks

R

Richard in Va.

This is probably not the correct newsgroup to ask this question, but I bet someone here
might know the answer.

I've been using MS Word 2003 to develop a document saving as html/mht. This I will use as
my "home" page containing all my favorite web links and such.

My question is I've inserted several images from the web that are updated (on the web
server) every 1/2 hour or so. Using Word 2003, can I configure the hyperlink attached to
the image to fetch the updated image from the web when I open the page in IE7 and have it
update on my local home page?

The images always have the same url and file name. Size is always the same too. Auto
updating every 1/2 hour is not necessary, but when I open or refresh the page would be
fine.

Thanks for any help!

Richard in VA.
+++++++++++++++++
 
S

Stefan B Rusynko

First of all don't use Word to create your web site pages
- creates invalid print media html not supported by all browsers
- create your pages in FrontPage
Secondly the Web does not support mht

If you don't use Word your images in your site will be the ones used by your pages (created by FrontPage)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| This is probably not the correct newsgroup to ask this question, but I bet someone here
| might know the answer.
|
| I've been using MS Word 2003 to develop a document saving as html/mht. This I will use as
| my "home" page containing all my favorite web links and such.
|
| My question is I've inserted several images from the web that are updated (on the web
| server) every 1/2 hour or so. Using Word 2003, can I configure the hyperlink attached to
| the image to fetch the updated image from the web when I open the page in IE7 and have it
| update on my local home page?
|
| The images always have the same url and file name. Size is always the same too. Auto
| updating every 1/2 hour is not necessary, but when I open or refresh the page would be
| fine.
|
| Thanks for any help!
|
| Richard in VA.
| +++++++++++++++++
|
|
 
R

Ronx

No.
Whether the page refreshes or not when the page is opened in the browser
is a browser setting. In IE7:
Tools->Internet Options - General tab
Click Settings under Browsing History
Select "Everytime I visit the webpage"
Click OK

You can also add a meta refresh tag in the head section of the page
<meta http-equiv="refresh" Content="600;url=pagename.htm" />
where 600 is the number of seconds to wait before reloading the page,
and pagename.htm is the page to be reloaded.
However, this will only fire if the user waits long enough.

FYI, Word is often considered to be one of the worst ever Web Page
editors, only Excel and Publisher being worse. It would be much better
to produce your pages in a program designed for the job in hand.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/
 
R

Richard In Va.

Thanks for your replies and extended info/advice.

I'm considering the purchase of FrontPage 2003/2007, but for now all I have
is Word2003. I know little to nothing about web page development so that
makes me a beginner. (gotta start somewhere!)

All I'm really wanting to do, for now, is to create a local (C:\) file as
either htm/html or mht that I can use as my "home page" when opening IE7.
I'll likely have a shortcut on my desktop to open the file. The file will
contain my most often used web links. I have no plans to publish the file to
the web or access it with anything other than IE7. This is a beginners
project, something to learn with. What I've done so far works really well
with respect to my intentions and I'm happy with that. Even if it is not the
correct way to go about this. If my interest persist, I'll likely purchase
FrontPage 2003/2007.

The image files I refer to? I have several images on the page that I've
downloaded from the web and inserted into the document. I have a hyperlink
assigned to the image(s) that will open the updated image on the web in a
new window. That works fine. But what I was wandering is if there were
another way of handling the image so that the page would fetch the updated
image and display it in the page when I open/refresh the page. Remember that
the image on the web server is updated every 1/2 hour or so.

I take it that my answer is "NO" and that it would require FP and some type
of dynamic linking or java script or the like. I just thought it would be
nice to have the most recent updated image displayed when I open my "home
page", not having to click all the links.

Thanks for your answers!

Richard in VA.
+++++++++++++++++
 
R

Richard In Va.

Thanks Thomas,

I opened my local htm file with notepad and pasted your line of code towards
the end changing the url to point to the image(s) I'm interested in located
on the internet. Then, exit/save while in notepad then reopened the htm file
in Word 2003 to move and resize to suite. Then resaved the file leaving as
htm.

Opening the file in IE7 now fetches the image(s) from the original web
server and puts on my page as I like.

Thanks for that!

I guess I'm doing this long-hand, so to speak, but at least we have
something that works with what I have to work with. Maybe I'll get FrontPage
for Christmas!

Thanks again for the good help!

Richard in VA.
+++++++++++++++++++++++++
 
R

Richard in Va.

Hello again Thomas,

This is working well, But I'd like to ask another question if I might.
In your original reply, you provided the example...

<img border="0" src="http://www.thedomainname.com/folderholdingtheImage/imagename.gif"
width="100"
height="100">

I've played with the "img border" value and it created a black boarder around the
image(s), all 4 sides of same thickness.
1) How can I make the border another color (I'll likely use white or light gray)
2) Can I specify a thicker boarder for the bottom? Maybe 6-12pixels for both sides and the
top then ~96pixels (1") for the bottom boarder.

I would later add a text box in this area for links and such.

Is this possible?

Richard in VA.
++++++++++++++++++++++
 
T

Thomas A. Rowe

Normally, the border is the color you have set for your links under page properties.

You would have to use CSS if you want to specify different border sizes, etc.
..
However, I can't help you with CSS, as I rarely use CSS.

--
==============================================
Thomas A. Rowe
Microsoft MVP - FrontPage

http://www.Ecom-Data.com
==============================================
 
R

Richard in Va.

Thanks Thomas,

Just thought I'd ask, I've never even heard of CSS so maybe I'll just make a text box with
a fill color to locate the image(s) in.

+++++++++++++
 
R

Richard In Va.

Hello Ronx,

That works real well... Thanks!

I don't suppose I can set a different border thickness for each of the (4)
side? I'd like to have a bottom border of ~96 pixels. Maybe an area where I
can place descriptive text/links for the image.

I saw some html code last night...
border-right-side:6px; border-left-side:6px; border-top:6px;
border-bottom:96px

Or something similar to this, does this apply to CSS? I couldn't seem to get
it to work.


Thanks again!

Richard in VA.
+++++++++++++++
 
R

Ronx

Right idea, wrong syntax

border-width: 2px 3px 4px 5px;

will set the width for top right bottom and left borders in that order.

Or

border-left-width: 5px; border-right-width: 3px; border-top-width: 2px;
border-bottom-width: 4px;
is a more obvious method.

You don't want a bottom border of 96 pixels as an area for descriptive
text/links for the image, since this area will be a solid area of colour
where nothing else can be done. Better to set the bottom border to 2px,
and use a container (div, table cell, depending on your layout
construction) with the same background colour for the description.
Example
<table style="border:none;border-collapse:collapse;">
<tr>
<td><img src="pic.jpg" width="200" height="150" alt="this is a picture"
style="border:6px solid green;"></td>
</tr>
<tr>
<td style="background:green;">text description of picture</td>
</tr>
</table>
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/
 
R

Richard In Va.

Thanks Ron,

That works well too, what is that anyway, a (1) cell table
with a descriptive tag that's attached to it?
Interesting, but then all of this is interesting to me.
Last night I found (google search) a tutorial site...
http://www.hscripts.com/tutorials/html/images.php

This starts out talking about images then moves on to tables
and cells and such with examples. Must be about 20 tutorial
pages all together.
(The site looks alittle outdated but maybe still good
information)

The wide bottom boarder area I was wanting to insert a text
box to contain some descriptive text AND links to associated
images elsewhere on the web.

Before I posted in this group I was inserting a text box
~264pixel wide x ~344pixel tall with a background color
(white), then I would insert/drag my image into the top half
of the text box locating it to leave a ~6pixel border on the
top and both sides. This left an area below the image +/-1"
tall. I would insert another text box (transparent) below
the image to contain some text links. Then I would "group"
everything together. Then I would copy/paste the "group"
till I had (2) rows and (3) columns with about 1/8" padding
between the groups editing the image and links for each
copy.

These (6) "groups" would be centered on top of yet another
large text box with a background color (tan) with additional
padding to sort of frame everything, I thought it looked
really nice, but I began to have problems and that's when I
began to read up alittle on tables and cells.

I've read somewhere, maybe in an earlier post that we should
never use a text box to create rectangular areas of color.
That using tables are much better, once understood how to
implement (or creating an image in photoshop to be inserted
as the background).

Anyway, all I have now to work with is Word 2003 and notepad
but thanks to you and Thomas, I'm on a steep learning curve.
Thanks for the help! Maybe I'll have some time over the
weekend to study up on tables and such.

btw, I notice in your reply (code) that there is a small gap
between the image/border and the descriptive text below it.
Are they supposed to be stuck together to appear as one
item?

Thanks again for the good help!

Richard in VA.
++++++++++++++++++++++++
 
R

Ronx

Change the <table tag to

<table cellpadding="0" style="border:none;border-collapse:collapse;">

This eliminates the gap.

Do NOT use text boxes on a web site that is open to the public.
Text boxes (if from the Drawing toolbar) use VML graphics which only
render in Internet explorer running on Windows. Other browsers will
show either nothing, or a poor quality .gif image of the text box
contents. Links in text boxes will only work in IE, they will fail in
any other browsers - a picture of a link is not a link. And a .gif
image of a photo is terrible.

See http://www.rxs-enterprises.org/tests/VML-graphics.htm for more
details.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/
 
R

Richard In Va.

Thanks Ron, That took care of the gap!

Have a safe weekend, I'll visit rxs.enterprises over the weekend as you
suggest.

Don't you just hate the beginners?

Richard in VA.
++++++++++++
 
R

Richard In Va.

Hello Ron & Thomas,

I spent the weekend at...
http://www.hscripts.com/tutorials/html/images.php
and then....
http://www.w3schools.com/default.asp

and went thru some of their tutorials to better learn about tables and such.
I came up with this (below) using notepad only, which is pretty much what I
was wanting to do. The table that presents the tan frame/border I've
expanded for (3) columns and (2) rows for more of the same thing. Also I
have the typical side bars for other text links and such.

Thanks again for the advice and guidance, but more-so, thank you for
preventing me from driving my car into that preverbial tree!

Richard in Va.
(htm code for table with image/links below)...

+++++++++++++++++++++++++++++++++++
<html>
<head>
<title>Image in Frame Test</title>
</head>
<body bgcolor="#996666">
<h4></h4>
<br><br>

<table border="1"
cellspacing="12"
bgcolor="#F2F1E6"
align=center>
<tr>
<td>
<table border="0" bgcolor="white" cellspacing="8"
style="font-family:arial;font-size:12;">
<tr>
<td colspan="2">
<img src="http://images.intellicast.com/WeatherImg/Thumbnails/Radar/usa.png"
width="200" height="150"
title="USA Radar">
</tr>
<tr>
<td align="left">
<a href="http://images.intellicast.com/WeatherImg/Radar/usa.gif"
title="USA Radar">USA</a> .....<br>
<a href="http://images.intellicast.com/WeatherImg/Radar/bgm.gif"
title="NE USA Radar">NE USA (New York)</a> .....<br>
<a href="http://images.intellicast.com/WeatherImg/Radar/fcx.gif"
title="CE USA Radar">CE USA (VA / NC)</a> .....<br>
<a href="http://images.intellicast.com/WeatherImg/Radar/csg.gif"
title="SE USA Radar">SE USA (Georgia)</a> .....<br>
<a href="http://images.intellicast.com/WeatherImg/Radar/pie.gif"
title="SE USA Radar">SE USA (S. Florida)</a> .....<br>
<a href="http://images.intellicast.com/WeatherImg/Radar/cad.gif"
title="Chicago Radar">Chicago IL</a> .....<br>
<a href="http://images.intellicast.com/WeatherImg/Radar/den.gif"
title="Colorado Radar">Denver CO</a> .....<br>
</td>
<td align="right">
<i>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/usa_None_anim.gif"
title="USA Radar Loop">Loop</a><br>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/bgm_None_anim.gif"
title="New York Radar Loop">Loop</a><br>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/fcx_None_anim.gif"
title="VA / NC Radar Loop">Loop</a><br>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/csg_None_anim.gif"
title="Georgia Radar Loop">Loop</a><br>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/pie_None_anim.gif"
title="S. Florida Radar Loop">Loop</a><br>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/cad_None_anim.gif"
title="Chicago Radar Loop">Loop</a><br>
<a
href="http://images.intellicast.com/WeatherImg/RadarLoop/den_None_anim.gif"
title="Denver Radar Loop">Loop</a><br>
</i>
</td>
</tr>
</table>
</body>
</html>
++++++++++++++++++++++++++++++++++++
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Pages are changing pasted image... 0
Images are pixelated when saving to PDF 0
Word 2016 - Difficulties Learning Style Creation/Application 0
Working on birthday "book" for my wife and having layout/editing trouble 0
GIF Frame Timing 3
View linked images in draft mode 4
Using HTML To Download File 1
Images display twice in "Print Preview" 2

Top