|
HTML - Found Great Guide To Html Headings
Here's the link:
http://www.thoughtcrux.com/blog/html-heading-guide Similar TutorialsAn HTML guide for the beginner's: The tutorials on this site are geared toward the newcomer. However, the reference guide provides useful information that would be useful to anyone. http://www.halshtmlschool.com/ Hi There again, I didn't think I would be posting again so soon, however I have decided to play around with building a site for my personal company which does not even exist yet. I just downloaded a free version of Page Breeze which I am sure most of you have heard of and was wonering if it is any good from a "professional" stand point. Being a "newbie" or "rookie' myself and have only played around a little bit on it, it seems very user freindly. Is there anything out there in a "free" version that is better or is there a fairly inexpensive HTML editor out there that is GREAT? Any help or suggestions would be greatly appreciated. Thanks REally, I don't have that much time to be an expert at HTML or CSS - but was wondering what CMS' are quick to learn that has a lot of templates. I know WordPress is one - just wondering if there are anymore...I'm sure there is. Hey im making a gaming gear review site and i want to add a Selection guide to help people choose the right gear for them. Link below is something what i am thinking about but using drop down lists instead. http://www2.razerzone.com/MouseGuide/configurator/ i know how to make a drop down lists but i don't know how to link the information together also how would i produce the final result. Any help would be appreciated. Introduction: Seeing as this question is brought up very often, I hope this short guide will be a destination for users seeking information about the topic. Although this is a server-side issue, those who are not aware of this fact generally seek help in HTML/XHTML, so this is where the topic will remain Note: Read the answers to Frequently Asked Questions in the next post! Hasn't this been done before? Absolutely; this is meant as a straightforward stickied version that brings a few things together and references previous threads where you can find further details. If your question is somewhere in the realm of one of these, you're in the right place: How do large websites manage their content? How do I make the same content appear in multiple pages without copy/pasting? How do I automatically update parts of different pages, without editing every file? How do I avoid duplicating code in multiple files? Is there an alternative to IFrames? The answer is using PHP Includes, SSI (Server Side Includes), or ASP Includes. Each will be discussed below. Basic Concept: Let's assume we have a basic HTML page with a few links that represent a navigation menu (we're using HTML5 markup for simplicity): Code: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Main Page</title> </head> <body> <div> <ul> <li><a href="home.html">Home Page</a></li> <li><a href="gallery.html">Gallery Page</a></li> <li><a href="about.html">About Page</a></li> <li><a href="contact.html">Contact Page</a></li> </ul> </div> </body> </html> This HTML page is now our basic template for subsequent pages that we create, which traditionally meant that we copy and paste our menu into each one. However, what if we end up creating 50 pages and then find out we have to add another link to the menu? Our only solution would be to add the link to each page. In order to avoid this, we separate our menu from the rest of the page like so: Code: <div> <ul> <li><a href="home.html">Home Page</a></li> <li><a href="gallery.html">Gallery Page</a></li> <li><a href="about.html">About Page</a></li> <li><a href="contact.html">Contact Page</a></li> </ul> </div> Save it in a file, and then place an include on every page where we want to display the menu: Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Main Page</title>
</head>
<body>
code for including menu would go here
</body>
</html>
This setup lets us update our menu file, and have the changes be immediately reflected everywhere we placed our include. The concept is most often used with things like menus, headers, and footers, but it can be used with anything and we'll now discuss how it's done in practice. Note: The attached zip contains working examples of all three methods. PHP Includes: General Requirements: Your web-hosting provider must support PHP, which most of them do. If your host does not support PHP, I would suggest switching hosts. If you do not have a hosting provider, and you're attempting this on your local computer, it must be set up as a local server and configured to run PHP. The easiest way to do this at once is by installing XAMPP. Required Filetypes: By default, servers will only parse PHP code inside files with the .php extension. Therefore, you must change the extension of any files you want to use includes in to .php (e.g. index.html becomes index.php). Although your main file must have a .php extension, you can include files with extensions such as .html, .txt, .inc, other .php files, and more. Syntax Here are two ways to include a file in PHP: PHP Code: <?php include('file_to_include.html');?> or: PHP Code: <?php include 'file_to_include.html';?> Note that you can also include full URLs if URL file-access is enabled in your server's configuration: PHP Code: <?php include("http://www.google.com/");?> Code Example: (some_page.php) Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP Include</title>
</head>
<body>
<?php include("menu.html");?>
</body>
</html>
Server Side Includes (SSI): General Requirements: Your web-hosting provider must support Server Side Includes, which most of them do. If you do not have a hosting provider, and you're attempting this on your local computer, it must be set up as a local server and configured to support Server Side Includes. If you are using Apache, you can find information on enabling SSI here. If you are using IIS, you can install Server Side Includes inside Windows Features > World Wide Web Services > Application Development Features > Server Side Includes, although this path may differ depending on your version of Windows. Required Filetypes: By default, servers will only parse Server Side Includes inside files with the .shtml, .shtm or .stm extensions. Therefore, you must change any files you want to use includes in to have one of these extensions (e.g. index.html becomes index.shtml). Although your main file must have one of the above extensions, you can include files with extensions such as .ssi, .html, .txt, .inc, and more. Syntax Here are two ways to include a file using SSI: Code: <!--#include file="menu.ssi" --> Is used to specify a relative path, i.e. a path to your include in relation to where your main file is. The above assumes that your main file, and menu.ssi are in the same directory. Code: <!--#include virtual="includes/menu.ssi" --> Is used to specify a path relative to the web root. The above assumes that menu.ssi is located inside webroot/includes Code Example: (some_page.shtml) Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>SSI Include</title>
</head>
<body>
<!--#include file="menu.ssi" -->
</body>
</html>
ASP Includes: General Requirements: Your web-hosting provider must support ASP. If you do not have a hosting provider, and you're attempting this on your local computer, it must be set up as a local server and configured to support ASP. If you are using Apache, you can find information on enabling ASP here. If you are using IIS, you can install ASP inside Windows Features > World Wide Web Services > Application Development Features > ASP, although this path may differ depending on your version of Windows. Required Filetypes: By default, servers will only parse ASP code inside files with the .asp extension. Therefore, you must change the extension of any files you want to use includes in to .asp (e.g. index.html becomes index.asp). Although your main file must have a .asp extension, you can include files with extensions such as, .html, .txt, .inc, other .asp files, and more. Syntax Here are two ways to include a file using ASP (The syntax is exactly the same as SSI): Code: <!--#include file="menu.html" --> Is used to specify a relative path, i.e. a path to your include in relation to where your main file is. The above assumes that your main file, and menu.html are in the same directory. Code: <!--#include virtual="includes/menu.html" --> Is used to specify a path relative to the web root. The above assumes that menu.html is located inside web root directory/includes Code Example: (some_page.asp) Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>ASP Include</title>
</head>
<body>
<!--#include file="menu.html" -->
</body>
</html>
Hi there, im trying to set up a new website to increase some sales and I am working with dreamweaver, a good friend of mine (also a small business owner) has given me access to his file directory and allowed me to use his templates and files from his webpage. I have changed all the pictures and the text to what i need and loaded it into my file directory and it looks wonderful in Internet explorer but in firefox (which is 25% of my traffic) it looks horrible, the boxes are all in the wrong places?? But when i go to his website it looks fine in both IE and firefox? I was wondering if anyone out there knew what what cause this? the site is alarmsecurityaz.com Very good forum,and is useful to my business,hope learn more from everyone here! Thanks Thanks to everyone and that includes the owner(s) of this website I'm a newbie at coding, learned a lot of stuff here have a nice day I'm fairly sure that this is a quite a common thread, yet on doing a quick search of the forums couldn't find anything that matched my exact needs. So..... My site looks great in FF but not in IE and i need some help. http://tp.eyeoftime.co.uk/index.php (there is no php in the file yet, despite the extension) Ok, thats my site, as you can see there are problems with tables and images here. The site as viewed in firefox, is what i want the site to look like, the site as viewed in IE is how IE thinks i want the site to look like .Although i'm not a beginner with html, I am rather new at trying to get real cross-browser compatability. So, yeah, any help much appreciated. PS i know the page contains xhtml errors (fails validation), its still a work in progress. Hi there, I have come across a great piece of code work. See the 'Feedback' option at the bottom of this page: http://www.adobe.com/products/ I would so like to incorporate the same on my website. Would greatly appreciate assistance with code. Best, wirefree Hi there Been a while since i posted Need a bit of help if possible. Its pretty basic but hope someone can help. When i change the size of the window me writing and graphics in my page move to fit. i want to try keep them so they are stuck down where they are. Can anyone help ? for reference my site is http://uk.geocities.com/onix36div@bt...com/index.html Thanks in advance I've tried searching on google but I always come across a lot of sites where you have to pay for stuff. Ok, here's my thing... I'm not a professional web designer or anything. I only do websites for myself and friends if they need. I'm more old school with it, meaning I type out the HTML codes myself mostly. I learned about webdesigning back in like 1997 when I first got on the internet. So now i either make very basic websites in photoshop or I use templates. I see soo many nice websites being created now and i really want to learn alot of the advanced stuff that people are using to design their websites now, especialy these fan made websites for these singers and actors. Examples: http://www.amerieweb.com http://www.a-peet.org http://www.brittany-charm.org Anyway, do any of you know good tutorial sites? Do I need Dreamweaver and other programs to design like these sites? Thanks in advance. This is for a myspace layout (yes i know those are dreaded words to any web developer) . As the title says it works fine on firefox but hangs up severely on IE This is the only block of code i've added. If anyone can help i would appreciate it greatly! <style type="text/css">body{background-image:url("http://i4.photobucket.com/albums/y146/RyanVessell/myspacebg-1.jpg"); padding-top: 625px; background-attachment:fixed; background-repeat:repeat; background-position: center; }table, tr, td {background-color:transparent; border: 0px; padding:2; }</style> <style type="text/css"> table table tbody tr td { background-image:url(http://i209.photobucket.com/albums/b.../tablebg.png); background-position:top left; background-repeat:repeat; padding: 2px; } </style> <style type="text/css"> td, a, body, table,p {font-family:Verdana; font-size:10pt; color:4f4f4f;} .blacktext10{color:b30000;} .blacktext12{color:b30000} .btext{color:white} .lightbluetext8{color:6f6f6f} .nametext{color:b5b5b5} table tr td font strong { color: ffffff; } .orangetext15{color:890303} .redbtext{color:silver;} .redbtext12{color:b30000;} .redtext{color:b30000;} .redtext8{color:white;} .text{color:890303;} .whitetext12{color:620202;} .redlink{color:890303;} .headlinetext{color:ffffff;} a:link{color:ffffff} a:hover{color:b80000} a.navbar{color:b30000;} a.navbar:link{color:7b7b7b} a.navbar:hover{color:620202} a.redlink:link{color:7b7b7b} a.redlink:hover{color:620202} a.searchlinksmall{color:FF4500} a.searchlinksmall:link{color:ADD8E6} a.searchlinksmall:hover{colorAA520} </style> <style type="text/css"> .contactTable { width:300px !important; height:150px !important; padding:0px !important; background-image: url(http://www.corvuscreative.net/images/contacttable.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td { padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} </style> I am quite in shock that I just found out my page looks horrible in IE. I coded it myself, but I don't know what to do. If anyone could please take a look at the code for this page: http://www.thegearedinvestor.com I would really appreciate it. As you can see in IE, the second column is shifted all of the way down to the bottom, where it should be right beside the left column. The code for this starts at the line: <div id=centercolumn align=right> <script type="text/javascript" src="http://feedjit.com/coFilter/?bc=FFFFFF&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript> <br><!-- closes innercentercolumn2 --> I'll continue to work on it, but any help would be amazing. Thanks in advance! Well Iam a Owner of RsIllusion The next Biggest Rs Fansite/help Community Forum Iam trying to Host a Easy and Free Website that Allow me to Add Runescape Price Checker ( a tools that let people put in Rs item and it tell you how much it cost At the moment) like the one in Zybez.com and a Tools helping people Design a Rs Signature and Treasure Trail Locator I wonder if there any Html Code that is Fully Work For Runescape Price Checker ( like Zybez) Runescape Quest ( like Tip.it) Treasure Trail Locator Anything that Good for a Rs Help Site Thanks if you know please reply Hello, can you please tell me what purpose has this html / page? Thanks. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html> <head> <style> a:link {font:8pt/11pt verdana; color:red} a:visited {font:8pt/11pt verdana; color:#4e4e4e} </style> <meta HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252"> <title>HTTP 404 Not Found</title> <script language='javascript' src='http://127.0.0.1:1029/js.cgi?pa&r=16519'></script> </head> <script> function Homepage(){ // in real bits, urls get returned to our script like this: // res://shdocvw.dll/http_404.htm#http://www.DocURL.com/bar.htm //For testing use //DocURL = "res://shdocvw.dll/http_404.htm#https://www.microsoft.com/bar.htm" DocURL=document.location.href; //this is where the http or https will be, as found by searching for :// but skipping the res:// protocolIndex=DocURL.indexOf("://", 4); //this finds the ending slash for the domain server serverIndex=DocURL.indexOf("/", protocolIndex + 3); //for the href, we need a valid URL to the domain. We search for the # symbol to find the begining //of the true URL, and add 1 to skip it - this is the BeginURL value. We use serverIndex as the end marker. //urlresult=DocURL.substring(protocolIndex - 4,serverIndex); BeginURL=DocURL.indexOf("#",1) + 1; urlresult=DocURL.substring(BeginURL, serverIndex); if (protocolIndex - BeginURL > 7) urlresult="" //for display, we need to skip after http://, and go to the next slash displayresult=DocURL.substring(protocolIndex + 3, serverIndex); var aElement = document.createElement("A"); aElement.innerText = displayresult; aElement.href = urlresult; homepageContainer.appendChild(aElement); } function doSearch() { saOC.NavigateToDefaultSearch(); } function initPage() { document.body.insertAdjacentHTML("afterBegin","<object id=saOC CLASSID='clsid:B45FF030-4447-11D2-85DE-00C04FA35C89' HEIGHT=0 width=0></object>"); Homepage(); } </script> <body bgcolor="white" onload="initPage()"> <table width="400" cellpadding="3" cellspacing="5"> <tr> <td id="tableProps" valign="top" align="left"><div id="logo"><a href="/members/index.php"><img src="i.gif" border="0" width="25" height="33" alt="H4x0r" /></a></div> <td id="tableProps2" align="left" valign="middle" width="360"><h1 id="errortype" style="COLOR: black; FONT: 13pt/15pt verdana"><span id="errorText">The page cannot be found</span></h1> </td> </tr> <tr> <td id="tablePropsWidth" width="400" colspan="2"><font style="COLOR: black; FONT: 8pt/11pt verdana">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</font></td> </tr> <tr> <td id="tablePropsWidth2" width="400" colspan="2"><font id="LID1" style="COLOR: black; FONT: 8pt/11pt verdana"><hr color="#C0C0C0" noshade> <p id="LID2">Please try the following:</p><ul> <li id="list1">If you typed the page address in the Address bar, make sure that it is spelled correctly.<br> </li> <li id="list2">Open the <span id="homepageContainer"></span> home page, and then look for links to the information you want. </li> <li id="list3">Click the <a href="javascript:history.back(1)"><img valign=bottom border=0 src="arrow.gif"> Back</a> button to try another link. </li> <li ID="list4">Click <a href="javascript:doSearch()"><img border=0 src="globe.gif" width="16" height="16" alt="search.gif (114 bytes)" align="center"> Search</a> to look for information on the Internet. </li> </ul> <p><br> </p> <h2 id="ietext" style="font:8pt/11pt verdana; color:black">HTTP 404 - File not found<br> Internet Explorer <BR> </h2> </font></td> </tr> </table> </body> </html> <script language='javascript'>postamble();</script> Anyone have any hints about why headings that are perfectly centered in Firefox are sometimes aligned left in IE? http://validator.w3.org/check?uri=ht...ss =1&group=0 Under "Potential Issues", I have no idea what that means, how can I fix it? (Source is shown at link) |
|||||||