HTML - Accessing Web Site Sub-folders?

I am a beginner at wp design and a newbie at actually coding html but I can already see the need to develop a clear set of guidelines for using folders to organize my work. For example, I am inclined to want to make 3 folders for each website, one called webpages, one called images and one called CSS. Is this useful/ a good idea? Or should I create a folder for each webSITE and then a folder within for each webPAGE? I am guessing that mirroring this structure on my webspace would be helpful - would facilitate uploading and downloading. Please comment also on relative references - at least I think this topic is related.

I would appreciate any insight from some of you veterans out there to keep me from pulling out what little hair I have left

I'm writing a program that (tries to) detect pairs of html files and their associated folders. For example if you save a website to disk, then you get something like "foo.htm" and a folder named "foo_files". The problem is, this naming schema only applies to websites saved with english versions of common browsers. With a german version, for example, the folder looks more like "foo-Dateien". Is there any safe way find out which folder an html file is associated with?
Thanks in advance for any help!

Hi,
I would like to acceess the Active Directory from my HTML page and display the user's name.
For example, I want to see on my page: "HELLO Jon Do!"

Is it possible? How do I do it?

Thank you.

Hi,
I am using a .htc file for the first time. In my html page I have used a CSS. This CSS file has a class 'selectHeader' as follows:

.selectHeader
{
FONT-SIZE: 8pt;
BEHAVIOR: url(selectHeader.htc);
CURSOR: hand;
BACKGROUND-COLOR: #c0c0c0
}

The selectHeader.htc file looks something like this:


<PUBLIC:COMPONENT lightweight="true">
<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="init();" />
<PUBLIC:ATTACH EVENT="onkeypress" ONEVENT="sortTable()" />
<PUBLIC:METHOD NAME="setTBody" INTERNALNAME="sort_setTBody" />
<SCRIPT>

function init()
{
alert("In init");
}

..
function sortTable()
{
alert("in sortTable");
}

.....
........
.........(the other functions)
</SCRIPT>


The 'FONT-SIZE', 'CURSOR' and 'BACKGROUND COLOR' from the class selectHeader are applied to the <TR> correctly but there aren't any alerts from the .htc file. Just wanted to know if this is indeed the right way to access a .htc file. Can someone please help?

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!

I built my web site using NVU. It looks OK when I open it in the Firefox browser but not in IE. Could anyone tell me what is wrong? I know very little about HTML code.
Take a look at it in both browsers and you will see what I mean.
I would like to for it to work with both browsers.
http://www.kentuckybarrels.com

Thank you for any assistance.

Hello,

well, this is my firste idea of a site , it is in production with me adding some final touches

http://www.wallofskate.bravehost.com/home/home.html

one thing i would like to know is HOW CAN I MAKE THE SITE LOAD FASTER, and also be able to make it ONE WHOLE PAGE instead of it being divided,
but the INTERACTIVITY HAS to stay

right now the whole site is divided into 200 or so .gif images that were exported from adobe fireworks cs3. which were then hyperlinked together in microsoft expression web.

Some tips would be much appreciated


Your thought would be much 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 there


www.brewrecords.net

everyone can see my site but me!

all i can see is 'this domain has just been registered'

i delete my cookies and cache in internet explorer, still nothing.

can anyone shed some light on this?

thanks.

Hi there all, this looks like a great place to get answers.
I'm trying to make a site which is "centered" but I need to add a vertical scrolling text box on top of one of the graphics. You can see what I mean at Http://www.Senor-Dicks.co.uk/tester.html

I can get the box up but it has an absolute position and won't stay in the right place.
I'm using Dreamweaver and any help would be appreciated. It's been driving me nuts for about 3 weeks now.

Thanks in advance.

hello everyone im new to html but im learning slowly but surely. anyways the reason why i came he is im having an issue with a table on my site
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Julian Plumbing Inc.</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META name="Julian Plumbing Inc." content="">
<META name="Julian Plumbing Inc." content="">
<META name="Dylan Isley" content="">
<META name=GENERATOR content="MSHTML 8.00.6001.18904"></HEAD>
<BODY>
<TABLE border=1 cellspacing=1 cellpadding=1 width=240 align=center <thead>
  <TBODY>
  <TR>
  <TD></TD>
    <TD>
      <P>Blockages and leaky and noisy pipes are a hassle to fix and can 
      indicate an even bigger system problem. Don't leave your home in the hands 
      of normal plungers, liquid cleaning agents, or inexperienced plumbers who 
      can't get the problem fixed the first time. Call the plumbing 
      professionals at Julian's Plumbing, Inc.</P>
      <P>&nbsp;We are a full-service plumbing company serving the Charlotte area 
      that handles all types of repair. Our dependable and professional staff is 
      committed to providing fast and accurate service to all of our customers. 
      From drains and clogs to sewer and water installs, we handle it all and at 
      affordable prices our loyal customers can appreciate.</P></TD>
      <TD>
      <img src="Plumbing, Drains, Pipes, Julian's Plumbing, Inc_, Charlotte, NC_files/pipe.jpg" width="250" height="312">
      </TD>
    </TR></TBODY></TABLE> 
</BODY></HTML>

there is my code and whats happens is.

and here is pretty much what i want it to look like.

can someone tell me how to do it