Planet-9 Porsche Forum banner

1 - 9 of 9 Posts

·
Administrator
Joined
·
34,415 Posts
Discussion Starter #1 (Edited)
The following is the HTML code I used for the Bi-Xenon Lights entry in the updated FAQ, I'd like to use this as a sample Template that each of you can start with and then modify per your FAQ entry.

IF there is an existing FAQ entry for an item I can send you the HTML for the existing entry as well if you need it.

Note I've created a FAQ items folder for Images in our Gallery in the Miscellaneous section See Here: FAQ Photos - Photo Gallery

Here is the HTML Code:
HTML:
<html>

<head>
<base target="_blank">
<title>Bi Xenon Headlights</title>
</head>

<body>

<table border="0" cellspacing="1" width="100%" bgcolor="#A0C2E1">
  <tr>
    <td width="9%" valign="top"><font face="Verdana" size="2"><b>Option Code:</b></font></td>
    <td width="12%" valign="top"><font face="Verdana" size="2">P74/P75</font></td>
    <td width="6%" valign="top"><font face="Verdana" size="2"><b>Prices:</b> </font></td>
    <td width="73%"><table border="1" cellpadding="3" width="180">
  <tr>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    2006-2008</font></td>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    2009-2010</font></td>
  </tr>
  <tr>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    $1,090</font></td>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    $1,560</font></td>
  </tr>
</table>
</td>
  </tr>
</table>

<hr size="5">
<p><font face="Verdana" size="2"><b>Description:</b></font></p>
<p><font face="Verdana" size="2">The Bi-Xenon headlamps are not only much brighter than 
conventional halogen headlamps, but they provide a wider and more consistently 
diffused supply of light in front of the car.  Their blue-white color is 
 
very close to the wavelength of actual daylight which should 
theoretically reduce eye strain.</font></p>
<p><font face="Verdana" size="2">Because HID lamps need time to ignite and warm 
up, one bulb is used for both low (dipped) and high (main) beams.  The 
output pattern is electromechanically changed when high beams are requested, 
allowing light to project much higher and further than the low beam pattern.  
In 2009, Dynamic Cornering Lights were added, which can swivel the light pattern 
by up to 15 degrees when turning. </font></p>
<p><font face="Verdana" size="2">These lamp assemblies contain halogen main beam 
bulbs for use as passing lights when short bursts of light are needed but there 
is no time to ignite and warm up and HID bulb.  The Bi-Xenon headlamps are self leveling and come with 
headlight washers.  Note that in 2009 the price increased because Porsche 
added in the dynamic cornering light capability as well.</font></p>
<hr size="5">
<p><font face="Verdana" size="2">
<b>Charts & Pictures: </b></font><b><font face="Verdana" size="1">(Chart is 
supplied by PCNA from Boxster Product 
Information Guide, photo is from 2006 Cayman S)</font></b></p>
<table border="1" width="100%" id="table1" bgcolor="#075CA8">
	<tr>
		<td width="50%">
		<p align="center">
		<a href="http://www.planet-9.com/gallery/files/3/hid_charts_original.jpg" target="_blank">
		<img border="0" src="http://www.planet-9.com/gallery/files/3/hid_charts_thumb.jpg" width="277" height="400"></a></td>
		<td>
		<p align="center">
		<a href="http://www.planet-9.com/gallery/files/3/dsc02425_original.jpg" target="_blank">
		<img border="0" src="http://www.planet-9.com/gallery/files/3/dsc02425_thumb_666985.jpg" width="300" height="225"></a></td>
	</tr>
</table>
<table border="1" width="100%" id="table2" bgcolor="#F7F7F7">
	<tr>
		<td width="50%"><font face="Verdana" size="2"><b>Benefits:</b></font><p><font face="Verdana" size="2">
		Whiter, truer light that allows the driver to see further and more 
		clearly at night.  Due to their higher intensity other drivers 
		should spot your car at a greater distance.</font></p></td>
		<td><font face="Verdana" size="2"><b>Drawbacks:</b></font><p><font face="Verdana" size="2">Because these lights are highly desirable, 
there have been many incidents of theft.  Other drivers may complain that 
		they are too bright.  Cannot retrofit factory HID lights due to 
		wiring harness differences, although aftermarket HID lights can be 
		fitted.</font></p></td>
	</tr>
	<tr>
		<td width="50%"><b><font face="Verdana" size="2">More Information:</font></b><ul>
			<li><font face="Verdana" size="2">
			<a href="http://www.porsche.com/all/transitional/usa/pdf/Cayman_Brochure.pdf">Cayman Sales Brochure</a> 
- page 51</font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/downloads.php?do=file&id=29">Product 
Information Guide</a> - page 46</font></li>
			<li><font face="Verdana" size="2">
			<a target="_blank" href="http://www.planet-9.com/downloads.php?do=file&id=84">987 Boxster Product 
Information Guide</a> - page 83-84</font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/reviews/showproduct.php?product=126&cat=all">
			Bumper and Headlight Removal Article</a></font></li>
		</ul>
		</td>
		<td><b><font face="Verdana" size="2">Informative Topic Threads:</font></b><ul>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/showthread.php?t=6969&highlight=xenon">Xenon 
Lights</a></font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/cayman-boxster-chat/40750-xenon-halogen-cayman.html">
			Xenon or Halogen for Cayman</a></font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/cayman-boxster-chat/340-bi-xenon-vs-halogens-headlights.html">
			Bi-Xenon vs. Halogen Headlights</a></font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/showthread.php?t=5833&highlight=xenon">An 
HID Experiment</a></font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/showthread.php?t=6529&highlight=xenon">Cayman 
S Options</a></font></li>
			<li><font face="Verdana" size="2">
			<a href="http://www.planet-9.com/showthread.php?t=7842">Stealing Porsche Headlamps</a></font></li>
		</ul>
		</td>
	</tr>
</table>
<p>
<font face="Verdana">
<b><font size="2">FAQ Information:</font></b><font size="2"> This FAQ was 
originally written by Gator Bite but has been updated by
<a href="http://www.planet-9.com/members/k-man-s-3.html">K-Man S</a> and the
<a href="http://www.planet-9.com/members/list/?usergroupid=55">FAQ Team</a>. 
<b>Last Revised:</b> April 2010</font></font></p>
<hr size="5">

</body>

</html>
 

·
Registered
Joined
·
2,791 Posts
Re: HTML Template use for Adaptive Seats

I'm trying to use this template but I'm having weird things happen. Being no html expert thought you could provide some insight on this:



Notice that the titles for "Benefits", "Drawbacks" are not on the same level! Same with the ones below. I cant seem to find the source of this problem :(
 

·
Administrator
Joined
·
34,415 Posts
Discussion Starter #4 (Edited)
Re: HTML Template use for Adaptive Seats

Yep, I've seen that problem and it can be cause by a couple of things.

1) Some <p> or </p> codes on the loose

2) An image link there that isn't really showing up, strange as that may be

3) formatting of the table itself as to the text position in a cell.

If you email me the code I can probably find it and nuke it for you or show you what it is exactly.

Also too notice I replaced the Adapative Seat HTML code in the first post with a Bi-Xenon example because it had a couple of updates, make sure you grab the Bi-Xenon code as the starting code (I did that a couple of days ago, but initially the adapative seat code was up and may be the issue here)
 

·
Registered
Joined
·
2,791 Posts
Re: HTML Template use for Adaptive Seats

Here is the code, I just took your master template and edited it in DW design mode!

HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table border="0" cellspacing="1" width="100%" bgcolor="#A0C2E1">
  <tr>
    <td width="9%" valign="top"><font face="Verdana" size="2"><b>Option Code:</b></font></td>
    <td width="12%" valign="top">P509</td>
    <td width="6%" valign="top"><font face="Verdana" size="2"><b>Prices:</b> </font></td>
    <td width="73%"><table border="1" cellpadding="3" width="180">
  <tr>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    2006-2008</font></td>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    2009-2010</font></td>
  </tr>
  <tr>
    <td width="88" valign="middle" align="center">$140</td>
    <td width="88" valign="middle" align="center">$140</td>
  </tr>
</table>
</td>
  </tr>
</table>

<hr size="5">
<p><font face="Verdana" size="2"><b>Description:</b></font></p>
<p> Porsche offers a factory OEM fire extinguisher that is mounted under the driver's seat. It is a DIN EN3-compliant powder-based system containing 1 kg (2.2lbs) of extinguishant.</p>
<hr size="5">
<p><font face="Verdana" size="2">
<b>Pictures</b></font></p>
<table border="1" width="100%" id="table1" bgcolor="#075CA8">
	<tr>
		<td width="50%">
		  <p align="center"></td>
		<td>
		  <p align="center"></td>
	</tr>
</table>
<table border="1" width="100%" id="table2" bgcolor="#F7F7F7">
	<tr>
		<td width="50%"><font face="Verdana" size="2"><b>Benefits:</b></font>
		  <ul>
		    <li>Sleek.</li>
		    <li>Unobtrusive.</li>
		    <li>Saves the hassle of installing one yourself.</li>
        </ul></td>
	  <td><p> </p>
	    <p><font face="Verdana" size="2"><b>Drawbacks:</b></font>
        </p>
	    <ul>
	      <li>Probably more expensive than most aftermarket options.</li>
	      <li>Some people prefer the extinguisher on the passenger side.</li>
	      <li>Some local DE rules require a 2.5lb extinguisher, this one is only 2.2lb (check your local rules)</li>
      </ul></td>
  </tr>
	<tr>
		<td width="50%"><b><font face="Verdana" size="2">More Information:</font></b><ul>
		  <li><a href="http://www.planet-9.com/reviews/showproduct.php?product=255&cat=all">Rennline Fire Extinguisher Mount - Comparison with Other Mounts</a>.</li>
		  <li><a href="http://www.planet-9.com/reviews/showproduct.php?product=191&cat=all">Sharkwerks GT3 seat fire extinguisher kit</a>.</li>
		  <li><a href="http://www.planet-9.com/reviews/showproduct.php?product=156&cat=all">Fire Extinguisher Installation Brey-Krause bracket and Griot's fire extinguisher installation</a></li>
		  <li><a href="http://www.planet-9.com/reviews/showproduct.php?product=106&cat=all">Sharkwerks GT3 Fire Extinguisher</a></li>
		</ul>
		</td>
		<td><b><font face="Verdana" size="2">Informative Topic Threads:</font></b><ul>
			<li><a href="http://www.planet-9.com/cayman-boxster-chat/17622-fire-ext-mount.html">Fire Ext. Mount</a>.</li>
			<li><a href="http://www.planet-9.com/cayman-boxster-tech/39083-oem-fire-extinguisher-need-help.html">OEM Fire Extinguisher... Need Help</a>.</li>
		</ul></td>
	</tr>
</table>
<p>
<font face="Verdana">
<b><font size="2">FAQ Information:</font></b><font size="2"> This FAQ was 
originally written by <a href="http://www.planet-9.com/members/chows4us-1155.html">chows4us</a> and has been updated by <a href="http://www.planet-9.com/members/nitro8472-6995.html">Nitro8472</a> and the
<a href="http://www.planet-9.com/members/list/?usergroupid=55">FAQ Team</a>. 
<b>Last Revised:</b> April 2010</font></font></p>
<hr size="5">
</body>
</html>
 

·
Administrator
Joined
·
34,415 Posts
Discussion Starter #6
The following shows up fine for me when I view it online other than the table for Pictures is missing pictures, do you have pictures of the fire extinguisher to put into that table? I made a couple of small tweaks, but here's the code that seems to be working fine other than missing pictures for the moment.

HTML:
<!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">
<head>
<base target="_blank">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fire Extinguisher</title>
</head>

<body>
<table border="0" cellspacing="1" width="100%" bgcolor="#A0C2E1">
  <tr>
    <td width="9%" valign="top"><font face="Verdana" size="2"><b>Option Code:</b></font></td>
    <td width="12%" valign="top">P509</td>
    <td width="6%" valign="top"><font face="Verdana" size="2"><b>Prices:</b> </font></td>
    <td width="73%"><table border="1" cellpadding="3" width="180">
  <tr>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    2006-2008</font></td>
    <td width="88" valign="middle" align="center"><font face="Verdana" size="2">
    2009-2010</font></td>
  </tr>
  <tr>
    <td width="88" valign="middle" align="center">$140</td>
    <td width="88" valign="middle" align="center">$140</td>
  </tr>
</table>
</td>
  </tr>
</table>

<hr size="5">
<p><font face="Verdana" size="2"><b>Description:</b></font></p>
<p> Porsche offers a factory OEM fire extinguisher that is mounted under the 
driver's seat. It is a DIN EN3-compliant powder-based system containing 1 kg 
(2.2lbs) of extinguishant.</p>
<hr size="5">
<p><font face="Verdana" size="2">
<b>Pictures</b></font></p>
<table border="1" width="100%" id="table1" bgcolor="#075CA8">
	<tr>
		<td width="50%">
		  <p align="center"></td>
		<td>
		  <p align="center"></td>
	</tr>
</table>
<table border="1" width="100%" id="table2" bgcolor="#F7F7F7">
	<tr>
		<td width="50%"><font face="Verdana" size="2"><b>Benefits:</b> </font>
		  <ul>
		    <li><font face="Verdana" size="2">Sleek.</font></li>
		    <li><font face="Verdana" size="2">Unobtrusive.</font></li>
		    <li><font face="Verdana" size="2">Saves the hassle of installing one 
			yourself.</font></li>
        </ul></td>
	  <td><p> </p>
	    <p><font face="Verdana" size="2"><b>Drawbacks:</b> </font>
        </p>
	    <ul>
	      <li><font face="Verdana" size="2">Probably more expensive than most 
			aftermarket options.</font></li>
	      <li><font face="Verdana" size="2">Some people prefer the extinguisher 
			on the passenger side.</font></li>
	      <li><font face="Verdana" size="2">Some local DE rules require a 2.5lb 
			extinguisher, this one is only 2.2lb (check your local rules)</font></li>
      </ul></td>
  </tr>
	<tr>
		<td width="50%"><b><font face="Verdana" size="2">More Information:</font></b><ul>
		  <li><font face="Verdana" size="2"><a href="http://www.planet-9.com/reviews/showproduct.php?product=255&cat=all">
			Rennline Fire Extinguisher Mount - Comparison with Other Mounts</a>.</font></li>
		  <li><font face="Verdana" size="2"><a href="http://www.planet-9.com/reviews/showproduct.php?product=191&cat=all">
			Sharkwerks GT3 seat fire extinguisher kit</a>.</font></li>
		  <li><font face="Verdana" size="2"><a href="http://www.planet-9.com/reviews/showproduct.php?product=156&cat=all">
			Fire Extinguisher Installation Brey-Krause bracket and Griot's fire 
			extinguisher installation</a></font></li>
		  <li><font face="Verdana" size="2"><a href="http://www.planet-9.com/reviews/showproduct.php?product=106&cat=all">
			Sharkwerks GT3 Fire Extinguisher</a></font></li>
		</ul>
		</td>
		<td><b><font face="Verdana" size="2">Informative Topic Threads:</font></b><ul>
			<li><font face="Verdana" size="2"><a href="http://www.planet-9.com/cayman-boxster-chat/17622-fire-ext-mount.html">
			Fire Ext. Mount</a>.</font></li>
			<li><font face="Verdana" size="2"><a href="http://www.planet-9.com/cayman-boxster-tech/39083-oem-fire-extinguisher-need-help.html">
			OEM Fire Extinguisher... Need Help</a>.</font></li>
		</ul></td>
	</tr>
</table>
<p>
<font face="Verdana">
<b><font size="2">FAQ Information:</font></b><font size="2"> This FAQ was 
originally written by <a href="http://www.planet-9.com/members/chows4us-1155.html">
chows4us</a> and has been updated by <a href="http://www.planet-9.com/members/nitro8472-6995.html">
Nitro8472</a> and the
<a href="http://www.planet-9.com/members/list/?usergroupid=55">FAQ Team</a>. 
<b>Last Revised:</b> April 2010</font></font></p>
<hr size="5">
</body>
</html>
 

·
Registered
Joined
·
2,791 Posts
Thanks, I'm having a problem with DW right now so I'll check it out ASAP.

I do have some (actually, many) pictures to put, but the cam is still in the car coz I want to get the pix for all FAQ items first before I download them to the computer!

I'll report back as soon as I get DW working!
 

·
Registered
Joined
·
2,791 Posts
Fixed the problem. It was that the table was set to align items vertically, so when a table cell gets larger than the other one, the other would shift below to keep vertical alignment. Just set the table to align to top!
 

·
Administrator
Joined
·
34,415 Posts
Discussion Starter #9
I usually set the cells of a table to be 50% width for any text cells or the table with pics if there are 2 pics (set to 33/34/33 if there are 3 pics), I also set the text align to top as you stated. This may not be reflected in the template above.
 
1 - 9 of 9 Posts
Top