HTML - The Index Page And Seo

My current web site is at "CAVAglass.com"

I created "http://www.cavaglass.com/gallery/1.GORMENGHAST.htm" and want it to be my new Index Page. All the links work fine here.

When I rename "http://www.cavaglass.com/gallery/1.GORMENGHAST.htm" as "index.htm", and open my "CAVAglass.com" website this home page looks fine, but no links work.

Any suggestions? Best,
Joseph

When I enter the URL for my website, it does not direct to index.htm (the homepage). It shows what appears to be the same page as the index, but it does not show up in the address bar. I have made edits to the index page and they are not reflected in the homepage. Why is this, and how can I change it? I don't know how it got this way.

mikebradleyphoto.com

I think there is a simple fix for this...but I can't think of it.

My client has an existing site (not very well designed and no templates) with hundreds of static pages. She wants me to create a new home (index.htm) page that is just a simple landing page where people can choose to enter her website OR visit the store to purchase products.

Simple enough...but, now all of the 100's of static pages have the link Home=index.htm on them. I want people to type in the URL: www.mysite.com (for example) and land on the new page to choose to go to the site to learn about her and her music OR go to the store to shop.

Once they are in the site, however, and hit the home link, I don't want them to go 'all the way back out' to the new landing page. I want them to go back to the 'old' index.htm page (or her current home page), without having to change the index.htm links on those 100's of pages.

Is there an easy fix for this, using a naming convention for the home page?

Any help would be greatly appreciated. I am a bit stumped on this one.

guys, Im hoping someone can help me out. i am a flash designer and my flash movie opens in a 1024 x 680 fixed window but my index page is html ( a page with a picture and an "enter here" button and im trying to get this jpg to fill the full horizontal width of the screen in all resolutions. it looks fine @ 1024 x 768 but of you go higher, obviously you cant make the image wider or it will distort so i think the layout will have to be sectional ( tables perhaps or divs breaking the image into sections or something). i think the jpg has to be chopped up. if you see the picture, you will get the idea. i want it to fill the width of the screen regardless of screen resolution. im not sure what to do, i need so serious design help. I know that some of you can prob do this in 5 minutes but im trying to learn. the problem is that my site is complete but i cant launch until my index page is done. i dont know what to do.

im new to html but am a flash programmer. i just want a index page to launch my site but have it look ok regardless of screen resolution / size.

can someone take a look at this jpg and perhaps show me what to do so that my picture will always be to the far left and the enter button / box it is in will stay to the right. I can really use some help. i am attaching my image and also an example url that shows a site where the intro page does this. the image always stays to the left and everything keeps proper postion.

i really can use some helpsample_&_image.zip

I finally figured out how to add text to my index and now I have another question. In my website template There is Heading 1 and a Heading 2 so my question is how do I delete any sections or headings that I don't need to make it go away on my home page. There is so much and I don't think I need all of it..... Thanks in advance

Like if I just wanted an image

Hi there,

I was reviewing the web site of the organization I work for and I noticed that some of the html code is included in the following tags: <!--BeginNoIndex--> and <!--EndNoIndex--> Between these tags there's the page title and the site's navigation included.

I have been searching on this subject but I can't seem to find the right answers. I would say you would want your page title and navigation to be indexed by search engines. Or in what cases you wouldn't want it to be indexed? The web site is public and serves mainly an informative purpose.

I would be happy with anything that could help me, also resources where I can read about it for example.

Kind regards!

hey wondered if anyone could explain how on my website I can get the "index of" to show?

eg

http://rofl.wheresthebeef.co.uk/


cheers!

Here's my problem: I'm a subsciber with GeoCities/Yahoo, and had my html files stored. When I try upload my stuff to a certain forum I get a "File Not Found" msg.
By looking around I learned that the problem might be the "index.htm" file, which needs to for each subdirectory separately.

An example of such a file:
http://www.geocities.com/d48uga/dice_tutorial09.html
Could u help?
Tnx

I've got a drop down menu (#howto) that works fine in every browser but IE7. The issue: when activated, the menu options appear behind the divs below (#wrapper and #branding). I've tried several z-index combinations, but haven't hit upon one that works. With 13% of my user base still on IE7, I'm stressing out!

URL: http://wdm.ca/index_new_dwt.htm

HTML
Code:

<!--Start How To Menu-->
<div id="howto" style="top: 3em; right: 0em;">
  <img alt="" src="imagesindex/down-triangle.gif" style="float:right; margin-top:0.3em; margin-left: 0px; margin-right: 1em;" height="10"/>
  How to...<br /> <hr width="80%" style="text-align: left;" />
<!-- Start How To drop-down menu -->
  <a href="membership/index_new.htm">become a member</a>
   ...
  <a href="contact_new.htm">contact a <abbr title="Western Development Museum">WDM</abbr></a>
  <!-- End About drop-down menu -->
</div> <!--End How To Menu-->

CSS
Code:

body{
background-image:url('imagesindex/background_attempt_fade.jpg');background-position:left;background-repeat:repeat;
  font-family: Arial, Helvetica, sans-serif;
}

/* START topper */
#topper{
	height:4.5em;
	width:50em;
   margin: 20px auto 0 auto;
   position:relative;
   z-index:100;
}

#topper a.contact{
	position:absolute;
        ...
	display:block; 
	z-index:100;
}


/* START howto Menu */
#howto{
	width:15em;
	background-color:#FFF;
	padding-left:2%;
	float:right;
	border:thin gray groove;
	position:absolute; 
	line-height:1.4em; 
	height:1.4em; 
	overflow:hidden;
	z-index:100; 
}


#howto:hover {
	height:auto; 
	cursor:pointer;
}

#howto a {
	display:block; 
	width:100%; 
	line-height:1.4em; 
	color:#000; 
	text-decoration:none;
}

#howto a:visited {
	display:block; 
	width:100%; 
	line-height:1.4em; 
	color:#000; 
	text-decoration:none;
}

#howto a:hover {
	color:#000;
	background:#ddd;
}
/* END howto Menu */
/* END topper */

#wrapper{
   width: 50em;
   background-color:white;
   margin: 5px auto 0 auto;
   border-color:#98B539;
   border-style:ridge;
   border-width:thin;
   z-index:0;
   } 

/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
  border-bottom:thin #98B539 solid; 
  z-index:0;
}

so i want to have my navigation hover over my content, so when i scroll through my content it flows underneath the navigation.. i am putting the navigation div at z-index:3 and the content at z-index:1 but it wont slide beneath.. help pls


here's my site:
all css is done on the page so u can see it.

http://levisternberg.com/joomla16/

I'm having some problems with a drop down menu appearing 'behind' the content below it even though it is absolutely positioned and has a higher z-index. You can see an example here of what I am talking about. If you look at it in Firefox vs IE7 you will see what I am talking about.

Currently the 'body' of my page is broken into 2 columns ('col_left', 'col_right'). Each are floated in their respective direction and each has a relative position. Each also contains a single (for the moment) 'pagelet' div. Eventually this will be a drag & drop app for users to add/edit/remove these various 'pagelets' and position them to their liking on the page. I found that by removing the relative position style from the 'col_left' and 'col_right' elements as well as from the 'pagelet_head' element will make my drop down menu's appear the way they should. Unfortunately all those elements have to have the style of relative position.

If anyone has any suggestions I'd love to hear them as I'm a bit perplexed by all this considering the drop downs have a much higher z-index than anything else. All my code is below. Thanks for any help!

Code:

* { margin: 0; padding: 0; border: none; }
body { padding: 15px 20px 0; color: #777; background: #e3e3e3 url(../images/bg_header.gif) repeat-x 0 0; font: 12px "Tahoma", Verdana, Arial, Helvetica, sans-serif; }
ul { list-style: none; }
input, textarea, select { padding: 5px; background: #fff url(../images/bg_form.gif) repeat-x top left; border: 1px solid #777; font: 12px "Tahoma", Verdana, Arial, Helvetica, sans-serif; }
input.check { padding: 0; background: none; border: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:hover { text-decoration: none; }
:focus { outline: none; }

#head { margin: 0 auto 15px; width: 950px; height: 55px; }
#head img { display: block; float: left; }
#head p { float: right; color: #999; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#head a { color: #666; }
#head span { margin: 0 5px; }

#nav { margin: 0 auto; width: 950px; }
#nav li { margin-right: 5px; height: 30px; display: inline; float: left; position: relative; background: url(../images/nav_bg_left.gif) no-repeat 0 0; }
#nav li span { padding: 5px 13px 0; height: 25px; display: block; background: url(../images/nav_bg_right.gif) no-repeat 100% 0; }
#nav li a { color: #666; font-size: 14px; text-decoration: none; }
#nav li a:hover { text-decoration: underline; }
#nav li a.drop_down { margin-left: 5px; }
#nav li.active, #nav li.temp { background-position: 0 -30px; }
#nav li.active span, #nav li.temp span { background-position: 100% -30px; }
#nav li.active ul, #nav li.temp ul { background: #e3e3e3; }
#nav ul { padding: 12px 12px 2px; width: 150px; position: absolute; top: 30px; left: 0; z-index: 2000; background: #ccc; border: 1px solid #666; border-width: 0 1px 1px; }
#nav ul li { margin: 0 0 10px; padding-left: 14px; height: auto; display: block; float: none; background: url(../images/icon_arrow.gif) no-repeat 0 4px; }
#nav ul li a { font-size: 12px; text-decoration: underline; }
#nav ul li a:hover { text-decoration: none; }

#col_wrap { margin: 0 auto; padding: 20px; width: 950px; }
	#col_left { width: 460px; display: inline; float: left; position: relative; }
	#col_right { width: 460px; display: inline; float: right; position: relative; }
	
	.pagelet { margin-bottom: 10px; width: 460px; display: block; }
		.pagelet_head { padding: 8px 13px 0; width: 434px; height: 22px; position: relative; background: url(../images/bg_pagelet_header.gif) no-repeat 0 0; }
		.pagelet_head h1 { display: inline; float: left; color: #fff; font-size: 12px; }
		.pagelet_head_options { display: inline; float: right; }
		.pagelet_head_options ul { text-align: right; }
		.pagelet_head_options li { margin-left: 10px; display: inline; float: left; }
		.pagelet_head_options li a:hover { background-position: 0 -12px; }
		.pagelet_head_options a.pagelet_drop_down { width: 13px; height: 12px; display: block; background: url(../images/btn_pagelet_drop_down.gif) no-repeat 0 0; }


		.pagelet_head_options a.pagelet_minimize { width: 13px; height: 12px; display: block; background: url(../images/btn_pagelet_minimize.gif) no-repeat 0 0; }
		.pagelet_head_options a.pagelet_close { width: 13px; height: 12px; display: block; background: url(../images/btn_pagelet_close.gif) no-repeat 0 0; }
			.head_red { background-position: 0 0; }
			.head_orange { background-position: 0 -30px; }
			.head_yellow { background-position: 0 -60px; }
			.head_light_green { background-position: 0 -90px; }
			.head_dark_green { background-position: 0 -120px; }
			.head_blue { background-position: 0 -150px; }
			.head_grey { background-position: 0 -180px; }

		.pagelet_content { width: 458px; height: 200px; background: #fff; border: 1px solid #cdcdcd; border-width: 0 1px 1px; }
		.pagelet_shadow { display: block; }

.clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<link rel="stylesheet" type="text/css" media="all" href="css/styles.css" />
<script type="text/javascript" language="javascript" src="js/mootools_1.11.js"></script>
<script type="text/javascript" language="javascript" src="js/functions.js"></script>
</head>
<body>
<div id="head" class="clear">
	<img src="images/placeholder_logo.gif" alt="Logo" width="447" height="55" />
	<p><a href="#" title="Administration">Administration</a><span>|</span><a href="#" title="Settings">Settings</a><span>|</span><a href="#" title="Logout">Logout</a></p>
</div>
<ul id="nav" class="clear">
	<li class="active">
		<span><a href="#">Link</a></span>
	</li>
	<li>
		<span><a href="#">Link 2</a><a href="#" class="drop_down"><img src="images/btn_nav_drop_down.gif" alt="More Options" /></a></span>
		<ul>
			<li><a href="#">Sub Link</a></li>
			<li><a href="#">Sub Link</a></li>
			<li><a href="#">Sub Link</a></li>
			<li><a href="#">Sub Link</a></li>
		</ul>
	</li>
	<li>
		<span><a href="#">Link 3</a><a href="#" class="drop_down"><img src="images/btn_nav_drop_down.gif" alt="More Options" /></a></span>
		<ul>
			<li><a href="#">Sub Link</a></li>
			<li><a href="#">Sub Link</a></li>
			<li><a href="#">Sub Link</a></li>
			<li><a href="#">Sub Link</a></li>
		</ul>
	</li>
	<li>
		<span><a href="#">Link 4</a></span>
	</li>
	<li>
		<span><a href="#">Link 5</a></span>
	</li>
</ul>
<div id="col_wrap" class="clear">
	<div id="col_left">
		<div class="pagelet">
			<div class="pagelet_head head_red clear">
				<h1>Pagelet Title</h1>
				<div class="pagelet_head_options">
					<ul class="clear">
						<li><a href="#" title="Display Options" class="pagelet_drop_down"></a></li>
						<li><a href="#" title="Minimize Pagelet" class="pagelet_minimize"></a></li>
						<li><a href="#" title="Close Pagelet" class="pagelet_close"></a></li>
					</ul>
				</div>
			</div>
			<div class="pagelet_content"></div>
			<img src="images/shadow_pagelet_bottom.gif" alt="Shadow" width="460" height="10" class="pagelet_shadow" />
		</div>
	</div>
	<div id="col_right">
		<div class="pagelet">
			<div class="pagelet_head head_red clear">
				<h1>Pagelet Title</h1>
				<div class="pagelet_head_options">
					<ul class="clear">
						<li><a href="#" title="Display Options" class="pagelet_drop_down"></a></li>
						<li><a href="#" title="Minimize Pagelet" class="pagelet_minimize"></a></li>
						<li><a href="#" title="Close Pagelet" class="pagelet_close"></a></li>
					</ul>
				</div>
			</div>
			<div class="pagelet_content"></div>
			<img src="images/shadow_pagelet_bottom.gif" alt="Shadow" width="460" height="10" class="pagelet_shadow" />
		</div>
	</div>
</div>
</body>
</html>

Do possible somehow open folder/archive were is a index.html. I wan't to run auto index.html or any default .html .php... I want open folder and browse from files. ???