Reply
Converting CSS to Basic HTML
Old 04-21-2007, 04:51 AM Converting CSS to Basic HTML
Novice Talker

Posts: 8
OK, so I've been using Dreamweaver 8 to design some ads I am going to list on ebay. The problem is that ebay only seems to support strict HTML with no CSS. How can I easily convert my htm's to code that doesn't use styles, etc? I want to go back to code using <Font> tags. The pages are really basic, I used tables instead of DIVs and there is absolutely no need for CSS.

Any suggestions? Thanks in advance.
mmac911 is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 04-21-2007, 10:54 AM Re: Converting CSS to Basic HTML
jason_bristol's Avatar
Extreme Talker

Posts: 247
Name: Jason Eyermann
Location: england bristol
Recently at work my boss asked me to add some of their products to E-bay using html. I put together quite a complex page using just CSS. I needed to keep previewing the page in the ebay page previewer there were some strange occurances so I had to tweak my code. I stuck all my styles inside <style type="css/text"></style> tags.
I read in the communitiy section that ebay does not accept exteral style sheets.(although I didn't try).
__________________
My Site/Blog - AspireCreate.com
jason_bristol is offline
Reply With Quote
View Public Profile Visit jason_bristol's homepage!
 
Old 04-21-2007, 11:42 AM Re: Converting CSS to Basic HTML
LadynRed's Avatar
Super Moderator

Posts: 6,563
Location: Tennessee
What Jason said Put your CSS INSIDE the HTML page, not in an external CSS file and it should work.

BTW, there is no 'converting' CSS to HTML. CSS is used to style content in an HTML page, one does not replace the other.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-21-2007, 04:46 PM Re: Converting CSS to Basic HTML
Novice Talker

Posts: 8
Thanks for the replies... I am not using external stylesheets. When I copy and paste the code I get some weird  symbols everywhere. Here is the code. Bold indicates the part I am copying and pasting. Thanks again.

Quote:
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url();
background-color: #CCCCCC;
}
.style1 {font-family: Calibri}
.style2 {font-family: Calibri; font-size: 18px; }
.style6 {
font-family: Calibri;
font-size: 18px;
color: #990000;
font-weight: bold;
}
.style7 { color: #006600;
font-weight: bold;
}
.style10 {font-size: 30px}
.style11 {color: #000066}
.style19 {
font-size: 12px;
font-family: Calibri;
}
.style20 {
color: #000099;
font-weight: bold;
}
.style21 { color: #006600;
font-style: italic;
font-weight: bold;
}
-->
</style></head>

<body>
<table width="708" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#FFFFFF"><p class="style1"><span class="style2"><strong class="style10"><span class="style11">Nikon 28-70mm 2.8AF Silent Wave Nikkor Lens </span></strong><span class="style11"><br />
</span><br />
</span><span class="style6">General Information</span> </p>
<hr noshade="noshade" />
<p class="style1"><span class="style1">This auction includes the<strong> Nikon 28-70mm 2.8AF-S Silent Wave Nikkor Lens </strong>. This item has been <strong>gently used</strong> and is in <span class="style7">MINT</span> condition. Included are the <strong>lens hood</strong>, the <strong>felt lined case</strong>, and <strong>front and rear caps</strong>. <span class="style20">Also included are all user manuals from original packaging.</span> <br />
<br />
<span class="style21">Please see the bottom of the page for images...</span><br />
<br />
</span><span class="style6">Key Features</span> </p>
<hr noshade="noshade" />
<ul>
<li class="style1">ED glass element reduces chromatic aberrations providing superior optical performance - even at maximum aperture <br />
</li>
<li class="style1">Ideal mid-range zoom lens for architecture and portraiture. Fast maximum aperture for shooting in low light. <br />
</li>
<li class="style1">N/A switch for fast transitions from AF to manual focus <br />
</li>
<li><span class="style1">No power drain when manually focusing</span> </li>
</ul>
<p class="style6">Technical Specifications </p>
<hr noshade="noshade" />
<ul>
<li class="style1">Lens Construction: 15 elements in 11 groups (2 ED-2 Aspheric) <br />
</li>
<li class="style1">Picture Angle: 74 degrees 20 minutes-34 degrees 20 minutes (35mm format), 53 degrees-22 degrees 50 minutes (Nikon DX format) <br />
</li>
<li class="style1">Minimum Focus Distance: 2.3 ft. <br />
</li>
<li class="style1">Attachment/ Filter Size: 77mm <br />
</li>
<li class="style1">Dimensions (diameter x length - in.): 3.5 x 4.9 in. <br />
</li>
<li class="style1">Weight (oz.): 31.3 oz. <br />
</li>
<li class="style1">Nikon Lens Hood: HB-19 <br />
</li>
<li class="style1">Case(s): CL-74 Hard Case <br />
</li>
<li class="style1">Included Accessories: CL-74 case, HB-19 Hood, 77mm lens cap, rear cap</li>
</ul>
<p class="style6">Bidder Information </p>
<hr noshade="noshade" />
<ul class="style1">
<li>Winning bidder is responsible for all shipping charges.</li>
<li> Will ship to the US and Canada only.</li>
<li>Accepted forms of payment are money order, Paypal, or personal check. Item will ship within 24 hours of receipt of payment. Please allow additional time for personal checks to clear.<br />
</li>
<li>Please direct any questions to mark.macmurdo@gmail.com </li>
</ul> <div align="center"><a href="http://img77.imageshack.us/img77/4819/1byu8.th.jpg" target="_blank"><img src="http://img77.imageshack.us/img77/4819/1byu8.th.jpg" alt="Free Image Hosting at www.ImageShack.us" width="156" height="115" border="0" /></a><a href="http://img79.imageshack.us/img79/5142/1anc9.jpg" target="_blank"><img src="http://img79.imageshack.us/img79/5142/1anc9.jpg" alt="Free Image Hosting at www.ImageShack.us" width="156" height="115" border="0" /></a><a href="http://nikonimaging.com/global/products/lens/af/zoom/af-s_zoom28-70mmf_28d_if/img/pic_001_l.jpg" target="_blank"><img src="http://nikonimaging.com/global/products/lens/af/zoom/af-s_zoom28-70mmf_28d_if/img/pic_001_l.jpg" alt="Free Image Hosting at www.ImageShack.us" width="156" height="115" border="0" /></a><br />
<span class="style1"><br />
CLICK FOR LARGER IMAGE </span><br />
<span class="style19">images hosted for free by imageshack.us </span></div></td>
</tr>
</table>

</body>
</html>
mmac911 is offline
Reply With Quote
View Public Profile
 
Old 04-21-2007, 04:49 PM Re: Converting CSS to Basic HTML
Novice Talker

Posts: 8
RESOLVED: Ok, when I was just checking one last time I copy and pasted the bold code above and it works great... apparently ebay gets screwy when you use indention in the code. When I copy and pasted out of my post the indention was removed and it worked! Kind of weird how those things go...

Last edited by mmac911 : 04-21-2007 at 05:00 PM.
mmac911 is offline
Reply With Quote
View Public Profile
 
Old 04-22-2007, 05:59 PM Re: Converting CSS to Basic HTML
Novice Talker

Posts: 8
<style type="text/css">
<!--
body {
background-image: url();
background-color: #CCCCCC;
}
.style1 {font-family: Calibri}
.style2 {font-family: Calibri; font-size: 18px; }
.style3 {
color: #006600;
font-weight: bold;
}
.style6 {
font-family: Calibri;
font-size: 18px;
color: #990000;
font-weight: bold;
}
.style8 {
font-size: 30px;
color: #000066;
font-weight: bold;
}
.style19 {
font-size: 12px;
font-family: Calibri;
}
.style20 {color: #000099}
.style21 { color: #006600;
font-style: italic;
font-weight: bold;
}
-->
</style></head>

<body>
<table width="708" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="13" bgcolor="#FFFFFF">&nbsp;</td>
<td width="565" bgcolor="#FFFFFF"><p class="style1"><span class="style2"><span class="style8">Nikon 105mm f/2.8D Autofocus Micro-Nikkor</span><br />
<br />
</span><span class="style6">General Information</span> </p>
<hr />
<p class="style1"><span class="style1">This <strong> Nikon AF 105mm F2.8</strong></span> has been gently used and is in <span class="style3">MINT</span> condition. This lens has been properly cared for and has never been dropped or mishandled. There are no visible scratches on the housing of the lens and it is guaranteed to work at 100% capacity. This lens includes the 52 mm lens cap and rear cap.<span class="style20"><strong> <span class="style1">Original packaging included. </span></strong><span class="style1"></span></span><span class="style1"><br />
<br />
<span class="style21">Please see the bottom of the page for images...</span><br />
<br />
</span><span class="style6">Key Features</span> </p>
<hr />
<ul>
<li class="style1">Medium telephoto Micro lens for portrait and other high magnification close-up applications.<br />
</li>
<li class="style1">Provides extra working distance for elusive subjects or ones requiring supplemental illumination.<br />
</li>
<li><span class="style1">Continuous focusing from infinity to life-size (1:1).</span><br />
</li>
</ul>
<p class="style6">Technical Specifications </p>
<hr />
<ul class="style1">
<li>Lens Construction:&nbsp;9 elements in 8 groups <br />
</li>
<li>Picture Angle:&nbsp;23 degrees 20 minutes (35mm format), 15 degrees 20 minutes (Nikon DX format) <br />
</li>
<li>Minimum Focus Distance:&nbsp;1 foot<br />
</li>
<li>Maximum Reproduction Ratio (Macro Setting):&nbsp;1:1 <br />
</li>
<li>Attachment/ Filter Size:&nbsp;52mm <br />
</li>
<li>Dimensions (diameter x length - in.):&nbsp;3.0 x 4.1 inches <br />
</li>
<li>Weight (oz.):&nbsp;19.6 oz <br />
</li>
<li>Nikon Lens Hood:&nbsp;HS-7<br />
</li>
<li>Case(s):&nbsp;CL-15S<br />
</li>
<li><strong>Included Accessories:&nbsp;52mm lens cap, rear cap</strong></li>
</ul>
<p class="style6">Bidder Information </p>
<hr />
<ul class="style1">
<li>Domestic shipping and packaging costs are $18.00 and <strong>includes insurance</strong>. We will recalculate shipping costs for any Canadian sales. </li>
<li> Will ship to the US and Canada only.</li>
<li>Accepted forms of payment are money order, Paypal, or personal check. Item will ship within 24 hours of receipt of payment. Please allow additional time for personal checks to clear. <br />
</li>
<li>Please direct any questions to mark.macmurdo@gmail.com <br />
</li>
</ul>
</td>
<td width="22" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">&nbsp;</td>
<td bgcolor="#FFFFFF"><div align="center"><a href="http://img263.imageshack.us/img263/1544/2ayx1.jpg" target="_blank"><img src="http://img263.imageshack.us/img263/1544/2ayx1.jpg" alt="Free Image Hosting at www.ImageShack.us" width="156" height="115" border="0" /></a><a href="http://img263.imageshack.us/img263/8341/2bib2.jpg" target="_blank"><img src="http://img263.imageshack.us/img263/8341/2bib2.jpg" alt="Free Image Hosting at www.ImageShack.us" width="156" height="115" border="0" /></a><a href="http://www.paradiseone.de/alex/nikon105micro.jpg" target="_blank"><img src="http://www.paradiseone.de/alex/nikon105micro.jpg" alt="Free Image Hosting at www.ImageShack.us" width="156" height="115" border="0" /></a><br />
<span class="style1"><br />
CLICK FOR LARGER IMAGE </span><br />
<span class="style19">images hosted for free by imageshack.us </span></div></td>
<td bgcolor="#FFFFFF">&nbsp;</td>
</tr>
</table>
</body>

Last edited by mmac911 : 04-22-2007 at 06:56 PM.
mmac911 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Converting CSS to Basic HTML
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.15615 seconds with 12 queries