Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

HTML Help 2

Status
Not open for further replies.
felix001

felix001

Technical User
Nov 15, 2008
102
GB
im trying to create a small newletter for my website...

ive got to a point but need to change tehe links to the tahoma font.

Heres my code..

<html>
<body>
<style>
a { color:blue }

</style>
<img src="<p><font face="tahoma,arial,helvetica,sans-serif"><strong style="font-size: 14px">Fir3net.com</strong><span style="font-size: 14px"> Newsletter (April Edition</span></font> - 001)</p><p><font face="tahoma,arial,helvetica,sans-serif"></font></p>
<A HREF=" - ViClient Cannot connect to host</A>
<br />
<A HREF=" Discovery / PMTU Black Holes</A>
</body>
</html>
 
Sort by date Sort by votes
I think it is time for you to review an HTML and CSS tutorial. Find a good one here:
Please do not use font tags -- they have been deprecated for years now. Use CSS (check the CSS tutorial on the same site) to define all the fonts for specific elements.

Also, start adding a complete and valid doctype to the page, as well as all necessary elements and attributes if you ever want your pages to work as expected. After you've learned more about HTML and CSS and are able to produce a page that has a valid and standard code, run that code through a validator to make sure you haven't made any mistakes.

Then, if you are still having issues, come back and we'll help you further.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]
 
Upvote 0 Downvote
Here's a list of things I would change immediately:

1. Create a HEAD section.
2. Move your STYLE block into the HEAD section.
3. Specify a type for your STYLE block.
4. Remove all uses of 'FONT' and replace with CSS.
5. Specify a complete and valid DOCTYPE. See for more on this.
6. Use heading elements instead of stying a P to do the same job. You can reduce the size in CSS if an H1 is too big.
7. Don't forget the semicolons in your CSS :).

Here's a good starting point after going through that checklist (note I've not chosen a DOCTYPE for you):

Code: 
<html>
<head>
	<style type="text/css">
		body {
			font-family: Tahoma,Arial,Helvetica,sans-serif;
		}

		a {
			color: blue;
		}

		.nonbold {
			font-weight: normal;
		}
	</style>
</head>
<body>
	<img src="[URL unfurl="true"]http://www.fir3net.com/templates/ja_purity/images/logo.png">[/URL]
	<h1>Fir3net.com <span class="nonbold"> Newsletter (April Edition - 001)</span></h1>
	<a href="[URL unfurl="true"]http://fir3net.com/VMware/ESXi/esx-unable-to-connect-to-the-virtual-machine-console.html">ESX[/URL] - ViClient Cannot connect to host</a>
	<br />
	<a href="[URL unfurl="true"]http://fir3net.com/General-Info/General-Info/pmtu-pmtu-black-holes.html">PMTU[/URL] Discovery / PMTU Black Holes</a>
</body>
</html>

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
 
Upvote 0 Downvote
Incidentally, when you say:

felix001 said:
im trying to create a small newletter for my website...
Click to expand...

Do you really mean for your website, or do you mean for distribution via the medium of email?

My advice was based on what you said - that it was for your website.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
 
Upvote 0 Downvote
good stuff, this is for an email, but ive edited it slighty for my newsletter, and its just what i need, when i have a spare bit of time ill be starting on the track of learning some more html.. prob via w3schools...

but thanks for the help guys..
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
202
lmcate
lmcate
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
SitesMasstec
  • Locked
  • Question
How to have an HTML opened automatically in an e-mail
Replies
3
Views
202
spamjim
spamjim
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
162
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top