Computer Hope
Internet & Networking => Web design => Topic started by: rasilun on March 12, 2007, 08:26:24 PM
-
Hello everyone! I'm having a small issue with my HTML. I have really just started coding, I might be going about this way wrong. But, I created a web page (viewing it in Mozilla) and towards the end thought I should check it out in some other browsers. When I opened it in IE nothing was right. It was like everything got tossed around.
Here is my HTML. I have takin a some personal info out.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>My Resume</title>
<link rel="stylesheet" type="text/css"
href="MyResume.css"/>
<body>
<ul id="links"
<p><il><center><a title="Home Page" href="">Home[/url]</center></il></p>
<p><il><center><a title="" href="">Work History[/url]</center></il></p>
<p><il><center><a title="" href="">Education[/url]</center></il></p>
<p><il><center><a title="" href="">References[/url]</center></il></p>
<p><il><center><a title="" href="">[/url]</center></il></p>
</ul>
<table><tr>
<div id="middle">
<ul id="top"
<p><center><strong>Josh</strong></center></ul>
<ul><center></center>
<center></center>
<center></center>
<center>Email: </center></p></ul>
<ul id="head" </ul>
<p id="tech"><center><strong>TECHNICAL SUPPORT SPECIALIST</strong>
Problem Resolution, Troubleshooting, Results Oriented, Self Motivated</center></p>
<ul>
<li>Competent in Oral and Written Communication skills</li>
<li>Ability to utilize multitasking abilities</li>
<li>Record extensive documentation and data analysis</li>
<li>Interface effectively with diverse companty personnel</li>
<li>Resolve client problems in a timely manner to insure satisfaction and loyalty</li>
</ul>
<ul id="abc" </ul>
<p><center><strong>Accomplishments</p></center></strong>
<p><strong>Troubleshooting</strong>
<ul>
<li>Identified commodities to meet client concerns and needs</li>
<li>Analyze hardware and software to determine a problem and provide a resolution in a timely manner</li>
<li>Recreate enigmas to identify the root of any situation</li>
</ul>
<p><strong>Customer Service</strong></p>
<ul>
<li>Provide empathy for customers that are irritated with inconvenient situations encountered</li>
<li>Control conversations to clarify concerns and to insure a positive outcome</li>
<li>Direct customers to the most convenient destination and insure they receive the answers desired</li>
</ul>
<p><strong>Computers</strong></p>
<ul>
<li>Competent in using Microsoft Word, Power Point and Excel</li>
<li>Skilled with Operating Systems, Linux, Windows 98, 2000 and XP</li>
<li>Knowledgeable in HTML, CSS and XML programming languages</li>
<li>Experienced in the functions of front-end software being compatible and communicating with back-end servers</li>
<li>Knowledgeable in installing computer hardware/software and small computer wiring</li>
<li>Sufficient in using Adobe Photoshop and Image Ready</li>
<li>Experienced in computer networking, LAN and WAN connections</li>
<li>Identifying software files for reconfiguration and/or replacement</li>
<li>Extensive researching on a variety of resources to find resolutions</li>
<li>Expert typing skills with 1000 KSM and 58 WPM</li>
</ul>
<p><strong>Training</strong></p>
<ul>
<li>Training colleges to understand software that the company is supporting</li>
<li>Explaining in a detailed view of how software and hardware works</li>
<li>Give tests, quizzes and have one-on-one meetings to graph an employees understanding of their duties</li>
<li>Organize daily training schedules</li>
</ul>
</div>
</body>
CSS
ul#links {
float: left;
border: solid #b7e3e2 2px;
margin: 1px;
padding: 1px;
height: 500px;
width: 140px;
}
body {
background-image: url(background.jpg);
}
ul#top {
font-size:160%
}
ul#head {
border-style: double;
border-color: #b7e3e2 1.3px;
border-right-width: 0;
border-left-width: 0;
border-top-width: 0;
border-bottom-width: .6em;
}
table {
border-style: solid #000000 3px;
}
p#tech {
font-size: 150%;
}
p#motivation {
font-size: .3%;
}
div#middle {
border: solid #000000 0px;
margin: 0 90px 0 250px;
height: 1100px;
}
ul#abc {
border-style: double;
border-color: #b7e3e2 1.3px;
border-right-width: 0;
border-left-width: 0;
border-top-width: 0;
border-bottom-width: .6em;
}
Any help as to why this is happining would be great. It's probably common to someone that knows this like the back of their hand. Thanks!
-
This code is not posting correctly. Please attach as a file or post within [code][/code] tags.
-
Sorry about that. I have attached a zip file. Thanks again!
-
Um, how can I put this? Your HTML is absolutely FULL of errors - like every other line. And you have a few spelling mistakes and grammatical errors that you may wish to correct, given the nature of the content.
My advice is that until your plain text HTML skills are really polished, use a decent code editor (for syntax-highlighting cues) or a WYSIWYG editor, such as the free >NVu< (http://www.nvu.com). This will make it much easier to produce cross-browser compatible code that >validates< (http://validator.w3.org/).
In respect of your resumé, it will look more impressive if you produce specific examples of your achievements. ;)
-
Well, I appreciate the honesty. I'll get better. This is my first page so I didn't expect it to be perfect, or close to anything. A resume is all I could think of to try out. Is my code messed up or just the format that it's in? I went through a little course online, and i'm just wondering if they are completely wrong or if I'm just putting lines in the wrong place. Or both. Anyways, thanks for the input.
-
There were a few different type of errors. Some that I spotted:
- unclosed tags: <ul class='whatever' (missing '>')
- mis-spelt tags: <il> (should be '<li>')
- un-matched tags: <table> with no corresponding '</table>'
- incomplete table definition: <table><tr> but no '<td>'
This is why I think a good HTML editor would make life easier for you - it would put those bits in automatically. Then you're free to inspect the code, and learn as you go along.
-
Fabulous, that explanation makes tons more sense. Again, thank you.
-
No problem.