|
HTML - 2 Index.php Pages?
I have my main website called index.html, but since i've added php into the code, i've renamed it to index.php. But I also have a forum, which includes another index.php.
I'm wanting to have my index.php page to be the page that people see when they come to my website. Is there anyway that it could happen? Similar TutorialsOK it said be specific so here it is. I am a first time html'er infact I am just now in an html/css class, the downside is my honors organization wanted a website this week. I was able to build something novice like @ http://www.asu-bap.com what I noticed is when I use images or a css stylesheet on the index page everything works grandiose. However, when I reference the same style sheet on other pages such as join.html or announcements.html it would not use the style sheet. I got really irritated and just embedded the css into each page individually. Think that my code was just that bad and i had nowhere to go for help. Then... I tried to do an image on my calendar.html, and i had the same issue... I even tried (as I had with the css file) to create a brand new directory called calendar and putting the img in there. To no avail, it still would not pull up the image. I am like 90% sure my code is right for the image so then I found this website and decided to try to get help here. Here is my code for the calendar (its a word doc converted I just added links and img), I have everything uploaded to root directory. Please help. And if you fix what could have been my css referencing issue, I wills end you cookies! Code: <STYLE TYPE="text/css" MEDIA=screen>
<!--
body {
padding-left: 11em;}
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em; }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: purple }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
-->
</STYLE>
<!-- Site navigation menu -->
<div class="style1">
<ul class="navbar">
<li><a href="http://www.asu-bap.com/">Home</a>
<li><a href="http://www.asu-bap.com/forums/">Forums</a>
<li><a href="http://www.asu-bap.com/announcements.html/">Announcements</a>
<li><a href="http://www.asu-bap.com/join.html/">How to Join Beta Alpha Psi</a>
<li><a href="http://www.asu-bap.com/calendar.html/">Calendar of Events</a>
</ul>
<img src="1_BAP_color.jpeg" />
I am still new to the web page world, but the website I originally created (in japanese) was passed on to a programmer. He did a lot of "upgrades" to the site so he says, but he left. Now I am in charge again of re-modeling the site. The problem is I am trying to figure out why there are so many dead links. I have looked up and down the server, but can't find anything. Ok before I confuse anyone else here is what I am talking about. For example this page that I originally made : Code: http://www.discoveryfirm.com/tokushu/index.html cannot be found but if I take of the end: http://www.discoveryfirm.com/tokushu/ the page is there. Now I am trying to fix a lot of dead links, but I cannot figure out what the programmer did to the site. I am still new to all the high-tech features in the web world. Could somebody please explain. 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 This will be hard for me to explain so I will add an image: http://img75.imageshack.us/my.php?image=examplexu6.gif How do I go about loading a page within a page. For example, in the pic, if you clicked Cost it would load a page within the loading area without taking off to another location. I seen it on a site before, i remember the links were something like "/?p=cost" or something like that. And the page appeared to not navigate elsewhere, the cost page was just loaded within the page i was on. hope that makes sense, if so any examples on this? is it hard to do? messy? safe with most browsers? thanks 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 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! 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;
}
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! 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/ How do I make variable pages? EG: ../showgame?id=10 So multiple pages can begenerated from one document. I'm currently making a new layout for my site and before it will go online, I want to set all my pages on a BRB page/status (customized with my own brb logo+text etc.. Anyway I can do this? If this is in the wrong section sorry, i have been thinking of adding a new page to my site and added sky sports, but how do i set up a page that opens another web page right away? Hey everyone. Wanted your opinions and knowledge on something. I have a friend who is setting up a splash page for her site. However the way her hosting company has things set up she will need to rename her current home page from index.html to something else, and make the splash page the new index.html. She's under the impression that if her current home page is renamed to something other than index it will lose significant value in her website's ranking. I've never heard of that. Her meta tags will be kept intact, and the splash page will have meta tags, and will link to both the home page and sitemap so I don't think search engines will have any problem spidering her site. And I don't really think it will affect her ranking. What do you all think? Am I wrong? Does anyone know how to use z-index? I would like to know where to use it! Is it in the css file or in the html page? If anyone as any examples that would be great. Thank you 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. ??? Okay so recently I updated my website so the URL for my home page is now: http://www.benellett.com/index.php However I would either like to somehow make that page show up as just the base website: http://www.benellett.com/ or have the benellett.com page forward to the /index.php page. Preferably I want benellett.com/index.php to be the "home" page like it would be if it were index.html (like my old website in the link). Thanks a lot! I have a simple question here. I have about 30 pages for my website. All of them use the same default layout that I created (sidebar links, bottom links, background etc). How can I call the layout in each webpage without having to copy and paste the entire layout? The problem is that if I make a small change to the layout, I don't want to have to change it in each individual page but just the master layout page. Thanks. Since the validators tells you a web page is ok before you post it, what possible probels can occur while the page is on the net? |
|||||||