Jump to content
Please Use CODE Tags

Verify my code? HTML/CSS

Jlryan
By Jlryan
in Programming
 Share
Posted

Hey guys, just spent the best part of three hours writing this out from scratch. Now, I'm no HTML/CSS master, I'm far from it, but I am learning and I'm looking for any sort of critique.

 

There's no images set in for this yet, I've yet to take them. 

 

I will be using this for my listing on eBay once I have finished (hopefully tomorrow).

 

 

You can view the live page here.

 

Thanks in advance!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Vintage Quad 303/33/FM3 Very good condition, tested and working - Serviced</title><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><style type="text/css">p1{	font-family:Verdana;	font-size:15px;	color:#CF6A5A;	font-weight:bold;}p2{	font-family:Verdana;	font-size:15px;	color:#F5D6A7;	font-weight:normal;	text-align: left;}*{margin:0;border:0;padding:0;text-align: center;}body {	text-align: center;	line-height: 1.4;	margin:auto;	float:center;	font-family: Tahoma, Verdana, Arial, Sans-Serif;	font-size: 13px;}#header{	margin:auto;	width:786px;	height:206px;	padding-top:20px;	padding-left:20px;	padding-right:20px;	padding-bottom:20px;}#col_1{	background-color: #202020;	margin:auto;	width:900px;	height:auto;}#title{	font-size: 25px;	color:#F5D6A7;}#img_box{	padding-left:4px;	padding-top:35px;	margin:auto;}div.img  {  margin:5px;  padding: 5px;  height:auto;  width:auto;  float:left;  text-align:center;  }div.img img  {  display:inline;  margin:5px;  border:1px solid #ffffff;  }div.img a:hover img  {  border:1px solid #0000ff;  }  #description_title{	font-size: 25px;	margin:auto;	padding-top:25px;	padding-left:5px;	padding-right:5px;}#description{	margin:auto;	padding-top:25px;	padding-left:5px;	padding-right:5px;	font-size: 25px;}div.divide  {  	margin:auto;	padding-left:10px;	padding-right:10px;  }      ul#gallery, ul#gallery li{        margin:5px;		padding: 5px;        list-style:none;		float:left;        }    ul#gallery{		margin:12px;        width:263px;        height: 148px;        position:relative;		float:left;        }           </style></head><body><div id="col_1"><!---**** Start of main column ****--->						<div id="header"><!---**** Start of header image ****--->			<img src="http://www.freeauctiondesigns.com/templates/dec/1/top.gif">		</div><!---**** End of header image ****--->				<div id="title"><!---**** Start of Title ****--->				<b>Quad 33/303/FM3 Pre-Amplifier, Amplifier and Tuner set.</b>				</div><!---**** End of Title ****--->									<div id="img_box"><!---**** Start of Image Set ****--->															<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left:30px; margin-right: 20px;"><img>					<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;"><img>					<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;"><img>										</div><!---**** End of Image Set ****--->												<div id"description_title">															<div class="divide">								<table border="0" width="100%" cellspacing="30" cellpadding="0">								<tr>								<td valign="top"><hr color="#950000" size="6"></td>								</tr>								</table>								</div>																<p1>Description:</p1>															</div><br>															<div id"description">																<p2>																Feast your eyes on this stunning vintage amplifier, featuring the first of the publicly available Transistor at it's time, the Quad 33, 303 and FM3.							<br>							<br>							The Quad 33 Pre-Amplifier and the Quad 303 Power Amplifier are in stunning condition, internally and externally. Both have been serviced by Quad them selves. 							The Quad 303 was serviced in December 2013, and the Quad 33 was serviced in 1994.							<br><br>							Both the Quad 33 and 303 have also been serviced by myself. The Quad 33 has had an upgrade kit installed, modifying the power supply to output 16v instead of the less stable 12v that Quads designs were limited to, with it being a 1960's design,							capacitors couldn't be manufactured small enough to fit in the casing.							<br><br>											<img src="imageLocation.jpg" style="width: 400px; height: 225px; float: left; margin-bottom: 15px; margin-left:40px; margin-right: 20px;"><img>				<img src="imageLocation.jpg" style="width: 400px; height: 225px; float: left; margin-bottom: 15px; margin-right: 20px;"><img>							<br><br><br><br><br><br><br><br><br><br><br><br>							The Phono board and the two output amplifier boards in the 33 have also been upgraded to withstand the new power supply upgrade. All the electrolytic capacitors have been replaced with high quality audio grade Nichicon's.							<br><br>							Some resistors have also been changed due to tolerances falling below requirements.  							<br><br>											<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left:30px; margin-right: 20px;"><img>				<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;"><img>				<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;"><img>				<p style="clear: both;">				<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left:170px; margin-right: 20px;"><img>				<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;"><img>														<br><br><br><br><br><br><br><br>							The benefits of the upgrade are that with there being a higher supplied voltage to the components, bass response has been tightened dramatically, meaning less distortion at higher volumes (depending on the input source). 							All while keeping that same warm, beautiful Quad sound. 							<br><br>							The output is still 500mv so there's no need to worry about damaging the input of the Quad 303.																</p2>								<br>							<div id"description_title">															<div class="divide">								<table border="0" width="100%" cellspacing="30" cellpadding="0">								<tr>								<td valign="top"><hr color="#950000" size="6"></td>								</tr>								</table>								</div>																<p1>A little bit of fact:</p1>															</div><br>																<div id"description">																	<p2>									The first commercially available transistor featured by Quad was the Quad 50 monoblock released in 1966, following this, 									the Quad 303 Stereo power amplifier was released to the public in 1967.									<br><br>									A total of 90,000 Quad 303 Power Amplifiers, 120,000 Quad 33's and 50,000 Quad FM3's have been manufactured									<br><br>									The first Quad 303, 33 and FM3 for public started with the serial number 1000. Units with the serial number below 1000 									are in-fact pre-production models.									</p2>																</div>																</div></div><!---**** End of main column ****---></body></html>

Gaming/Folding rig: Coolermaster CM 690 II Advanced White | MSI Z77A-G43 | Intel Core i7 3770k @ 4.4GHz | 10GB G.Skill RAM | Nvidia GeForce GTX 780 | Samsung 840 Pro 128GB | Seagate 2TB | Seagate 2TB | WD Blue 640GB | Cogage Arrow (Passive) | Thermaltake Toughpower XT 675w | Windows 10 Pro

 

Photography

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Pictures or whatever those 3 boxes are don't work FYI

coollll beans bud u gotta read the post!

There's no images set in for this yet, I've yet to take them. 

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author
 

Pictures or whatever those 3 boxes are don't work FYI

 

Yeah I've not taken the pictures yet, so nothing to add to the placeholders. But they will be there soon. :)

 

looks pretty good

cant wait for the images

 

Thanks! I'll be getting my studio lights out for taking those pics haha, need to make an effort. :P

Gaming/Folding rig: Coolermaster CM 690 II Advanced White | MSI Z77A-G43 | Intel Core i7 3770k @ 4.4GHz | 10GB G.Skill RAM | Nvidia GeForce GTX 780 | Samsung 840 Pro 128GB | Seagate 2TB | Seagate 2TB | WD Blue 640GB | Cogage Arrow (Passive) | Thermaltake Toughpower XT 675w | Windows 10 Pro

 

Photography

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

 

 

 

Yeah I've not taken the pictures yet, so nothing to add to the placeholders. But they will be there soon. :)

 

 

Thanks! I'll be getting my studio lights out for taking those pics haha, need to make an effort. :P

 

effort is good xD

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

nicely done with design, good color select and layout.

 

the only thing that i would change would be this section of code

 

<div id"description_title"="">                                                            <div class="divide">                                <table width="100%" cellspacing="30" cellpadding="0" border="0">                                <tbody><tr>                                <td valign="top"><hr size="6" color="#950000"></td>                                </tr>                                </tbody></table>                                </div>                                                                <p1>Description:</p1>                                                            </div>

 

This table adds to the body width of the page adding the horizontal scroll bar which does not match the content.
I assume you planned on using the table to hold each image. however you properly made adequate margins to counter the need for a table.

 

NOTE: I viewed the webpage in firefox 26.0 using a 1920x 1200 resolution with firebug add-on to find the issue on total page width.

 

if you have more question feel free to ask. hope this helps, good job so far!

 

Hey guys, just spent the best part of three hours writing this out from scratch. Now, I'm no HTML/CSS master, I'm far from it, but I am learning and I'm looking for any sort of critique.

 

There's no images set in for this yet, I've yet to take them. 

 

I will be using this for my listing on eBay once I have finished (hopefully tomorrow).

 


You can view the live page here.

 

Thanks in advance!

Use the quote or multiquote, for faster responses \/ \/

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

If you do F12 to bring up the console in FireFox, it will complain that the float CSS tag has no "center" value. It is denoted for the body tag. The valid values for the float tag are "left", "right", "none", and "inherit".

I think you can remove the float as you already have set margins to center your content.

 

Other than that, I like the contrast in color (dark-ish background with light text). If you can ensure that your 3 images are sufficently bright enough, then it should look good.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Ok so put the code into Expression 4 and a few minor bugs are present. Firstly the <br><br> Both are open, you need to close it so <br></br> (Although this is only needed for XHTML). Few minor bugs with the ID tags which I've fixed, also applies XML rules and now everything shows as clean and valid. Displays fine too.

 

Hope it helps. EDIT: Cleaned up the code some more, there is a lot of Br tags......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Vintage Quad 303/33/FM3 Very good condition, tested and working - Serviced</title><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><style type="text/css">p1 {	font-family: Verdana;	font-size: 15px;	color: #CF6A5A;	font-weight: bold;}p2 {	font-family: Verdana;	font-size: 15px;	color: #F5D6A7;	font-weight: normal;	text-align: left;}body {	text-align: center;	line-height: 1.4;	margin: auto;	float: center;	font-family: Tahoma, Verdana, Arial, Sans-Serif;	font-size: 13px;}#header {	margin: auto;	width: 786px;	height: 206px;	padding-top: 20px;	padding-left: 20px;	padding-right: 20px;	padding-bottom: 20px;}#col_1 {	background-color: #202020;	margin: auto;	width: 900px;	height: auto;}#title {	font-size: 25px;	color: #F5D6A7;}#img_box {	padding-left: 4px;	padding-top: 35px;	margin: auto;}div.divide {	margin: auto;	padding-left: 10px;	padding-right: 10px;}</style></html></head><body><div id="col_1">	<!---**** Start of main column ****--->	<div id="header">		<!---**** Start of header image ****---><img src="top.gif" /> </div>	<!---**** End of header image ****--->	<div id="title">		<!---**** Start of Title ****---><b>Quad 33/303/FM3 Pre-Amplifier, Amplifier 		and Tuner set.</b> </div>	<!---**** End of Title ****--->	<div id="img_box">		<!---**** Start of Image Set ****--->		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left: 30px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />	</div>	<!---**** End of Image Set ****--->	<div id="description_title">		<div class="divide">			<table border="0" cellpadding="0" cellspacing="30" width="100%">				<tr>					<td valign="top"><hr color="#950000" size="6" /></td>				</tr>			</table>		</div>																<p1>Description:</p1>															</div>	<br />	<div id="description">																<p2>																	Feast your eyes on this stunning vintage amplifier, 		featuring the first of the publicly available Transistor at it's time, the 		Quad 33, 303 and FM3. <br />		<br />		The Quad 33 Pre-Amplifier and the Quad 303 Power Amplifier are in stunning 		condition, internally and externally. Both have been serviced by Quad them 		selves. The Quad 303 was serviced in December 2013, and the Quad 33 was 		serviced in 1994. <br />		<br />		Both the Quad 33 and 303 have also been serviced by myself. The Quad 33 		has had an upgrade kit installed, modifying the power supply to output 16v 		instead of the less stable 12v that Quads designs were limited to, with 		it being a 1960's design, capacitors couldn't be manufactured small enough 		to fit in the casing. <br />		<br />		<img src="imageLocation.jpg" style="width: 400px; height: 225px; float: left; margin-bottom: 15px; margin-left: 40px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 400px; height: 225px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		The Phono board and the two output amplifier boards in the 33 have also 		been upgraded to withstand the new power supply upgrade. All the electrolytic 		capacitors have been replaced with high quality audio grade Nichicon's.		<br />		<br />		Some resistors have also been changed due to tolerances falling below requirements.		<br />		<br />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left: 30px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<p style="clear: both;">		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left: 170px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		The benefits of the upgrade are that with there being a higher supplied 		voltage to the components, bass response has been tightened dramatically, 		meaning less distortion at higher volumes (depending on the input source). 		All while keeping that same warm, beautiful Quad sound. <br />		<br />		The output is still 500mv so there's no need to worry about damaging the 		input of the Quad 303. </p>		</p2>		<p style="clear: both;"><br />		</p>		<div id="description_title">			<div class="divide">				<table border="0" cellpadding="0" cellspacing="30" width="100%">					<tr>						<td valign="top"><hr color="#950000" size="6" /></td>					</tr>				</table>			</div>																<p1>A little bit of fact:</p1>															</div>		<br />		<div id="description">																	<p2>									The first commercially available transistor 			featured by Quad was the Quad 50 monoblock released in 1966, following 			this, the Quad 303 Stereo power amplifier was released to the public 			in 1967. <br />			<br />			A total of 90,000 Quad 303 Power Amplifiers, 120,000 Quad 33's and 50,000 			Quad FM3's have been manufactured <br />			<br />			The first Quad 303, 33 and FM3 for public started with the serial number 			1000. Units with the serial number below 1000 are in-fact pre-production 			models.									</p2>																</div>	</div></div><!---**** End of main column ****---></body></html>
Project Tank

CPU: Intel i5 4670k :: Motherboard: Asus Z87 Pro :: RAM: 2x4GB Patroit 1866Mhz Intel Extreme Masters Edition :: GPU: Gigabyte AMD Radeon R9 280X :: Case: Fractal Design Define R2 XL :: Storage: 1TB Western Digital Black,3TB Western Digital Green, 120GB Samsung 840 EVO SSD :: PSU: XFX Pro Series Black Edition 850W :: Display(s): LG 23EA63V :: Cooling: Corsair H100i Liquid Cooler.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author

nicely done with design, good color select and layout.

 

the only thing that i would change would be this section of code

<div id"description_title"="">                                                            <div class="divide">                                <table width="100%" cellspacing="30" cellpadding="0" border="0">                                <tbody><tr>                                <td valign="top"><hr size="6" color="#950000"></td>                                </tr>                                </tbody></table>                                </div>                                                                <p1>Description:</p1>                                                            </div>

This table adds to the body width of the page adding the horizontal scroll bar which does not match the content.

I assume you planned on using the table to hold each image. however you properly made adequate margins to counter the need for a table.

 

NOTE: I viewed the webpage in firefox 26.0 using a 1920x 1200 resolution with firebug add-on to find the issue on total page width.

 

if you have more question feel free to ask. hope this helps, good job so far!

 

Ah, the tables... *grumbles*

 

The whole reason this started was because I was given a template to use, and it was just a mess of tables. I personally haven't been taught much on tables, only CSS, so I decided to re-write the whole template and give it my own custom layout/colouring.

 

The table that you're referring to is what I'm using for the coloured separators between each segment (Description, A little bit of fact, Payment, etc).

 

If you could let me know how I could fix the issue you found without compromising the integrity of that function, that would be great! :)

 

If you do F12 to bring up the console in FireFox, it will complain that the float CSS tag has no "center" value. It is denoted for the body tag. The valid values for the float tag are "left", "right", "none", and "inherit".

I think you can remove the float as you already have set margins to center your content.

 

Other than that, I like the contrast in color (dark-ish background with light text). If you can ensure that your 3 images are sufficently bright enough, then it should look good.

 

Fixed. Thanks! :) Yeah the images will be bright and have a sort of *pop*. Not too much of a pop though, just enough.

 

 

Ok so put the code into Expression 4 and a few minor bugs are present. Firstly the <br><br> Both are open, you need to close it so <br></br> (Although this is only needed for XHTML). Few minor bugs with the ID tags which I've fixed, also applies XML rules and now everything shows as clean and valid. Displays fine too.

 

Hope it helps. EDIT: Cleaned up the code some more, there is a lot of Br tags......

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Vintage Quad 303/33/FM3 Very good condition, tested and working - Serviced</title><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><style type="text/css">p1 {	font-family: Verdana;	font-size: 15px;	color: #CF6A5A;	font-weight: bold;}p2 {	font-family: Verdana;	font-size: 15px;	color: #F5D6A7;	font-weight: normal;	text-align: left;}body {	text-align: center;	line-height: 1.4;	margin: auto;	float: center;	font-family: Tahoma, Verdana, Arial, Sans-Serif;	font-size: 13px;}#header {	margin: auto;	width: 786px;	height: 206px;	padding-top: 20px;	padding-left: 20px;	padding-right: 20px;	padding-bottom: 20px;}#col_1 {	background-color: #202020;	margin: auto;	width: 900px;	height: auto;}#title {	font-size: 25px;	color: #F5D6A7;}#img_box {	padding-left: 4px;	padding-top: 35px;	margin: auto;}div.divide {	margin: auto;	padding-left: 10px;	padding-right: 10px;}</style></html></head><body><div id="col_1">	<!---**** Start of main column ****--->	<div id="header">		<!---**** Start of header image ****---><img src="top.gif" /> </div>	<!---**** End of header image ****--->	<div id="title">		<!---**** Start of Title ****---><b>Quad 33/303/FM3 Pre-Amplifier, Amplifier 		and Tuner set.</b> </div>	<!---**** End of Title ****--->	<div id="img_box">		<!---**** Start of Image Set ****--->		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left: 30px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />	</div>	<!---**** End of Image Set ****--->	<div id="description_title">		<div class="divide">			<table border="0" cellpadding="0" cellspacing="30" width="100%">				<tr>					<td valign="top"><hr color="#950000" size="6" /></td>				</tr>			</table>		</div>																<p1>Description:</p1>															</div>	<br />	<div id="description">																<p2>																	Feast your eyes on this stunning vintage amplifier, 		featuring the first of the publicly available Transistor at it's time, the 		Quad 33, 303 and FM3. <br />		<br />		The Quad 33 Pre-Amplifier and the Quad 303 Power Amplifier are in stunning 		condition, internally and externally. Both have been serviced by Quad them 		selves. The Quad 303 was serviced in December 2013, and the Quad 33 was 		serviced in 1994. <br />		<br />		Both the Quad 33 and 303 have also been serviced by myself. The Quad 33 		has had an upgrade kit installed, modifying the power supply to output 16v 		instead of the less stable 12v that Quads designs were limited to, with 		it being a 1960's design, capacitors couldn't be manufactured small enough 		to fit in the casing. <br />		<br />		<img src="imageLocation.jpg" style="width: 400px; height: 225px; float: left; margin-bottom: 15px; margin-left: 40px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 400px; height: 225px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		The Phono board and the two output amplifier boards in the 33 have also 		been upgraded to withstand the new power supply upgrade. All the electrolytic 		capacitors have been replaced with high quality audio grade Nichicon's.		<br />		<br />		Some resistors have also been changed due to tolerances falling below requirements.		<br />		<br />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left: 30px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<p style="clear: both;">		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-left: 170px; margin-right: 20px;" /><img />		<img src="imageLocation.jpg" style="width: 263px; height: 148px; float: left; margin-bottom: 15px; margin-right: 20px;" /><img />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		<br />		The benefits of the upgrade are that with there being a higher supplied 		voltage to the components, bass response has been tightened dramatically, 		meaning less distortion at higher volumes (depending on the input source). 		All while keeping that same warm, beautiful Quad sound. <br />		<br />		The output is still 500mv so there's no need to worry about damaging the 		input of the Quad 303. </p>		</p2>		<p style="clear: both;"><br />		</p>		<div id="description_title">			<div class="divide">				<table border="0" cellpadding="0" cellspacing="30" width="100%">					<tr>						<td valign="top"><hr color="#950000" size="6" /></td>					</tr>				</table>			</div>																<p1>A little bit of fact:</p1>															</div>		<br />		<div id="description">																	<p2>									The first commercially available transistor 			featured by Quad was the Quad 50 monoblock released in 1966, following 			this, the Quad 303 Stereo power amplifier was released to the public 			in 1967. <br />			<br />			A total of 90,000 Quad 303 Power Amplifiers, 120,000 Quad 33's and 50,000 			Quad FM3's have been manufactured <br />			<br />			The first Quad 303, 33 and FM3 for public started with the serial number 			1000. Units with the serial number below 1000 are in-fact pre-production 			models.									</p2>																</div>	</div></div><!---**** End of main column ****---></body></html>

 

Yeah there's a lot of <br> tags... I know it's tacky but it works.  :P

 

As I understood it, it never really mattered about the tags needing to be closed, but I'll go ahead and fix them anyway for peace of mind.  :)

Gaming/Folding rig: Coolermaster CM 690 II Advanced White | MSI Z77A-G43 | Intel Core i7 3770k @ 4.4GHz | 10GB G.Skill RAM | Nvidia GeForce GTX 780 | Samsung 840 Pro 128GB | Seagate 2TB | Seagate 2TB | WD Blue 640GB | Cogage Arrow (Passive) | Thermaltake Toughpower XT 675w | Windows 10 Pro

 

Photography

Link to comment
Share on other sites
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Programming

×