HTML - Linking To A Specfic Part Of Page

What HTML code do I need and how do I link a word from one part of a page to text on another part of the same page?

I'm using an iframe to show an external page.
I want the iframe to open to a certain part of that page.
Problem is, it's like 2 pages down on the external page.

How can I make it scroll down and show only that part?

Hi,

I'f made a menu and i want it to be shown on each html page i have without adding the code in each html file.

I'm only using html/CSS and want to keep it that way.

Thanks in advance.

So my question is simple and easy. I already have knowledge of how to make a image link you to a web page.

but I recently found the need to make a image link you to a webpage but not in a new window (what I mean is not open up a new browser window or tab when the image link is clicked.) how do I do this?

Hi
Is it possible to link to a page that uses frames, and specify what document appears in each frame of the target page?

thanks,

alex

Hi guys,

I've inherited a very old site that runs in a frameset. We're getting ready to rebuild it (sans frames) but in the meantime I still need to maintain it.

The need has come up recently for an information page that will be linked to from within a Flash tutorial. The problem is that when the link goes directly to the page, it doesn't surround it with the frame and so there is no navigation or any way of finding your way back into the site.

It's been many, many years since I've worked with frames, so I'm hoping someone can tell me if there's a trick to linking to the base frameset and then loading a specific page into one of the frames.

Cheers,

Seona.

I'm sure there is a way to go about this but I can't seem to figure it out and I'm not that proficient with html or css so hopefully someone here will able to help me out with this.

Im working on a portfolio site for myself and this is what I have so far http://www.visualonestudios.com

The site contains two main DIV's. One horizonal one for the menu called 'Outer' and one vertical behind it called 'main'. What I want is that the menu section always stays and the content of the main DIV changes depending on what has been selected on the menu. I'm not using any frames so what would be the easiest way to do this and remember I'm html-challenged lol.

Thanks

When I view my main page, it looks fine.
It is centered on the screen with some background space
between the top of the screen and the top of the web page.
And has background space to the left and right.

But when I select the sign-up link which is basically:
http://www.website.com/index.php?command=signup_page

When the sign-up page is viewed, it has moved up to the top of the screen
and loses the top part of the header border.

How can I get it to view exactly like the home page?

To experiment I went to the css file and changed the top margin from 50px to 500px. It only effected the home page, didn't effect the sign-up page at all.

Code:

body {
	background-color: #6B6B6B;
	text-align: left;
	margin-top: 500px;

What do you suggest I do to keep the top of the sign-up page from being cut off? Thanks.

Hi Guys,
Just need a little help with my IFrame page. I have a basic layout page with the banner up the top, and my buttons running down the left hand side of the page. The rest of the page is an "IFRAME" to an external page.
Basically the site im building is putting in a webcart wich has been outsourced. So you get all the cart stuff and you just have to build your site around it and embed it in a site.

So anyway to my question, I need to link the buttons on the Index.html page to a page in the IFRAME page, then the user isnt reloading the same page with different main content just that iframe. Is there actually anyway of doing this? or am i just stuck creating different pages?
Im also using dreamweaver 8 if this is any help.

Thanks

You know those sites where all this information is on this one REALLY long page and they have links at the top to send you to the exact spot where you need to be? How do I make that happen? This will be for myspace but I've heard that myspace filters the "#" that is needed in the code so is there anyway around this?

hi all

I have managed to get all my links working within the forms ok but one! that being the having navigation back to my Home page or Index page.

It being made up of three forms.

This is the linking code i have tried i have also tried others with no luck.

Pleases help if you can.

<a herf = "PAGE_1.HTML PAGE_2.HTML PAGE_3.HTML PAGE4.HTML" TARGET = "FRAME_1.HTML FRAME_2.HTML FRAME_3.HTML FRAME_4.HTML" > Home Page </a>

Im in the process of uploading my site to my server and I set up some folders server side so things would be somewhat organized. My problem is setting up the links in my html docs. I cant go back a folder in the directory structure. Right now I can only get links to work if they go deeper in the folder structure or if Im linking to another html doc thats in the same folder as the one Im currently on. How do I go back a level?

For instance my index doc is at the very top level, how can one of my pages deeper in go back to the home page?

Thanks.

Hi all,
how can i upload a file and when i click the submit button i go automatically to other web page. I am using some code that uploads the file perfectly, but i can't get a way to go to other page when i click the submit button. If someone can help me giving me an example of how to do that, or tell me what to change in my code i'll appreciate any kind of help.
Here is my code:
PHP Code:
<?php
    function error($errorMsg)
    {
    ?>
        <script> alert("<?php echo $errorMsg;?>"); </script>
        <?php        
    }
    global $folder;
    $folder = "uploaded";
    
    if(!is_dir($folder))
        if(!mkdir($folder))
        {
            error("Can't, neither, access, nor create, the upload folder");
            die();
        }
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>

    body
    {
        background-color:#000000;
    }
    
    
    </style>
   <title>Upload</title>
</head>
<body>
<center><h1><font color = "#FFFFFF" > Upload </font></h1></center>
<?php

function mainPage()
{

?>
    
        <iframe style="display:none" name="fileUploader"></iframe>                

        <form method="POST" target="fileUploader" enctype="multipart/form-data" action="?action=fileUploader">
          
            <div><input name="file" type="file" STYLE="color:#FFFFFF;  size="60"></div>
            <input  type="submit" value="Upload" >
            
        </form>    
        
<?php
}
function fileUploader()
{

    global $folder;
            
    function storeFile($folder,$tmpFileName,$fileName)
    {
        if(!is_uploaded_file($tmpFileName))        
            {            
                error("Invalid file");
                return;
            }
                
        if(!move_uploaded_file($tmpFileName, $folder . "/" . $fileName  ))
            {            
                error("Can't move uploaded file to destination");
                return;
            }
            
    }
    foreach ($_FILES as $file)
        storeFile("uploaded",$file["tmp_name"],$file["name"]);
}

    $actions = array("fileUploader" => 1,"fileLoader"=> 1);    
    if (!isset($_GET['action'])) 
        {
         //If not isset -> set with dumy value 
         $_GET['action'] = "undefine"; 
        }
    $action  = $_GET["action"];
    
    if($actions[$action])
        $action();
    else
        mainPage();
        
         
?>
</body>    
</html>

Hello,

Somehow I get a weird part on top of my website, it shouldn't be there really, this is my head ->
|||||||||||||||||||||||||\

<head>
<title>|| Welcome to the Myth Academy homepage ||</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #75D2F3;
}
-->
</style>
<script type="text/javascript">

var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

var origWidth, origHeight;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

/////////////////////// CUSTOMIZE HERE ////////////////////
// settings for tooltip
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 180;
var offX= 30; // how far from mouse to show tip
var offY= 12;
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#000000";
var tipBgColor= "#DDECFF";
var tipBorderColor= "#000080";
var tipBorderWidth= 3;
var tipBorderStyle= "ridge";
var tipPadding= 4;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing:
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('images/icarus.jpg','Icarus',"#FFFFFF");
messages[1] = new Array('images/ares.jpg','Ares',"#FFFFFF");
messages[2] = new Array('images/caerus.jpg','Caerus',"#FFFFFF");
messages[3] = new Array('images/helios.jpg','Helios',"#FFFFFF");
messages[4] = new Array('images/nopic.jpg','Manticore',"#FFFFFF");
messages[5] = new Array('images/nopic.jpg','Typhon',"#FFFFFF");
messages[6] = new Array('images/nopic.jpg','Leviathan',"#FFFFFF");
messages[7] = new Array('images/nopic.jpg','Omega',"#FFFFFF");
messages[8] = new Array('images/abbadon.jpg','Abbadon',"#FFFFFF");

//////////////////// END OF CUSTOMIZATION AREA ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
var theImgs = new Array();
for (var i=0; i<messages.length; i++) {
theImgs[i] = new Image();
theImgs[i].src = messages[i][0];
}
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
// initTip - initialization for tooltip.
// Global variables for tooltip.
// Set styles
// Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
if (nodyn) return;
tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
tipcss = tooltip.style;
if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites
tipcss.width = tipWidth+"px";
tipcss.fontFamily = tipFontFamily;
tipcss.fontSize = tipFontSize;
tipcss.color = tipFontColor;
tipcss.backgroundColor = tipBgColor;
tipcss.borderColor = tipBorderColor;
tipcss.borderWidth = tipBorderWidth+"px";
tipcss.padding = tipPadding+"px";
tipcss.borderStyle = tipBorderStyle;
}
if (tooltip&&tipFollowMouse) {
document.onmousemove = trackMouse;
}
}

window.onload = initTip;

/////////////////////////////////////////////////
// doTooltip function
// Assembles content for tooltip and writes
// it to tipDiv
/////////////////////////////////////////////////
var t1,t2; // for setTimeouts
var tipOn = false; // check if over tooltip link
function doTooltip(evt,num) {
if (!tooltip) return;
if (t1) clearTimeout(t1); if (t2) clearTimeout(t2);
tipOn = true;
// set colors if included in messages array
if (messages[num][2]) var curBgColor = messages[num][2];
else curBgColor = tipBgColor;
if (messages[num][3]) var curFontColor = messages[num][3];
else curFontColor = tipFontColor;
if (ie4||ie5||ns5) {
var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
tipcss.backgroundColor = curBgColor;
tooltip.innerHTML = tip;
}
if (!tipFollowMouse) positionTip(evt);
else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
// positionTip function
// If tipFollowMouse set false, so trackMouse function
// not being used, get position of mouseover event.
// Calculations use mouseover event position,
// offset amounts and tooltip width to position
// tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
if (!tipFollowMouse) {
standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
}
// tooltip width and height
var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
// document area in view (subtract scrollbar width for ns)
var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
// check mouse position against tip and window dimensions
// and position the tooltip
if ((mouseX+offX+tpWd)>winWd)
tipcss.left = mouseX-(tpWd+offX)+"px";
else tipcss.left = mouseX+offX+"px";
if ((mouseY+offY+tpHt)>winHt)
tipcss.top = winHt-(tpHt+offY)+"px";
else tipcss.top = mouseY+offY+"px";
if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
if (!tooltip) return;
t2=setTimeout("tipcss.visibility='hidden'",100);
tipOn = false;
}

document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')

</script>

</head>

|||||||||||||||||||||||||\

this is how my page looks like: http://img207.imageshack.us/img207/4111/bahwn8.jpg


It's probably something in the script but I can't find the error part, I don't know if this is because of the javascript part or a mistake in the html tags.
Please help me out

Hi.
Im trying to use the background style of:
http://www.freelayouts.com/templates...-Blue#download
I looked through the .HTML for almost an hour, but I cant find ANY mention of the background.
Heres the text:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

	Bright Blue by christopher robinson
	http://www.edg3.co.uk/
	hope you enjoy it and find it usefull :)

-->
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<title>edg3.co.uk | Bright Blue</title>	
	<link rel="shortcut icon" href="image/favicon.ico" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="content-language" content="en-gb" />
	<meta http-equiv="imagetoolbar" content="false" />
	<meta name="author" content="Christopher Robinson" />
	<meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />	
	<meta name="last-modified" content="Sat, 01 Jan 2007 00:00:00 GMT" />
	<meta name="mssmarttagspreventparsing" content="true" />	
	<meta name="robots" content="index, follow, noarchive" />
	<meta name="revisit-after" content="7 days" />
</head>

<body>
	<div id="header">
		<h1>Bright <span>Blue</span></h1>	
	</div>
	<div id="content">
		<div id="main">				
			<h1>Important</h1>
			<p>Licensed under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a>. I have left the actual text design style very basic for you to add your own text / header / quotes / list etc. styles yourself.</p>
			<h1>About</h1>
			<p>Designed by Christopher Robinson of <a href="http://www.edg3.co.uk/">EDG3</a>.</p>
			<p>This template would be great as a simple personal site which only needs little content and a few pages, you are free to use this design for whatever purpose you wish as long as you do <strong>NOT</strong> sell it or claim it as your own and you leave the link back to my site at the bottom of your pages.</p>
			<h1>Filler Text</h1>
			<p>Donec sodales tempor neque. Vivamus faucibus interdum ante. Suspendisse tincidunt nibh. Sed quis libero sit amet dui faucibus egestas. Quisque varius dapibus risus. Cras tincidunt malesuada velit. Vestibulum vel turpis eu sem vehicula eleifend. Sed tristique, lacus ut tempus lobortis, tellus lorem cursus nunc, vel convallis dui magna nec massa. Phasellus sed est. Phasellus purus sem, sodales sit amet, iaculis sed, lobortis eget, metus. Proin ut mi. Praesent accumsan commodo nisi. Aliquam erat volutpat. Vestibulum urna. Ut in quam sit amet dui pharetra pellentesque. Suspendisse id ipsum. Nulla urna leo, ultricies sit amet, posuere ut, elementum et, magna. Mauris tempus mi ut metus. </p>
			<p>Phasellus viverra sapien non nunc. Integer est enim, nonummy eu, tempus convallis, mollis ut, lorem. Morbi ornare mattis nulla. Pellentesque in risus at ligula scelerisque malesuada. Morbi elementum nisl sit amet purus. Cras erat quam, suscipit id, tincidunt in, dignissim ac, risus. Aliquam nunc. Donec tristique, felis sit amet bibendum blandit, arcu libero congue nibh, in bibendum nisl arcu at enim. Quisque varius velit vel dolor. Curabitur arcu tortor, lacinia ac, consectetuer nec, imperdiet nec, quam. Sed sed magna. Integer eget sem. In rhoncus eleifend orci. Morbi pharetra, justo at cursus nonummy, metus lectus ullamcorper est, sit amet consequat justo mauris sit amet augue. Aenean vel libero. Proin vehicula. Integer sollicitudin. Duis varius consequat leo. Fusce ultricies purus eu est.</p>
		</div>
		<div id="sidebar">
			<ul class="navigation">
				<li><a href="http://www.edg3.co.uk/about/" class="active">About</a></li>
				<li><a href="http://www.edg3.co.uk/">Blog</a></li>
				<li><a href="http://www.edg3.co.uk/contact/">Contact</a></li>
			</ul>
			<h1>Sponsered Links</h1>
			<ul>
				<li><a href="http://www.4templates.com/?aff=christopher">4Templates</a></li>
				<li><a href="http://www.edg3.co.uk">Christopher Robinson</a></li>
				<li><a href="http://www.evohosting.co.uk/affiliate/idevaffiliate.php?id=133">EVO Hosting</a></li>
				<li><a href="http://www.openwebdesign.org/userinfo.phtml?user=christopher">Open Web Design</a></li>
				<li><a href="http://www.opendesigns.org/profile/?user=christopher">Open Web Design</a></li>
				<li><a href="http://www.text-link-ads.com/?ref=31171">Text Link Ads</a></li>
				<li><a href="http://www.w3csites.com/profile.asp?u=christopher">W3C Sites</a></li>
			</ul>
			<h1>Blogroll</h1>
			<ul>
				<li><a href="#">Person's Name Here</a></li>
				<li><a href="#">Person's Name Here</a></li>
				<li><a href="#">Person's Name Here</a></li>
				<li><a href="#">Person's Name Here</a></li>
				<li><a href="#">Person's Name Here</a></li>
			</ul>
		</div>
	</div>
	<div id="footer">
		<p>Copyright &copy; <a href="#">Bright Blue</a> 2007 | Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br />
		Sponsored by <a href="http://www.opendesigns.org/">Open Designs</a> | Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> &amp; <a href="http://validator.w3.org/">XHTML</a></p>
	</div>
</body>

Can one of you induviduals that acctualy know how it workes please point me in the corect direction?
Thanks..