Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9

Thread: HTML Help

  1. #1
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML Help

    I use macromedia dreamweaver, it seesms that when I do something in dream weaver the outcome is way diffrent from the outcome shown on dream weaver, the outcome in dream weaver:

    http://img92.imageshack.us/img92/8448/scs5ua.png

    The outcome while opening the file:

    http://img190.imageshack.us/img190/8872/das6qr.png

    As you can see the navigation menu goes beserk

    And here is my code:

    Code:
    <html>
    <head>
    <title>Layout using</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    	background-image: url(bacground.png);
    }
    body,td,th {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: #000000;
    	font-weight: bold;
    }
    a {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	color: #000000;
    	font-weight: bold;
    }
    a:link {
    	text-decoration: none;
    }
    a:visited {
    	text-decoration: none;
    	color: #000000;
    }
    a:hover {
    	text-decoration: none;
    	color: #FFFFFF;
    }
    a:active {
    	text-decoration: none;
    	color: #000000;
    }
    -->
    </style>
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (Layout using.png) -->
    <table id="Table_01" width="996" height="583" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="11">
    			<img src="images/Layout-using_01.png" width="995" height="91" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="91" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="13">
    			<img src="images/Layout-using_02.png" width="196" height="491" alt=""></td>
    		<td colspan="9">
    			<img src="images/Layout-using_03.png" width="619" height="13" alt=""></td>
    		<td rowspan="13">
    			<img src="images/Layout-using_04.png" width="180" height="491" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="13" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="4" rowspan="2">
    			<img src="images/Layout-using_05.png" width="253" height="31" alt=""></td>
    		<td colspan="3">
    			<img src="images/Layout-using_06.png" width="163" height="9" alt=""></td>
    		<td rowspan="3">
    			<img src="images/Layout-using_07.png" width="201" height="59" alt=""></td>
    		<td rowspan="12">
    			<img src="images/Layout-using_08.png" width="2" height="478" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="9" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="2">
    			<img src="images/Layout-using_09.png" width="58" height="50" alt=""></td>
    		<td rowspan="3">
    			<img src="images/Layout-using_10.png" width="2" height="61" alt=""></td>
    		<td rowspan="2">
    			<img src="images/Layout-using_11.png" width="103" height="50" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="4">
    			<img src="images/Layout-using_12.png" width="253" height="28" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="28" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="5">
    			<img src="images/Layout-using_13.png" width="311" height="11" alt=""></td>
    		<td colspan="2">
    			<img src="images/Layout-using_14.png" width="304" height="11" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="11" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="3">			<img src="images/Layout-using_15.png" width="141" height="16" alt=""></td>
    		<td colspan="5" rowspan="8" valign="top" bgcolor="#fd6e30"><p>&nbsp;</p>
    		  <p><img src="../Content/Attacks%20images/Big%20Bang%20Kamehameha.png" width="150" height="100"></p>
    		  <p>-Big Bang Kamehameha-</p>
    		  <p>This attack is a mix of two other attacks. Goku&rsquo;s kamehameha wave and vegeta&rsquo;s big bang attack. We first see this attacked used to destroy sin shenron in Dragonball GT when goku SSJ4 and vegeta SSJ4 fuse into super SSJ4 gogeta. The only reason it didn&rsquo;t work is because SSJ4 Gogeta ran out of time to do another big bang kamehameha to destroy sin shenron for good.</p>
    		  <p><img src="../Content/Attacks%20images/Big%20bang.png" width="150" height="100"></p>
    		  <p>-Big Bang Attack-</p>
    		  <p>This is one of vegeta&rsquo;s strongest attacks, he developed it while training with trunks in the hyperbolic time chamber. It is built quickly in ones hand and is very strong too that&rsquo;s why its one of vegeta&rsquo;s strongest attacks. We first see him using it on android 19 when he uses it to destroy android 19 for good, he then again uses it to distract prefect cell.</p>
    		  <p><img src="../Content/Attacks%20images/Bunkai%20teleport.png" width="150" height="100"></p>
    		  <p>-Cube Fade-</p>
    		  <p>We first see this attack used in Dragonball Z Movie 12 when janemba uses this attack to blast SSJ3. Basically janemba fades into little cubes and appears some where else, this is also used to redirect blasts toward the enemy.</p>
    		  <p><img src="../Content/Attacks%20images/Burning%20Attack.png" width="150" height="100"></p>
    		  <p>-Burning Attack-</p>
    		  <p>This is future trunks signature attack, it is formed by doing some strange hand movements and then he forms a spade shape with his hands. He first uses it in the TV special history of trunks against android 18 but she dodges it. He then again uses it against frieza but frieza dodges it very easily too. It was just a diversion for frieza to not see trunks slicing him in half.</p>
    		  <p><img src="../Content/Attacks%20images/Destructo%20Disk.png" width="150" height="100"></p>
    		  <p>-Destructo Disk-</p>
    		  <p>This is krillin&rsquo;s signature attack, he forms it by focusing energy above his hand. Krillin can control the destructo disk and can make it go any direction he wants it to go, the destructo disk can cut through anything even the hardest steel</p>
    		  <p><img src="../Content/Attacks%20images/Eye%20lasers.png" width="150" height="100"></p>
    		  <p>-Eye Lasers-</p>
    		  <p>This move is commonly used through out Dragonball Z, we see this attack the first time when piccolo uses this attack to silence gohan in saiyan saga. Any android can perform this beam as we see Dr. Gero perform this attack to destroy an island. </p>
    		  <p><img src="../Content/Attacks%20images/Final%20Flash.png" width="150" height="100"></p>
    		  <p>-Final Flash-</p>
    		  <p>This is one of vegeta&rsquo;s most deadly attacks, he puts his arms together and shows his hands out and a beam is made in the palms of the hands. We first see vegeta using it on perfect cell and it hurt perfect cell pretty bad.</p>
    		  <p><img src="../Content/Attacks%20images/Galick%20Gun.png" width="150" height="100"></p>
    		  <p>-Galick-Gun-</p>
    		  <p>This was vegeta&rsquo;s only special attack in saiyan saga, it was his signature attack too. Vegeta&rsquo;s galick-gun is as powerful as goku&rsquo;s kamehameha wave. Like the kamehameha the time depends on how much powerful and effective you want the beam to be. After it is charged vegeta releases a big purple beam out of his hands.</p>
    		  <p><img src="../Content/Attacks%20images/Kaioken.png" width="150" height="100"></p>
    		  <p>-Kaioken-</p>
    		  <p>This was taught to goku by king kai, the user can increase their ki to whatever number they desire. We see goku use this against nappa a little bit and then against the battle with vegeta. This move puts a massive strain on the users body that&rsquo;s why king kai told goku not to go beyond 1x but in the battle goku had to go beyond 1x to match vegeta and his galick-gun attack.</p>
    		  <p><img src="../Content/Attacks%20images/Kamehameha%20wave.png" width="150" height="100"></p>
    		  <p>-Kamehameha Wave-</p>
    		  <p>This is goku&rsquo;s signature attack, he doesn&rsquo;t only use this attack alone. He uses combos with this attack and he uses stronger versions of it as well. Anyone that has trained under master roshi or is a family member of goku knows this attack as well. We this attack first used in Dragonball when goku blasts it at a car while chi-chi and her father are watching.</p>
    		  <p><img src="../Content/Attacks%20images/Ki%20blast.png" width="150" height="100"></p>
    		  <p>-Ki Blast-</p>
    		  <p>We see this attack used many time, often used to deflect blasts, distract the enemy or to blast weak opponents. Anyone can perform a ki blast, even humans with low power levels can perform it they just need a little bit of training </p>
    		  <p><img src="../Content/Attacks%20images/Masenko.png" width="150" height="100"> </p>
    		  <p>-Masenko-</p>
    		  <p>This is gohan&rsquo;s signature attack, he puts two hands above his head and starts charging up energy and fires the blast. It was taught to gohan by piccolo but wasn&rsquo;t used too much, it is a special attack but it has no advantages.</p>
    		  <p><img src="../Content/Attacks%20images/Mouth%20Blast.png" width="150" height="100"></p>
    		  <p>-Mouth Blast-</p>
    		  <p>Instead of shooting a blast from the hand or feet, in this attack the user throws a large ki beam from the mouth. It is much more powerful then a regular ki blast and is dodoria&rsquo;s signature attack, we also see recoome use this against vegeta. It is used many more times throughout the series.</p>
    		  <p><img src="../Content/Attacks%20images/Special%20Beam%20Cannon.png" width="150" height="100"></p>
    		  <p>-Special Beam Cannon-</p>
    		  <p>This was invented by piccolo to finally destroy goku once and for all. It takes time to charge but when it finishes charging it hits massive damage, if the user aims it at the heart or forehead it can become a deadly and killer attack. This is also piccolo&rsquo;s signature attack, we see him using it for the first time ever in the battle with raditz.</p>
    		  <p><img src="../Content/Attacks%20images/Spirit%20Bomb.png" width="150" height="100"></p>
    		  <p>-Spirit Bomb-</p>
    		  <p>Another attack taught to goku by king kai, goku sticks his arms up in the air and yells to every living thing to give its energy to goku (goku only uses the sprit bomb to save the earth) and when there is enough energy goku sends a big blue bomb towards the enemy, no matter how much the enemy is powerful the sprit bomb can defeat the enemy.</p>
    		  <p><img src="../Content/Attacks%20images/Super%20Ghost%20Kamikaze.png" width="150" height="100"></p>
    		  <p> -Super Ghost Kamikaze Attack- </p>
    		  <p>This attack can create little ghost like replications of the user, the ghost&rsquo;s are like real duplications and have a mind of their own although they will listen to the user. The ghosts will explode if they touch anything except air. This is also another one of gotenks unique abilities. </p>
    		  <p><img src="../Content/Attacks%20images/Time%20Freeze.png" width="150" height="100"></p>
    		  <p> -Time Freeze- </p>
    		  <p> This is guldo&rsquo;s signature attack and only attack. He holds his breath and everything stops except him, he uses it short period of time to throw things at the user and to instantly kill them. Guldo is extremely weak that is why he has to use this before doing anything else in a battle. </p>
    		  <p><img src="../Content/Attacks%20images/Tri%20Beam.png" width="150" height="100"></p>
    		  <p> -Tri Beam Cannon- </p>
    	    <p> This is tien most powerful attack, he makes a triangle with his hands and shoots a beam through it. Although this attack is extremely powerful it drains the life force of tien and if he uses it too much it can kill him. We see that happen when he uses the tri beam attack against nappa as tien was all worn out he died.</p></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="16" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2" valign="top" bgcolor="#ff4800"><p>-Home</p>
    	    </td>
    		<td rowspan="7">
    			<img src="images/Layout-using_18.png" width="2" height="392" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="141" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			<img src="images/Layout-using_19.png" width="139" height="12" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2" bgcolor="#ff4800"><a href="Attack%20Guide.html">Attack Guide </a> </td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="104" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			<img src="images/Layout-using_21.png" width="139" height="12" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2" bgcolor="#ff4800">&nbsp; </td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="65" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			<img src="images/Layout-using_23.png" width="139" height="12" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
    	</tr>
    	<tr>
    		<td bgcolor="ff4800">&nbsp;			</td>
    		<td>
    			<img src="images/Layout-using_25.png" width="2" height="46" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="1" height="46" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="images/spacer.gif" width="196" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="137" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="112" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="58" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="103" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="201" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
    		<td>
    			<img src="images/spacer.gif" width="180" height="1" alt=""></td>
    		<td></td>
    	</tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Firstly, Dreamweaver is not a browser. Ignore what you see on the screen in Dreamweaver. Use the code view, type your code, save it, then open it in a browser (in fact, you don't even have to save it in DW, as it creates a temp file for you).
    Secondly, you really need to get yourself a DTD.
    Last edited by BonRouge; 04-23-2006 at 08:43 AM.

  • #3
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for your reply bon. What is a DTD? And my code is html your site explains css, I need help if someone could fix the code for me it would be highly appreciated.

  • #4
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, I'm curious... Did you click the link? (This link ==>> DTD)

    Edit: By the way, it's difficult to help you with that page if we can't see the actual page. You've posted the code, which is a good thing, but it's full of images. It's best if you post a link to your problem page. If it's not currently on a public server, try putting it on one. If you don't have a public server available to you, I suggest you sign up for a free host.
    Last edited by BonRouge; 04-23-2006 at 05:29 PM.

  • #5
    New to the CF scene
    Join Date
    Apr 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes I did, but what is a DTD?

  • #6
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,274
    Thanks
    28
    Thanked 271 Times in 265 Posts
    Quote Originally Posted by BonRouge
    OK, I'm curious... Did you click the link? (This link ==>> DTD)
    That website tells you to use a DTD but it doesn't tell you anything about why you should use it or what it is. Currently, most people don't have a clue what quirks mode is.

    A DTD is a DocType Declaration; it's used to tell the browser what coding standard you're using and changes the way it renders your code accordingly. If a page lacks a DTD the browsers enter quirks mode so that legacy (old) websites that use bad code will still display as they were intended to; when your page is rendered in quirks mode it renders code that shouldn't work "correctly". The common DTDs are for HTML 4.0, HTML 4.01, XHTML 1.0, and XHTML 1.1. A site listing all the DTDs prior to XHTML 1.1 can be found here: http://hsivonen.iki.fi/doctype/. Another good reason to use a DTD is that you can validate your page for errors.

    As for your code, it could use some cleaning up and some help with CSS for organization. As a table layout with spacer images it's an absolute mess. This only makes it very difficult to troubleshoot since first one has to just be able to figure out what's going on.
    Last edited by Arbitrator; 04-23-2006 at 05:32 PM.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #7
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you were to click the link I posted (which you claim to have done), you'd find this...
    Use a complete 'HTML 4.01 STRICT' DTD (on the first line of every page - if you put something else on the first line, it throws IE6 into quirks mode). It forces you to write good code. That means no presentational mark up - <font> tags and the like. Presentation should be left to your css.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  • #8
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Quote Originally Posted by BonRouge
    If you were to click the link I posted (which you claim to have done), you'd find this...
    AAARRRRRRRGGGGGGG

    I freakin' hate snobby replies like this. They don't help anyone and give out wrong information.

    Use a complete 'HTML 4.01 STRICT' DTD (on the first line of every page - if you put something else on the first line, it throws IE6 into quirks mode). It forces you to write good code. That means no presentational mark up - <font> tags and the like. Presentation should be left to your css.
    Why do you have to use 4.0 Strict? Why not XHTML Transistional? Or 3.2 Strict? Or whatever? How does using a Strict DTD force you to write good code? I've seen plenty of bad code using Strict DTDs. How does using a Strict DTD prevent presentational markup? And more importantly, where in that paragraph do you explain what a DTD actually is?

    If it sounds like I'm ranting it's because I am. I simply cannot take anymore "holier-than-thou" attitude coming from people with average web programming skills.

  • #9
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Arbitrator
    That website tells you to use a DTD but it doesn't tell you anything about why you should use it or what it is. Currently, most people don't have a clue what quirks mode is.
    That's true. Point taken. I'll sort it out and put more information up about that. I'll also try to be a bit less lazy when posting...
    Quote Originally Posted by medek
    Why do you have to use 4.0 Strict? Why not XHTML Transistional? Or 3.2 Strict? Or whatever? How does using a Strict DTD force you to write good code? I've seen plenty of bad code using Strict DTDs. How does using a Strict DTD prevent presentational markup?


    XHTML transitional... What's the point of using XHTML when IE doesn't support it?

    Why not 3.2...? Well, I thought it had been superceded by html4.

    A strict DTD makes you at least remove all the deprecated attributes if you want your page to validate. I guess if you don't try to get it to validate then it doesn't really matter...

    'Holier-than-thou'? Moi? Not really. I'm just trying to help a few people out. Sorry to have offended you...

    (You do have a good point though. I should either re-write my page, or just post better answers here).


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •