HTML - Warning While Accessing My Site

Hi,
In a site that I am developing, the client wanted some behaviour that I could only accomplish with an iframe.
Is there a way to prevent the inner page (the page source of the iframe) from being accessed alone?
The solution must be some kind of javascript, because it SHOULD be accessed by web crawlers.

Thanks
Claudia

I am attempting to link to audio files that exist on my server using the anchor tag. I am able to download and play the audio files just fine on Firefox, Chrome and Safari, but not on Internet Explorer. When I click the link in IE, all I see is a bunch of random characters. Also, when I attempt to download the audio file IE attempts to download it as an html file. What can I do to fix this so that I am able to access these files via IE.

Here is the code.
Code:

<a href="/audioFile.aif">audioFile.aif</a><br />

I have a site that uses forms, iframes, and php to validate information. When a form field is blurred, javascript triggers a php script in an iframe to verify certain information. The page generated by that php script will return information to the orginal form, auto-populating certain fields.

Instead of accessing

'document.sampleform.???'

it needs to access

'parent.sampleform.???'

This script works in IE, Opera, Safari, but NOT Firefox. Firefox alerts that parent.sampleform is undefined. Is this a security issue? Is there another way to access a remote form in Firefox?

Thank you in advance!

Hi

I'm setting up a site that sells images that the user creates online by selecting a combination of PNG images with transparency (using drop down menus). The images are layered using CSS, and the last layer has a watermark image to help prevent print screen copies. I then use PHP to create a composite image of the user's final work, that they can then buy.

The only problem is that there is nothing to stop the user from bringing up each individual image on a new browser page using the address of each image eg http://www.mysite.com/images/image1.png - downloading or print screening them, and making their own composite image.

I was wondering if there is a way to prevent someone accessing the individual images by typing something like http://www.mysite.com/images/image1.png in a fresh browser tab?

I found something using .htaccess - but I don't fully understand it - I think it isn't meant to do what I need:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(.*\.)?mysite.com [NC]
RewriteRule \.(jpeg|jpg|gif|png)$ - [F]

It is supposed to stop hot linking, but I think that's a different problem.

Thanks for your time and help.

Shaun

I am wondering if it is possible to create an INDEX.HTML to redirect to another website?

I would like it to display the redirected site, but if possible keep to the original address..

e.g.
A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar.

Hope I explained ok, any responce would be much appricated!
Thanks!

Can someone check out https://www.brightfusehosting.com/?page=login and help me to figure out why I'm getting that warning (in IE) saying that some items are not secured? I made every image, css file, etc all load under https. I'm so confused!!!!!!!!

Hi.

Im on a steady learning curve when it comes to html.
I keep getting warnings when im trying to add somthing simple like a 'add to favorites' link.

"To help protect your security, internet explorer has restricted...etc"


I have been on plenty of different websites that use all kinds of bits and bobs, including 'add to favourites' etc, when I view their webpage's, I dont receive a warning message ??
My settings are the same as they've always been. Is there something I can add/remove from my code to avoide these messages?

(Im using dreamweaver)

I'm having trouble with my site. I can get it looking great in IE7 and FF, but if you try and view it in IE6 or below, it doesn't look right. I have tried everything I can to fix it with no luck so I have given up. What I'm wanting now is for the code to detect if you are using IE6 or below, and if you are I want it to take you to redirect you to a warning page that says something along the lines of "You need to upgrade your browser to IE7, or continue with caution" or just something like that. Can someone direct me to a helpful site or maybe someone has some script already that they can post?

I'm using Eclipse as my IDE, and getting a warning from it's XHTML validator saying:
Invalid location of tag (br). The code is as follows:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Animation Master</title>
</head>
<body style="font-family: sans-serif">
	<h1>Testing</h1>
	<br />
	<br />
	<br />
	<p>Blah blah</p>
</body>
</html>

It happens at each <br /> tag, so I'm getting the warning three times.

Why is this?

Okay so I know nothing about html, just want to be upfront about that. However, I got saddled with the duty of making a page for my LOTRO kinship. I downloaded PageBreeze html editor, since it has visual mode, and downloaded a template for my site. I got to work customizing the site, adding pictures, text, etc. Everything looked great (all in visual edit). I then clicked the "Preview (Internet Explorer)" tab.. and it doesn't look the same. There's some huge white box behind everything that I can't get rid of because I can't seem to locate it on the editing tab. And then I also noticed that there is like a foot of empty space on the right-hand side of the page that I can't seem to get rid of either. If anyone could help me out with this, I would really appreciate it. If needed I can attach screenshots of what the page looks like in the visual editor, and what it looks like on the preview tab, as well as the code.

Thanks in advance to any kind souls willing to take this on =/

I am running the Google Translate widget from my local drive within my index.html.

When the widget tries to initialize , I get this warning pop up.

I am going to distribute this on a CD and would like to include Google Translate as a feature as its going internationally.

Google dont seem to do a non-flash version of this widget(?)


How can I get around this warning popping up when ran from a local drive ?

Hi all, this is my first post. First of all, my website is http://explosions.us.to Right now, whenever you click on something from the "nav" the links stay in the same place like they should. However, I want this to be the new 'about' page. Notice how the "nav" images change because of the added content in the layout cell. Any help on how to fix this is appreciated!

Hi,
Please help. I'm new to web design and have kinda cobbled my site together from various templates, etc. Problem is my site appears in Firefox, but comes up blank in IE and Safari. I'm pretty sure it's something stupid I've missed.
The url is http://artheat.net
Could anyone give me some advice?
The basic html code is:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
<head>
<title>ArtHeat</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="description" content="ArtHeat. Contemporary South African Art" />
<meta name="keywords" content="ArtHeat. Contemporary South African Art" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="favicon.gif" />

<script language="JavaScript"></script>

<style media="screen" type="text/css">
/* <!-- */
/* General styles */
body {
margin:0;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:100%;
background:black;
min-width:600px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
color:#CCC;
}
a {
color:#FF9933;
}
a:hover {
color:#fff;
text-decoration:none;
}
a img {
color: black;
border: 0 0;
margin:10px 0 5px;
}

h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
font-family: Helvetica, Arial, sans-serif;
color: #ff9933
text-decoration:none;
}
h2 a {
text-decoration:none;
}
p {
margin:.4em 0 .8em 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color: #ccc;
}
img {
margin:10px 0 5px;
}
/* Header styles */
#header {
clear:both;
text-align:center;
width:100%;
}
#header {
border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}
#header ul {
clear:right;
float:right;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:right;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:black;
color:#D46912;
text-decoration:none;
position:relative;
right:15px;
line-height:1.3em;
}
#header ul li a:hover {
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%; /* width of page */
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:hidden;
}
/* 3 Column settings */
.threecol {
background:black; /* right column background colour */
}
.threecol .colmid {
right:25%; /* width of the right column */
background:black; /* center column background colour */
}
.threecol .colleft {
right:50%; /* width of the middle column */
background:black; /* left column background colour */
}
.threecol .col1 {
width:46%; /* width of center column content (column width minus padding on either side) */
left:102%; /* 100% plus left padding of center column */
}
.threecol .col2 {
width:21%; /* Width of left column content (column width minus padding on either side) */
left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
width:21%; /* Width of right column content (column width minus padding on either side) */
left:85%; /* Please make note of the brackets he
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}



/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}
#footer p {
padding:10px;
margin:0;
text-align:center;
}


/* begin styles for RSS Feed */

.rss-box {
margin: 1em;
width: 200px;
background-color: #000000;


}
.rss-items {
margin-top:0px;
padding:0.5em; 0.5em;
margin-left:0px;
color:#FFFFFF;
}
p.rss-title {padding:0.5em;}
.rss-title {
text-decoration: none;
font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
font-size: 12px;
background-color:#000;
color:#f93;
font-weight:bold;
margin: 0px;
padding:0em;
text-align: left;
}

.rss-item {
font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
font-size: 12px;
font-weight : normal;
list-style:none;
padding-bottom:1em;
}

.rss-item a {
text-decoration : none;
color: #f93;
font-size: 12px;
font-weight:light;
font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
}

.rss-item a:visited {
color:#a51000;
}

.rss-date {
font-size: 85%;
font-weight : normal;
color: #ccc;
}

</style>
</head>
<body>

<div id="header">
<a href=/index.html><img src="Header.jpg" alt="art gossip truth" longdesc="http://artheat.net" /></a>
</div>

<div class="colmask threecol">
<div class="colmid">

<div class="colleft">
<div class="col1">

<!-- Column 1 start -->
<!-- Begin #main -->
<div id="main"><div id="main2">



<!-- Column 1 end -->
</div>
<div class="col2">
<!-- Column 2 start -->
<h2><a href="/project">Project</a></h2>
<p>Project is ablah blah blah</p>


</div>
<div class="col3">
<!-- Column 3 start -->

<h2><a href="/wiki">DataBase</a></h2>
<p>DataBase is etc etc etc</p>
<h3>What's New on DataBase</h3>
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&amp;num=25&amp;date=y&amp;tz=+2&amp;targ=y" type="text/javascript"></script>

<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&amp;chan=title&amp;num=25&amp;date=y&amp;tz=+2&amp;targ=y&amp;html=y">View RSS feed</a>
</noscript>

<h3>What's Changed on DataBase</h3>
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&amp;num=25&amp;date=y&amp;tz=+2&amp;targ=y" type="text/javascript"></script>

<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&amp;num=25&amp;date=y&amp;tz=+2&amp;targ=y&amp;html=y">View RSS feed</a>
</noscript>

</div>
</div>

</div>
</div>
<div id="footer">
<p>ArtHeat is open to any submissions or comments. Email us at <SCRIPT LANGUAGE="JavaScript">
var anchortext = "ArtHeat";
var mailpart1 = "artheat";
var mailpart2 = "gmail.com";
document.write("<a href=" + "mail" + "to:" + mailpart1 +
"@" + mailpart2 + ">" + anchortext + "</a>")
</script></p>

</div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1848067-8";
urchinTracker();
</script>

</body>

</html>

Hi I have started building a site a need some help with it
my site work in progress is here
http://wedding-directory-australia.discovery-web.net/

1) i want to get the buttons at the top and bottom of the page to not have any space between them and the tabe so the run hard up against the table

2)I have the table border at 0 but thier is still white space between the tabe edge and the photos on the side and top - i was hoping to get the photo so the run to end of the table with no white space

3)also not sure if i am inthe right section for this question but i will try anyway - the buttons at the bottom of the page which designed in fireworks are working correctly but the ones at the top of the page the roll over does not work not sure why or how to fix this ..........thanks in advance for any help

Howdie!

I created my first homepage - real easy. What are the next steps? I cant understand why people make such a big deal about it. I found it easy. Here it is http://supanerd.blog.homepagenow.com/



Now I want to do one of those great moving cursors with my name rotating around. How can I fix this up? Can any of you guys give me some tips on how to integrate it.

Appreciate your help!