Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Image wiping text... !? 3

Status
Not open for further replies.
KCcasey

KCcasey

Programmer
Sep 30, 2003
69
NZ
Hi all,

I am a bit of a newbie, and I'd appreciate some guru help. I have a site, with a image imbeded inside a frame with text. I want to wrap the text around the image. All ok so far.

What I'm finding is that once I've browsed from the main page to another, and then follwed a link back, a portion of the text is "blanked" out to same colour as the background frame.

Here is the link to the sites main page:
[URL unfurl="true"]http://home.clear.net.nz/pages/peter.jarvis/index.html[/url]

To replicate the problem, jump to any sub-page and then back to the main page using HOME and you will see what I mean.

A refresh fixes the problem. You can also drag-select the text and it appears. I'm stumped!

Many, many Thanks in Advance!

Casey.
 
Sort by date Sort by votes
You seem to missing a <head> section, which means no <!doctype>

The different browsers will all show different answers, as they try to guess what you have in mind.

First add a <head> section, then a <!doctype> set to what you need, then run the site through a validator to find the coding errors (don't be surprised when you find loads of them)

There is a good validator here:


________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first

'If we're supposed to work in Hex, why have we only got A fingers?'

for steam enthusiasts
 
Upvote 0 Downvote

FYI (and not saying that the above post is incorrect), I always put the DOCTYPE as the first line of any HTML page (i.e. before the HEAD section). In fact, I've never seen in in the HEAD section of a document.

Hope this helps,
Dan

 
Upvote 0 Downvote
I'm sorry, but I can't see your problem. I can see that your page looks very different in Mozilla than it does in IE, but that is about it. I don't really know what portion of the page you're talking about as I can't see where you have a picture and text together in a box.
 
Upvote 0 Downvote
I don't know if all the browsers support inline frames!!

Zameer Abdulla
Jack of Visual Basic Programming, Master in Dining & Sleeping
Visit Me
 
Upvote 0 Downvote
Hmm interesting, Vragabond the text
professional experience working as an agricultural economist and international rural development consultant; he undertakes short and long-term assignments. Peter has a wide range of experience, ranging from practical project implementation
Click to expand...
beside his picture gets blanked out in my browser (IE) when returning to the home page frame. I can't see why, but would surely like to know.

Glen
 
Upvote 0 Downvote
Nope. Continual testing in IE6 and Mozilla 1.7 cannot reproduce the oddity in question. I am sorry.
 
Upvote 0 Downvote
Thanks for your replys folks!

Its somewhat reassuring that the general consensus for this problem is 'weird!'. I won't have the opportunity to perform any alterations for another 8hrs or so.

Do you folks feel adding the <head> section and selecting <!doctype> may help resolve this problem? Interesting that it seems to be perculiar to IE!


Regards,

Casey.
 
Upvote 0 Downvote
BillyRayPreachersSon
Thanks for clarifying my post - of course <doctype> goes before <head>! [smile]

All
My point was that the page doesn't have either doctype or head. It certainly won't validate without them, and I like to fix the obvious bits first, especially when there are odd differences in appearance between browsers, and seemingly between different users. In IE6 I can't reproduce the problem, whereas in Moz 1.7.5 I see the header image and text repeated showing about 1.8 copies of both

________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first

'If we're supposed to work in Hex, why have we only got A fingers?'

for steam enthusiasts
 
Upvote 0 Downvote
Just FYI, putting a valid DOCTYPE at the top of the page fixes the issue for me:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]

Hope this helps,
Dan
 
Upvote 0 Downvote
Hi Dan,

Thanks for the tip... I did add a DOCTYPE to the page (but to no apparent avail!)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"[URL unfurl="true"]http://www.w3.org/TR/html4/frameset.dtd">[/URL]

As to whether its the appropriate one, I have no idea. From the brief reading I did, it seemed to me that since I am using frames, it was the appropriate option. Have I chosen poorly?

I've also tried changing the image format -- also didn't produce any real fix :(

I'm almost at the point of just moving the image to center justifed, despite how ugly that will look!

Kind Regards (and thanks to all)

Casey.
 
Upvote 0 Downvote

Try not splitting the DOCTYPE in the middle.. Unsure if it will make any difference or not, but I didn't have mine split, and it worked for me...

So just have a space inbetween the two quotes. When posting, long lines wrap, so it may look split to you when actually it isn't.

If it works, I'll eat my hat ;o)

Dan
 
Upvote 0 Downvote
Just guessing but maybe you should try putting the doctype in the page targeted by the iframe "titlePage/titlePage_peteSummary.html". You've used the wrong doctype for the main page as it's not a frames page but just contains an Iframe "inline frame" the proper doctype should be
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL] 

or
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]

Glen
 
Upvote 0 Downvote

As yes - thanks for clarifying that, Glen. I forgot to mention that I meant the page loaded in the iframe, rather than the host page ;o)

Dan

 
Upvote 0 Downvote
Hello all,

Thank you to everybody that replied to my plea for help; the problem appears to indeed have been my lack of appropriate doctype tag. Stars to those that were on the right track, and thanks to all!

Kindest regards,

Casey.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
770
3esolar
3
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
259
jjgupta915
jjgupta915
jason.lex
  • Locked
  • Question
crop image to fit in a div box?
Replies
2
Views
206
jason.lex
jason.lex
coldbohemia
  • Locked
  • Question
I'm inserting a text file into a we
Replies
2
Views
183
coldbohemia
coldbohemia

Part and Inventory Search

Sponsor

Back
Top