Albus Dumbledore
Mar 5 2006, 03:46 AM
Have you ever wondered how people have a normal link but all it does it take you to the middle of a long page? well here is a solution DEMO: HereOk well first off for the link it will be just like a normal link code except you wont put a http://URL.com/file.php it will look somthing like this QUOTE <a href="#name">Click This Link!</a> there must be a # sign in front of this to work.. now, for the content that the person will be re-directed to after clicking the link QUOTE <a name="name"></a> the items in bold is what you need to change QUOTE <a name="name"></a> if you change the above bold to somthing for say, css...then you would need to change QUOTE <a href="#name">Click This Link!</a> the bold above to css as well. otherwise this will not work, this was just a quick tutorial if you have any questions please post them, if somthing is not clear to you please post and i will try to clarify it for you hope it helps, if it would make more sence to view the source to the demo site Here
Comment/Reply (w/o sign-up)
wild20
Mar 5 2006, 04:38 AM
Perfect thanks. I read this on w3schools. But they didn't put it in very easy terms. Thanks for making it clearer. Where did you find this. Or did you just simplify this? You should make your own tutorial site. I didn't know what you put to link to, now I know and this will be a lot easier to link now since I am putting a WHOLE Bible on my site. Which I know, is quite a feat. Hey thanks a bunch.
Comment/Reply (w/o sign-up)
Albus Dumbledore
Mar 5 2006, 04:48 AM
well accualy i viewed the source of Hp Lexicon, a harry potter site and i figured it out that way....and i typed this up, and your welcome, and good luck with that bible
Comment/Reply (w/o sign-up)
mama_soap
Mar 5 2006, 05:51 AM
Here's a possible extension, for those who like messing with javascript. Here is a demo of what I'm talking about. This is what the navigation bar is made of: CODE <div id="header"> <ul id="mainNav"> <li><a id="navIntro" href="#intro">Welcome</a></li> <li><a id="navResume" href="#resume">Resume</a></li> <li><a id="navPubls" href="#publs">Publications</a></li> <li><a id="navLecture" href="#lecture">Lectures</a></li> <li><a id="navVisits" href="#visits">Visits</a></li> <li><a id="navWss" href="#wss">Workshops</a></li> <li><a id="navAdmin" href="#admin">Administration</a></li> <li><a id="navContact" href="#contact">Contact</a></li> </ul> </div> Thing is that you can selectively hide parts of your document using some javascript that rushes through your divs, making them appropriately visible or invisible. On browsers that have javascript disabled, you will see a page that resembles what Albus was originally talking about. I'm afraid I'm too lazy to explain this in detail, besides it isn't my idea anyway... I think I found this first on an excellent tutorial from "A List Apart", so those interested - please have a look at that. Btw - Albus, cool stuff  The only nit I have is that I think you've spelled "sense" wrong - it's not "sence", it's "sense", unless I'm badly mistaken  Cheers, and keep 'em coming!
Comment/Reply (w/o sign-up)
Becca
Mar 5 2006, 09:25 AM
It's called page anchoring. Going to change the title. You can also go back to the top of the page but putting the page anchor on the first text or thing on the page and the link anywhere else on the page . so when you click it it directs back to that area.
Comment/Reply (w/o sign-up)
Tyssen
Mar 5 2006, 11:59 AM
The name attribute became deprecated with HTML 4.0. You target IDs instead now. So instead of <a name="blah"> it should be <a id="blah">.
Comment/Reply (w/o sign-up)
Similar Topics
Keywords : create, html, page, anchors, click, link, certin, place, page
- Create Dynamic Html/php Pages Using Simple Vb.net Code
Taking your application data, and creating a webpage for others to vie (1)
Add Flashing Inbox To Invisionfree Forum
Html code for invsiionfree!! (2) Do you find it annoying when you are on your invisionfree forum, and you get a new message, and it
ends up taking you 5 minutes to notice? This code makes the inbox link flash bold red saying how
many messages you have. In version 1 the word inbox stays the same, and doesnt change at all (for
Example this is flashing: Inbox (2) In version 2 (the second code) the word inbox changes to
messages (constantly, so that if you have none, it says messages (0) instead of inbox (0). It still
flashes Red Put the following In the Header and Body Section (Admin Cp>>>Skinning ....
How To: Html Tables.
I find these really useful. (8) If you are a novice web designer, but want your site to look advanced and proffessional, then what
better way to do so than to use HTML tables? HTML tables are a really easy way of formatting your
text, to make your ste look proffesional. It looks good, and its easy, what more can you ask for?
You have to use the tag, so first lets start off with: HTML Table > /table > In
between theese two tags, we will add the data for the table, using the tags and . =Table
Heading (Title) =Table Data (what you want in the table) =table row (new row) So, lets ....
[php] Clean Code Functions
Clean up your html output from php scripts (5) There is another Topic about writing 'clean' HTML code posted elsewhere on the Forum.
I'll edit this Topic and add the link so you can review it on your own, and there is no need for
me to comment on it in this thread, but the purpose of this Topic is to introduce a pair of
functions which can be used for making sure that the HTML output from my scripts is readable when a
view-source is reviewed. Two handy functions are included here. They work together quite nicely,
and I will start this Tutorial with a short summary of the reasons for their 'being....
Cakephp On Ubuntu
using your own public_html folder (1) Hi, there are many tutorials about this, but i would like to type the steps i followed in order to
get cakephp working on my user public_html folder. as many of you probably know, if you have
apache's userdir module loaded, you can put your web pages on /home/user/public_html , and
access them with the url: http://localhost/~user/ . I really prefer this, so all my web pages are
on my personal home, but how to configure cakephp to work with these paths, i got a hard time with
this, but finally got it!. here's how: in case you don't have apache2's userd....
Html Span
(7) HTML Span Description The span tag is quite the handy tag to have at your disposal. You can use
it for everything from Text Formating, to creating a scrollable text area. When combined with CSS it
becomes an easy-to-use tool for making your website as uniform as possible, as your not bogged down
with tags for every heading and title on your website. Try It Out CODE Heading or
title goes here. All the content inside the div tags go here Above we have a very
basic page. The tag would be used to house the content of your page. The woul....
Html Bdo...
(13) Description I find that it is often difficult to write a sentence backwards, but thanks to HTML, I
can now complete this task in only a few seconds. Now the only problem is it is very difficult to
read... Try It Out Welcome to one of the most useless functions of HTML. The tags enable you to
write a sentence backwards. The code is quite simple. CODE I find that it is often difficult
to write a sentence backwards, but thanks to HTML, I can now complete this task in only a few
seconds. Now the only problem is it is very difficult to read... Well there you go.....
Want-to-start Html Tutorials
An HTML tutorial that covers the basics (2) NOTE: Don't use a rich text editor* for writing HTML code! Use Notepad in Windows,
SimpleText in Mac or TextEdit in OSX, but you must set the following preferences for the HTML code
to work! In the Format menu, select Plain Text. Open the preferences window from the Text Edit
menu, then select "Ignore rich text commands in HTML files." Start Creating Your Own HTML File
You can either use HTM or HTML file extensions. For more information, visit:
http://filext.com/file-extension/htm for HTM or http://filext.com/file-extension/html for HTML.
Ope....
Creating Navigation For Html Websites
Have a common navigation menu for the whole website! (12) Pre-requisite: HTML, inline frame tags 1 Attachment(.zip) included. Updates : 29-12-07: Doctype
added in example files (Advised by jlhaslip) Designing a whole website takes a lot of planning
and organization. Designing a proper navigation system is a basic step in building your website. If
you are developing webpages in html you would have observed that as you go on creating pages it
becomes difficult to maintain the links to the pages. This article will guide you in developing a
common navigation menu for your website. It describes three ways, so if you don'....
Create A Simple Html Editor With Php And Javascript
(3) Ok, I will teach you how to create a simple HTML editor that runs online with buttons that add HTML
tags. Before we start: You should have basic knowledge of these languages. HTML/XHTML
Javascript PHP You will need Ability to use filesystem functions. Chmodding abilities
Features of Editor Online PHP safe Full HTML support A Few Bad Features Can only create new
documents or overwrite Fairly unsafe Now we are ready to begin. The PHP Script This will be
our PHP script that we will use to make the file. Make a file called save.php Here is the....
Html Legend
Learn how to create a handy legend with HTML! (9) I think this is pretty neat... good for those people who maybe aren't that great at designing
things but still want something to look nice.. CODE Legend title Content try it in
note pad.. it looks nice...good for forums, sign up forms.......
Spice Up Your Forms
With a bit of CSS and HTML alignment (11) Ever wonder how to make those stylish forms you see everywhere? Well now it's your change to
learn. This short tutorial will show you how to do exactly that. Here is a bit of css to spice
up the form. I have included comments to explain what classes will change what in the forms.
CODE .form table { background-color: #187cae; } /*The following css class will change the
table cells within the .form div */ .form td { background-color: #bbe0f4; padding: 3px;
border: 0px; font-family: verdana; font-size: 10px; ....
Do You Want To Use Php Code In Your Html Pages?
Within two minutes you will! (9) Whilst searching around for help to setup cutenews blog I came across a way to use php in html pages
- lo and behold it works! so I thought I'd share it with you all (Unfortunately I can't
remember the site so I wrote this up a couple of minutes after I did it:) ). This method requires a
web server with apache installed. So, luckily for us all this covers the whole of Trap17... even
Qupis /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /> Just
to make the point, this is in no way a difficult task and it doesn't require yo....
How To Make A Simple File Based Shoutbox Using Php And Html
(8) A simple tut to make a simple shoutbox. Let me jump right in. First of all you need the standard
equipment for PHP, an IDE like XAMPP and an editor like PHP EDITOR 2OO7. Were going to make a
simple guestbook using three files, webpage.php, shout.php and shout.txt. Webpage.php can be
changed to whatver you want, it will be the page on which the guestbok is shown, you could even use
this code and add it to another php page n your site. Shout.php is the proccessing page and
shout.txt is where the shouts are stored. Firstly we need to make the visual design of the box.....
Simple Scripts In Html And Javascript
Things like BackgroundColorChanger and so (7) like in the topic, here is a description how to change the Backgroundcolor "On The Fly", by klicking
on a button or radio-box first, we ned the html-and body-tags, create a new html-file on your
desktop and write the following: QUOTE browser interpretation: html - tag
means "hey, browser, here comes HTML" in the body-tag you define the looking of your site. you can
add things like "bgcolor" for the background, "text" for the textcolor and link / alink / hlink /
vlink to define the linkcolor ( ) the scripttag is the tag, we'll need now (sorr....
Document Type Declarations
And why we use them in html pages (0) This code: CODE HTML 4.0 Strict document ... Your HTML
content here ... ... More HTML content here ... represents a minimum, acceptable
web-page according to the W3C which is the organisation that sets the standards for the World Wide
Web, or as we call it, the Internet. In another Tutorial, you can learn about the html code, but in
this Tutorial, I wish to emphasis the importance of the DTD or Document Type Declaration, the first
line in the sample code above. What it does is tells the Browser that a certain set....
Fast Template Design In Joomla Cms
Basic knowlege of Html needed (2) Joomla is one of the most powerfull CMS sistems around. It is free under GNU/GPL license and
everyone with simple knowlege of webdesign (and even without it) can use it for it's website.
For now the only way i know on how to design a template in joomla is by using Dreamweaver and Joomla
(joomlasolutions1.0.mxp-dreamweaver.mxp) extension for dreamweaver! Template design in joomla is
quite simple really. This template that i'll show you is the most simplest of them all, but
it's enough for one to learn Basics of template design. Further notice is that this is ....
Integrating Html And Css Part 1
(5) Ok. Well i am writing this as a series of tutorials i will be doing on this subject, so enjoy. I
hope this helps. Introduction to HTML and CSS
HTML and CSS are to work together. HTML is what puts the characters on the page, while CSS is what
makes everything look outreageous! For instance, I would use HTML if i wanted to put "Trap17 is the
poop!" onto my page, although if i wanted to make it look nice like this by adding a font, and maybe
some color, then I would use CSS. Learn the HTML. Ok this is my little into....
Php Script To Make A Link List
From the list of the Directory Files (6) Well, it has been a while since I have added anything to the Tutorial Sectiion, so here is another
script for the members to enjoy. This one creates a list of links from the contents of the directory
which it is run from. For instance, if you run it from the public_html folder, then all the files
(not the Directores) are listed and linked so when you click on the link, that file is parsed and
output to the browser. Here is the code: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
An XHTML 1.0 Strict Page to List the files in this directory ....
Multiple Classes In Html
you can use more than one at a time (8) Multiple Classes in Css Styles Classes are used in html pages to give certain defined
attributes to elements. They are useful when the attributes are to be used in more than one place on
a page. (Named Id's are only allowed once per page, but I digress... might have a tutorial on
that some day.) Sometimes you want Red text and sometimes you want Bold text. Easy enough to do,
simply define a class and apply it to the element you want red or bold. Use this class where you
want on the page, since classes are enabled to be used in several spots, for different u....
Building An Unordered List Of Anchors
From a list of files in a folder (4) Building an Unordered List of Anchors from a Folder of files This script reads files from the
named folder and then builds a list of links from the filenames using the contents of the first
tag as the link description and the file-name as the anchor href . The file should be a web
readable file such as html or php. This script may come in handy for creating a list of clickable
links for use in sidebars and on 'sitemap' pages. Simply build a series of html files and
store them all in a single folder, ensuring that the description inside the first h3....
How To Set Up A Phbb Forum On A Simple Page.
simple page link to phBB (4) Ok, I am going to teach you how to set up and include a phBB Forum on your web site hsted on your
local computer set up as a Server. This tutorial references to snlildude87's tutorial at
http://www.trap17.com/forums/-t20432.html . You have to set up a MYSQL DATABASE and a Apache server
sucessfully in order for this to work. Do that first then come here and we can start. Ok, Now that
you got your Apache server set up and your MYSQL Database setup according to the Tutorial from
snllildude87, lets BEGIN! Step 1: First off you got to have a working HTML page with a ....
Quick And Easy Font Instaler
from the right click menu! (4) I’m going to show you how to add a feature I feel Windows should have had from the get go, easy font
install, after all what’s more exciting then using a font you have just downloaded in a new
presentation or document. I’ll start off by saying that there are probably easier ways of doing
this, perhaps even shell extensions you can install, however this tutorial can be modified by the
user to do almost anything from the right click using an age old technology known as the batch file,
or “.bat” for short, and what’s better all in 10 easy steps! There is a tutorial on tra....
Basic Html (for Us Kids)
(23) What is HTML? HTML (hypertext markup language) is computer language that is used to webpages. It
can be confusing to understand for some of us kids. HTML pages are text files that has of HTML tags
(they can place the text or images whereever you want to place it), and text you can place between
the tags so the text willshow up on your page when you put it on the WWW. Tags are instructions that
tell your browser what to show on ya website. They break up your webpage into basic sections. All
tags start with a (right bracket). If you are a starter you need 4 tools A....
Saint-michaels Html Tips And Tricks #4
been awhile so here somewhat new stuff (12) WEll its been awhile since i did so i will put up some more useful html tips and tricks here on
trap17.com Ok for trick actually, want to know how some websites got those ool icons put on their
website link in the favorites folder well here you go in 3 quick steps. 1. create an image then
shrink it down to 16x16 and save it as avicon .bmp. 2. then change it to .ico, when is the file
reconizing it as a icon., if you are having problems saving it, there are some resources out there
that can change it for you. 3. load the image to your website and add this tag in betwee....
Add Copy To And Move To Functions To Right Click Menu
(3) In this tutorial i will explain how to put Copy to and Move to functions to right click menu... 1.
Open registry editor...you can open it like this... START->Run...->type "regedit" hit Enter...
2.find this directory... -> "HKEY_CLASSES_ROOT\AllFilesystemObjects\shellex\ContextMenuHandlers"
3.Create a new key in this directory... rename it to "Copy To" 4.Change it's value to this->
CODE {C2FBB630-2971-11d1-A18C-00C04FD75D13} 5.Create another key in the same
directory...rename it to "Move To" 6.Change it's value to this-> CODE {C2FBB631-2971-1....
Saint-michael Html Tips And Tricks Issue #3
exploring meta tags and what uses they have (0) Todays issue we are going to talk about a bunch of good newbie stuff. The first is meta tags to
make it easy use a generator, from my searches on the internet ther are soe many meta tags to use
its not even funny but for those whoe like them is are the more common ones that are used for a
website. QUOTE also for a dynamic look using the meta this called page
fading so to speak, what it does when you click on a link the website will fade for a duration of
time to the next page on your site warning it doesn't do anything when you first cl....
Saint Michael Xhtml Tips And Tricks #1
xhtml= html 5.0 :P (3) Well by the many views i have seen on my web design issues i should go into new territory, so im
going start with some useful xhtml info for you web design fenatics, the info i present to you is
from other websites so be warned it might or might not work all depends but lets start off with the
basic info for using xhtml. Also this tutorial is for beginners so i won't be doing any xml
info due to it being a more server side then actually webdesign 1. DOCTYPE this is used to tell
the browser what kind of infomation it will be displaying. nothing as really changed....
Saint-michaels Html Tips And Tricks Issue # 2
some more tricks of the trade and some wierd stuff to (2) Well i thought it was time to bring in issue 2 of html tips and tricks and i found a very
interesting html coding which i thought was funny as hell its called Preventing Search Engine
Indexing this coding is used to keep your website from being index why i don't know why you
don't want you website listed unless it someone stupid as in telletubbies.com but heres the code
This tag tells the robots not to index this page and not to follow any links within the
page. QUOTE This tag tells the robots not to index this page, but follow any links wit....
HTML tags and examples
Condensed form of course from my site... (37) Well, I decided to try and help out some of the users here who might be unexperienced in HTML, so I
condensed the begginer's HTML course at my website. Here it is... Lesson 1 HTML means Hyper
Text Markup Language. HTML is a very common language used for many websites, is the base for more
complicated and powerful langauges like php, HTML can seem hard, but you will find it is one of the
easiest langauges one can learn. The core of HTML is the tag, a tage is just a set of two
arrows-like brackets created by hitting Shift and the comma key, or Shift and the period....
Looking for create, html, page, anchors, click, link, certin, place, page
|
Searching Video's for create, html, page, anchors, click, link, certin, place, page
See Also,
|
advertisement
|
|
