HTML - !! Please Very Important !!

Hi all

i am new to this forum

i am designing my forum in html language

i need a very important html code that prevent visitor from viewing the content before

registration

could any member help me plz ?

best of luck for all

I have been creating a number of sites just using title pages and i never used meta tags such as keywords and description. i now realised that someone advised that many pages goes into similar ones shown by google.

so, do i need to use meta tags? is not using meta tags hurt my se rankings?

I figured I would just post this since having a problem with it this morning...

Please bear in mind that I do recommend following the strict doctype - its just that I'm stuck with a CMS written about 8 years ago for this particular site I had the problems with.

Anyway - our client noticed that there are styling discrepancies in IE... I checked the source code and found the following (the document is served as HTML4.01 Transitional):

HTML Code:

<p><font face="Verdana, Arial, Helvetica, Sans Serif" size="1">Blah<br>
</p><p>More blah</p>

What was happening in IE was that the unclosed <font> element was being terminated when the browser encountered the </p> tag...
What was happening in FF was that the <font> element was being closed and then a new element placed in subsequent paragraphs...

Hence, discrepancies in style between the two browsers...

So - even when using an older doctype, it is important to check your code is well-formed and valid...


As for me - I've now got to sit with our application developer and fix the CMS software...

Hi, I'm new to this forum and this is my first post...Because I needed some help...

I have some files on my site which i want others to see e.g. xml files and swf files but I wnat to deny direct access to them through the url e.g if they wrote in the adddress bar

http://htmlforums.com/flashfile.swf then they wouldn't be able to access it i.e they can only access it through my site...

Someone please help me with this... Thanks

(by the way i have a .htaccess file and ...no nothing about html codes and stuff)

Thanks

Hey Chaps, Being a professional web designer, I used to read articles in this discipline and recently got a superb one and thought of sharing it with you..

Here are 15 important website design tips that you might not be aware of or have overlooked. Consider taking advantage of them if you haven't already done so...

1. Custom 404 Pages
Create a custom 404 web page, so that any time your website visitor mistypes or misspells a URL on your site, they will still be provided with navigation options for your site (instead of getting nothing but a "Page Not Found" error message, which is neither friendly or helpful).

2. Redirect Non-www. To www.
Website visitors will often leave out the "www." portion when they type a URL or link to your website. Set the website up so that it automatically redirects any non-www version of your domain URLs (http://domain. com) to the www version (http://www.domain. com) of your website.

3. Properly Sized Graphics
Size and define all graphics and images on your web pages properly and correctly. Web pages will load quicker if the graphics contained on each page are properly defined so they don't require the web browser to re-size them. Properly sized and defined images can reduce the web browser workload and speed up the page loading time.

4. Favicon
Add a Favicon (favorite icon) to your website, so that your company or product logo appears in the URL box. This icon will also show up in a bookmark list, and gives the web site an added level of professionalism.

5. Include RSS Auto-Discovery
If you offer an RSS feed for any content on your website, be sure to include auto-discovery code in the header of your website. This will allow many browsers and RSS readers to automatically detect the presence of an RSS feed and alert the visitor that it is available.

6. Alternate Domains
Domain names are relatively inexpensive, so you should register multiple domain versions and extensions in order to protect your brand. The varied domains can be parked on the main website, simply to prevent others from obtaining them. Registering alternate domain versions will help protect your brand.

7. Consistent Navigation
Navigation should remain consistent on a website. As a website visitor moves through the website, the navigation bar should remain in the same place on each page. This will make it easier for visitors to navigate your website, and become more comfortable as they move through your site.

8. Home Goes Home
The main graphic, company logo, or "header" at the top of the site should be included on every page in the site, and should always return the visitor to the home page of the website. This has become a web standard, and most visitors now expect to return to the main page of the site simply by clicking on the main top graphic from any page within the site.

9. Copyright Notice
Include a copyright notice on the bottom of each page contained on the website, and keep it current! It may seem trivial, but an out-of-date copyright notice can send a message to your visitors that the website and its content may be out-of-date as well.

10. Meaningful File Names
Use meaningful file names for any files, graphics, or web pages. Many search engines look at file names as part of their search algorithm, and using keywords in file names may help to improve search engine rankings.

11. Hyphens vs Underscores
When naming files and webpages, use hyphens (i.e. web-page.html) rather than underscores (i.e. web_page.html) for the file names. It is much easier for search engines to separate and index the keywords when hyphens are used.

12. Alt Tags
Use ALT tags to describe what images represent on web pages. ALT tags not only assist visually-impaired visitors in knowing what the images are, but they also help with search engine ranking.

13. Spell Check
Use a spell-check feature on the text of all web pages in a website. A website that contains mistyped or misspelled words just shouts "unprofessional". Take the extra few minutes necessary to check the spelling of text on each page of your website.

14. Test
After making changes to a website, test it! Many times, a webmaster will upload changes, confident in their abilities, only to later discover that in their attempt to fix one thing, they have "broken" something somewhere else. Make testing a habit after making even the most minor changes!

15. Keep It Simple
Simple is good. Remove unnecessary clutter and distractions from a website and navigation menu.

...
Good luck mate..

TIA for your response.

YAY SOLVED THANKS TO COOTHEAD

This thing is driving me nuts... over the last 36 hours i, along with a helpfull member of this community have been trying to fix some SIMPLE code that wasnt broken in the first place.

It displays fine, when tested in Dreamweaver, tests fine in IE, FF.
The several adjusted codes even display fine inside the test previewer of the mail program on www.yourmailinglistprovider.com !

The trouble starts when the email HTML code gets sent to the Gmail & Hotmail inbox.
Both my inbox' are stuffed with test mails.. and it isnt going to end any time soon

I have CODE 2 that wont load up the CSS image tags.

And CODE 1 that wont display the text in its right position, not on top of the image, instead it shows it way down, like so:

http://img196.imageshack.us/img196/2625/frustration.jpg

So finally... i discovered, why.. the Gods have put me in this misfortune.
Google Mail is in BETA, and that means the following:

Quote:
Google Mail, LotusNotes, and Outlook 2007 present special coding problems. The good news? If you code to account for their oddities, your html email code is more likely to display well in most if not all email software.

Because Google cannot control how senders will code CSS and HTML, they have to take steps to ensure their application displays properly regardless of the code quality of the html email that is displayed.

As a result, Google Mail acts like an artifact of the mid 1990s when web standards were primitive. It takes some work, but it is possible to crack open a Google Mail page and see just how convoluted their approach is to rendering html email.

For one thing, Google Mail deletes any CSS style reference to a set of styles, no matter where it appears in the email. And fonts displayed in html tables have the odd habit of appearing larger than intended no matter how the html email is coded.
&#^&%$@3(*(2@#*&y#!!............................. Why

Now all my work ive put into this could be all for nothing,..
since I believe the solution given by the website is too far fetched for this amateur. The solution:


Quote:
Here are coding techniques that appear to work well in Google Mail and older email softwa

* Define the background color in a TD cell with bgcolor=, not the CSS style.
* Use the background= attribute in the TD cell for background images, not the CSS. A corollary is that the background image can be made as tall as needed. If the content of an email template might be short or tall depending on the email content, using an extra-tall background image this way lets the email layout height shrink or expand based on the height of the copy from one email to the next. Note, however, that Outlook 2007 ignores background images.
* If it works better, use the padding style to control margins within a TD cell. The margin style does not work in these cells. Padding does work.
* If a border around a TD cell is needed, Google Mail displays a border when defined in a DIV but not when defined as a border style in a TD tag.
* If a light colored link against a dark background color is needed, put the font definition in the TD cell (so it applies to P and A tags equally) then add a color= style to the A tag.
* If the P and A fonts appear to be different sizes, wrap the A tag in a P tag.
* Google Mail aggressively uses the right column of their interface which squeezes the html email into the center panel. Be sure the padding style in the content TDs is set at 10 pixels all round so text does not smash against the left and right edges.
* When testing an html email with a Google Mail account, it is likely one or more missing font styles in the TD, H1, H2, P, A, and other tags will be found. Inspect every font carefully to make sure Google Mail displays the fonts correctly.
SOURCE


I need either of these two amateuristic codes (they are basically the same) re-coded with the rules up above.
Could anyone who can do this fluently without breaking a sweat help me out?
I am near desperation and willing to transfer a fee to whatever paypal account.
I just need this mail template sent out asap. Thank you for reading.



CODE 1:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://xx.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
#container{ 
    width:711px;
    margin:auto;
    font-family:verdana,sans serif;
    font-size:16px;
	
    background-image:url(blokje.png); 
 } 
#pic {
    display:block;
 }
#content {
    padding:0 0 60px 50px;
    background-image:url(onderkantcurve.png);
    background-repeat:no-repeat;
    background-position:0 bottom;
 }
#p-one {
    font-weight:bold;
    color:#410d3e;
 }
#pic-one {
    text-align:center;
 }
#pic-one img {
    width:170px;
    height:190px;
 }
#link {
    font-size:12px;
 }
</style>

</head>
<body>
<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://xx.com/template3.html">Klik hier voor de web-versie mocht de nieuwsbrief niet goed worden weergegeven.</a></font></p>
<div id="container">



<img id="pic" src="top.png" alt="">

<div id="content">

<p id="p-one">
 Nieuwsbrief februari 2010
</p><p><br>

Beste Lezer van mijn eerste nieuwsbrief,
</p><p>
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van <br>
Sessio Communications.
</p><br>

<p id="pic-one">
 <img src="koord.jpg" alt=""><br>

<a href="http://www.xx.com">www.xx.com</a>
</p><p>
<br>

 Ik nodig je van harte uit om <a href="http://www.xx.com">mijn website</a> te bezoeken.<br> 
 Reacties zijn welkom. Doorsturen naar andere belangstellenden mag. <br>
 <a href="[FORWARDTOFRIEND]">Stuur deze email door naar een vriend of vriendin.</a></p>

</p><p>
 Mocht je geen belangstelling hebben om op de hoogte te blijven van<br> 
 mijn verschillende workshops en trainingen dan kun je dat via de <br>
link onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
</p><p><br>

 Met vriendelijke groet,
</p>

</p>
</div>
</div>
<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://ymlp154.com/u.php?YMLPID=gejseubgsguejeg"> Uitschrijven / Gegevens wijzigen </a></font></p>

</body>
</html>

CODE 2:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://xx.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<style type="text/css">
#container{ 
    position:relative;
    width:711px;
    height:910px;
    margin:auto;
    font-family:verdana,sans serif;
    font-size:16px;
 } 
#pic {
    position:absolute;
    top:0;
    left:0;
 }
#content {
    position:absolute;
    top:170px;
    left:50px;
    width:651px;
    height:680px;
 }
#p-one {
    font-weight:bold;
    color:#410d3e;
 }
#pic-one {
    text-align:center;
 }
#pic-one img {
    width:170px;
    height:190px;
 }
#link {
    font-size:12px;
 }
</style>

</head>
<body>

<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://xx.com/template3.html">Klik hier voor de web-versie mocht de nieuwsbrief niet goed worden weergegeven.</a></font></p>

<div id="container">

<img id="pic" src="big.png" alt="">
<div id="content">
<p id="p-one">
 Nieuwsbrief Februari 2010
</p><p><br>
 Beste Lezer van mijn eerste nieuwsbrief,
</p><p>
Graag wil ik je opmerkzaam maken op de nieuwste activiteiten van <br>
Sessio Communications.
</p>
<p id="pic-one">
 <img src="koord.jpg" alt=""><br>

<a href="http://www.xx.com">www.xx.com</a>
</p><p>
<br>

 Ik nodig je van harte uit om <a href="http://www.xx.com">mijn website</a> te bezoeken.<br> 
 Reacties zijn welkom. Doorsturen naar andere belangstellenden mag. <br>
 <a href="[FORWARDTOFRIEND]">Stuur deze email door naar een vriend of vriendin.</a></p>

</p><p>
 Mocht je geen belangstelling hebben om op de hoogte te blijven van<br> 
 mijn verschillende workshops en trainingen dan kun je dat via de <br>
link onderaan de pagina aangeven. Je e-mail adres wordt dan verwijderd.
</p><p><br>

 Met vriendelijke groet,
</p>
</div>

</div>
<p align="center"><font face="Verdana, Geneva, sans-serif" size="2"><a href="http://ymlp154.com/u.php?YMLPID=gejseubgsguejeg"> Uitschrijven / Gegevens wijzigen </a></font></p>
</body>
</html>

Thanks for reading..

Ok, currently on my site I have a bookmark link in my navigation bar (link is in my signature, also looking for reviews if you care to). However, I'm uncertain whether or not they really are worth it.

I'm a self taught hobbyist webmaster so I'm not really "in the know" when it comes to some things. I'm just wondering, do bookmark links increase the frequency of people bookmarking your page? Do they just look like extra spam?

I don't think I will keep mine up... it seems like even with it there it only works for IE and not mozilla or opera anyways.

Hey Every one

im new on this so i really need help

i designed a website but i cant figure out how to center the page when its minimized and when it becomes maximized

if no one understands what im talkin about take a look at this website and you will understand im using Dreamweaver Mx 2004 i need help how to make it so it is centerd when the window is minimized and then it becomes centerd when the window is maximized!!!!

this is the website im talking about

www.parikiaki.net

please some help me it will be very much appreciated

Thank You

Pavzz