HTMLEditorKit changes XHTML
Hi,
I am wanting to change some XHTML so that within the head tag only the title element and a few script elements remain.
I was able to do this basic task with HTMLEditorKit but sadly it changes many other things:
1) Removes Doctype from the html - although this can easily be added back in.
2) It only uses HTML 3.2 and not XHTML 1.0.
3) It seems to change this HTML <span><span></span></span> to this <span></span><span></span>
4) Self closing tag no longer close so
becomes <br>
5) Since the output has now been given pretty printing this extra spaces cause some nested list to render incorrectly in IE. To solve this I would like the LI or OL tag to not have any indentation or pretty printing.
By following the idea mentioned here:
http://forums.sun.com/thread.jspa?threadID=483199
I was able to use a SAX parser instead of the HOTJAVA which is used by default. This allowed it to recognise and use the correct DTD. Despite this it still removes nested span tags and doesn't close the empty tags. I am also no close to understanding how I could remove pretty printing from LI or OL tags or retaining its Doctype automatically.
I am welcome to any suggestions or ideas for how I could simply edit the HTML elements within the head tag leaving everything else alone.
Thanks
If you need extended editor support, consider to build your application on the NetBeans Platform and reuse its editor component. (I recommend to build "real" Swing applications on the NetBeans Platform anyway).
http://platform.netbeans.org/
-Puce
Similar Messages
-
Default Application setting for Browsing Internet
Hi there,
I try to change the defaut application for browsing internet to opera. but I don't see it takes effect. Can anyone kindly advise?
I try change xhtml&xml and text html. as well.
the only place I see it take effect is open the link in email. and no other place(not sure if I missed any place). e.g. search widget still open the default browser, nokia drop also still open default browser.
thanks in advance for any tips.
regards,and that's how it works, one other thing which requires attention.
If a reply has solved your problem click Accept as solution button, doing it will help others know the solution. Thanks. -
Batch Changing Dreamweaver files from XHTML to HTML
Almost all of my Dreamweaver files were created in XHTML
mode. In other
words, when I created a page and was asked whether I wanted
to make it
XHTML compatible, I said YES.
About the time I moved my websites from my PC to my Mac, I
finally
realized that XHTML is a lost cause and changed my doctypes
to HTML. But
I just discovered that even PHP include files that have no
doctype at
all automatically insert <br /> instead of <br>.
So I'm assuming that
there must be some invisible code that says "Format this page
for XHTML!"
So I'm wondering if there's a way to change every file in an
entire site
(or all my sites) from XHTML to HTML.
Thanks.I use XHTML because it forces good coding practices such as
always closing
tags. The usual reason most people give for not using XHTML
is that IE
chokes when it is served as xml+application instead of text.
XHTML Strict
does not allow target="page.html" but transitional does so I
stick with
transitional.
I won't use XHTML 1.1 because I don't like the modularization
part of the
spec. I like a nice standard spec and don't want to create my
own picking
and choosing which modules to include.
Cheryl D Wise
Adobe Community Expert
http://starttoweb.com
"David Blomstrom" <[email protected]> wrote
in message
news:[email protected]...
> Cheryl D Wise wrote:
>> While I can't help you with your batch convert issue
would you mind
>> sharing why you consider XHTML a "lost cause"?
>>
>
> As I recall, the first one to make me scratch my head
was our own Al
> Sparber. If I remember correctly, he said he still used
HTML because
> XHTML...well, I can't even remember the specific
reason(s) he gave. But
> I've noticed a lot of other pros still using HTML.
>
> I THOUGHT XHTML was supposed to serve as sort of a
bridge between HTML and
> XML, which was supposedly the direction the web was
heading. But I began
> reading more and more articles claiming that there was
little point in
> embracing XHMTL as the web simply wasn't moving in that
direction - or at
> least not very quickly. I'm not sure if this was another
of those things
> that Microsoft was retarding or not; I've read so many
confusing things
> about XHTML.
>
> Still, I stuck with XHTML for years until I recently had
some sort of
> problem. I can't even remember what it was offhand -
something to do with
> the doctype, I think. Or maybe there's something you can
do in HTML but
> not in XHTML.
>
> In the meantime, I asked questions about XHTML on forums
but never got a
> really clear explanation regarding WHY I should use it.
XML is even more
> perpelexing. I understand that it can function similar
to a database, but
> I already have a database software program - MySQL. I
tried to figure out
> some of the cool things I could do with XHTML and XML
but all the
> responses I got from geeks were - well, geeky. They seem
to use them
> because they think they're cool, but no one could offer
any practical
> reasons for embracing them.
>
> So I finally said to H*ll with it and changed all my
doctypes to HTML. Now
> I just have to change all my closing tags from </>
to <>. -
By default new document/templates start with above, How I change to be Strict 1.0 XHTML ?
by default new document/templates start with above, How I change to be Strict 1.0 XHTML ?
Tell me for Dw MX2004 & CS4 ?
If I start with Transitional 1.0 XHTML and want to change to Strict 1.0 XHTML the only way is modify code or make a new doc ?Using CS4, there are a few ways to do it:
1. when creating a new document - you can select the doc type preference.
2. In your preferences, you can set up which document type will be opened when you select a new document.
3. If you start with one doctype and want to convert it to another use: -
Automatic HTMLEditorKit source pane changes
I am using the HTMLEditorKit. When I insert html data that the reader or document does not like it automatically changes the html code. Is there a way to prevent this so that the html code will exactly match what is entered progammatically or what is typed into the source pane? This would solve many problems for me.
Thanks for any help,
SteveWell, maybe sort of possible, kind of. Data Merge is supposed to be able to update after a change to the data file if the merge fields are on the master page, if I remember correctly, but I think it's a little buggy, and you do have to tell ID to do the update.
-
Cannot change Bold to Normal in HTMLEditorKit
We have a JTextPane based HTML editor which use HTMLEditorKit. Once we mark some text as bold the HTML formed contains the <b>....</b> tag correctly. But opening the document next time, even if we remove the bold attribute from characters and even if they appear as Normal on screen of JTextPane... the HTML formed still contains the <b>...</b> tags. Those are not removed. So text once turned bold cannot be turned back to Normal.
Please help.We use JDK 1.3.1.
Actually what we do is..
Action aBold = new StyledEditorKit.BoldAction();//define action
aBold.putValue(Action.NAME, "Bold");//is this needed??
tbtnBold = new JToggleButton((Action)aBold); //associate action with a toggle button
//add a listener to the button.. a listener again !! why? I'm not sure. This listener toggles the bBoldFlag as required.
tbtnBold.addActionListener(new ActionListener(){
public void actionPerformed(ActionEvent e)
if(bBoldFlag)
bBoldFlag = false;
else
bBoldFlag = true;
// from other part of code where attributes of selected text needs to be changed as a "format font" dialog box... the bBoldFlag is checked to decide whether text should be bold or normal. like....
if(bBoldFlag)
StyleConstants.setBold(aSimpleAttributeSet,true);
else
StyleConstants.setBold(aSimpleAttributeSet,false);
This code was developed by previous developer. So its getting tough for me to justify each part of code. Thanks for your help... in advance. -
Hitting CR puts p style=margin-top: 0 in HTMLEditorKit, how to change?
Hello all, I notice that when I hit enter in my JTextPane, java puts in
<p style="margin-top: 0">some text</p> around the line of text.
this looks fine in the JTextPane, but if I save the contents and view
in a web browser (or other html viewers) I see what appears to be a line break between each line. I believe this is because there is no bottom margin. When I add bottm margin style, I see one line after another with no emtpy lines in between them.
so my question is, how
can I change the action associated with hitting CR to insert
<p style='margin-top:0; margin-bottom:0'>some text</p>
if so, can someone please point me to an example.
thank youthink I am on to something, but not sure this is the best way
Style mainStyle = document.getStyle(StyleContext.DEFAULT_STYLE);
Style bottomMarginPlusMainStyle = textPane.addStyle("p", mainStyle);
StyleConstants.setSpaceBelow(bottomMarginPlusMainStyle, 0.0f);
any other suggestions, after this I see a
<style>
p {margin-bottom: 0.0}
</style>
at the top of my source code for JTextPane -
How to change the size of the web item text in WAD 7.0
Dear All
I am quite new to WAD and I am having a problem with changing the font size of a web text item
I have searched already and someone suggested changing the Design property to HEADER1 or HEADER2 etc and then I should be able to change the font / size.
I have done this but to no avail
I want to have large heading across the top of the web template
am I using the wrong web item ?
I know I can key the text directly into the web template and change the font from the menu bar but I need it in an item as I want to export them through to PDF later
Would be grateful of any help
thanks
SandraThank you all for your quick responses (I will award points once this is sorted)
On the information you have supplied this has opened up yet another new part of WAD that I have not experienced ...TAGs
Shubhranshu - I have done what you said but as I have never used tags I have just had a look around and found that I can insert Any Tag but not sure if I should be doing that. If it is inert any tag , I chose FONT from the drop down and cbmAttributes defaulted into the custom tab for the class name but not sure what it wants in the Attributes and CSS Style tab, it won't accept what I am putting which is leading me to believe that I shouldn't be doing it that way.
Venkat - thanks for the links they will prove very useful. I've had a look and although they talk alot about the XHTML code for tags they don't actually say how you do it in the editor - I would like to produce one that way first and then see the code it generates for it. I'm a bit apprehensive with changing the code direct as I don't want to mess anything up.
Thanks again for your help -
Trouble changing background color. Using Dreamweaver CS4
I can't get to change the back ground color [The greenish grey color] , within a table, of a web page... Please see http://www.urefillit.com/index2.html Can use some help here... Also I notice that the foliage background is slow in loading... Any suggestions as to what is causing the loading delay?
Thanks in advance!!!!!
Using CS4.........The Code is as follows:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta name="msvalidate.01" content="F33B6715B987C15F0176AAFDA87BE459" />
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<title>Urefillit manufactures and markets Octenol, Asian Tiger lure, and Kaboom replacement type products</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="We are focused on providing high-quality products and a commitment to customer satisfaction - We will do everything we can to meet your expectations for the best priced and highest quality mosquito control and Kaboom replacement type products available on the market today" />
<meta name="Keywords" content="Octenol, Lure, Asian Tiger mosquito lure, Kaboom refills, mosquito magnet mosquito killing machine" />
<meta name="Robots" content="index, follow" />
<style type="text/css">
/*<![CDATA[*/
body {
background-image: url(images/SambucusBlackLaceFoliage.jpg);
background-color: #FFCC66;
body.c7 {background-attachment:fixed}
div.c6 {text-align: center}
p.c5 {font-family: Arial; font-size: 70%; text-align: center}
span.c4 {font-family: Arial; font-size: 70%}
span.c3 {font-family: Courier}
p.c2 {text-align: center}
span.c1 {font-family: Courier; font-size: 120%}
/*]]>*/
.c7 table tr .c11 {
background-color: #F60;
font-size: 18px;
tr .c11 table tr td p {
font-family: "Times New Roman", Times, serif;
font-size: 16pt;
.c7 table tr .c11 table tr td p {
font-family: "Times New Roman", Times, serif;
font-size: x-large;
.c7 table tr .c11 table tr td p {
font-family: "Times New Roman", Times, serif;
font-size: 16pt;
.c7 table tr .c11 #table2 tr th {
background-color: #0F6;
/*]]>*/
</style>
<script src="file:///C|/Scripts/swfobject_modified.js" type="text/javascript">
</script>
<style type="text/css">
/*<![CDATA[*/
table.c16 {background-color: #FFD9B3}
p.c15 {text-autospace:none;}
th.c14 {background-color: #00FF99}
td.c13 {background-color: #00FF99}
th.c12 {background-color: #FF6666}
h2.c11 {font-size: 120%}
span.c10 {font-size: 150%}
span.c9 {text-decoration: underline}
div.c8 {font-size: 70%; text-align: right}
td.c7 {background-color: #003399}
p.c6 {text-decoration: underline}
table.c5 {background-color: #FFCC66}
td.c4 {background-color: #FFFFFF}
div.c3 {text-align: center}
table.c2 {
background-color: #0F6;
font-size: 18px;
th.c1 {background-color: #FFFFFF}
.c7 table tr th .c7 {
color: #008040;
.c7 table tr th .c7 strong {
color: #000;
.c7 table tr th .c7 {
color: #000;
.c7 table tr th .c1 strong {
color: #008000;
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
body {
background-color: #FFCC33;
th.c1 {background-color: #FFCC66}
/*]]>*/
th.c11 {background-color: #FFFFFF}
th.c11 {
background-color: #F93;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
visibility: visible;
width: auto;
.c7 table tr .c11 #table2 tr th .c2 a .c3 strong {
color: #00F;
.c7 table tr .c11 #table2 tr td a {
color: #00F;
.c7 table tr .c11 #table2 tr td a {
color: #00F;
.c7 table tr .c11 #table2 tr td p a {
color: #00F;
.BLUE { color: #00F;
.BLUE { color: #00F;
.blue { color: #00F;
.blue { color: #00F;
p.c1 {text-align: center}
p.c13 {font-size: 80%; text-align: center}
p.c71 {margin-right:0in;
margin-left:0in;
font-size:9.5pt;
font-family:"Comic Sans MS";
color:#000040;
span.c101 {font-size: 80%}
span.c12 {font-family: Courier New, Courier, monospace}
span.c6 {font-family: Arial}
</style>
<style type="text/css">
/*<![CDATA[*/
img.c16 {border:0;width:88px;height:31px}
span.c15 {font-size: 120%}
div.c14 {color: #FFFFFF; font-size: 150%; text-align: center}
span.c13 {font-size:18.0pt; color:#B90D09;}
strong.c12 {text-decoration: underline}
span.c11 {font-family:'Comic Sans MS'; color:red;}
em.c10 {text-decoration: underline}
span.c9 {color:red;}
table.c8 {background-color: #006600}
td.c7 {background-color: #006600}
span.c6 {font-size: 150%; text-decoration: underline}
p.c5 {text-decoration: underline}
p.c4 {text-align: center; text-decoration: underline}
p.c3 {text-align: center}
span.c2 {text-decoration: underline}
div.c1 {text-align: center}
/*]]>*/
.c7 table tr .c11 #table2 tr td p {
color: #00F;
.eight {
color: #F00;
</style>
<style type="text/css">
/*<![CDATA[*/
<!--
p.MsoNormal {
margin-top:0in;
margin-right:0in;
margin-bottom:10.0pt;
margin-left:0in;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
.c7 table tr .c11 .c5 strong u span {
color: #008080;
.c7 table tr .c11 p u em {
color: #00F;
.c7 table tr .c11 p em u {
color: #00F;
.c7 table tr .c11 table tr td .c7.c6 .c10 {
font-family: "Courier New", Courier, monospace;
.c7 table tr .c11 table tr td .MsoNormal strong u span {
color: #00F;
.c7 table tr .c11 table tr td .MsoNormal strong u span {
font-family: "Times New Roman", Times, serif;
.c7 table tr .c11 table tr td p strong u {
font-family: "Times New Roman", Times, serif;
.c7 table tr .c11 table tr td p strong u {
font-family: "Times New Roman", Times, serif;
.c7 table tr .c11 table tr td p strong u {
font-size: 16px;
.c7 table tr .c11 table tr td p {
font-size: 10px;
.c7 table tr .c11 table tr td p {
font-size: 12px;
.c7 table tr .c11 table tr td p {
font-size: 12px;
.c7 table tr .c11 table tr td p {
font-size: 12px;
.c7 table tr .c11 table tr td .MsoNormal strong u span {
color: #000040;
.c7 table tr .c11 .c7 tbody tr th a {
color: #000;
.c7 table tr .c11 #table2 tr td a {
color: #000;
.c7 table tr .c11 #table2 tr th .c2 a {
color: #000;
font-size: 18px;
.c7 table tr .c11 #table2 tr th a {
color: #000;
font-size: 18px;
.c7 table tr .c11 p u strong font {
color: #B80738;
.c7 table tr .c11 p u strong {
color: #B80738;
.c7 table tr .c11 table tr td p strong u {
font-size: 24px;
.c7 table tr .c11 table tr td p {
font-size: 16pt;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 #table2 tr th {
font-size: 16px;
.c7 table tr .c11 #table2 tr th p a {
font-size: 18px;
.c7 table tr .c11 #table2 tr th p a {
font-size: 18px;
.c7 table tr .c11 #table2 tr th p a {
font-size: 18px;
.c7 table tr .c11 table tr td .MsoNormal a {
font-size: 18px;
.c7 table tr .c11 table tr td .MsoNormal a {
font-size: 24px;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 table tr th a {
font-size: 18pt;
-->
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
table.c11 {background-color: #0033FF}
th.c10 {background-color: #8D8D5E}
span.c9 {font-family:'Times New Roman','serif'; font-size:18pt;}
p.c8 {line-height: normal; margin-bottom: .0001pt; text-align: center}
p.c7 {; font-family: 'Times New Roman', 'serif'; font-size: 14pt; text-align: center}
p.c6 {; font-family: 'Times New Roman', 'serif'; color: #00F; font-size: 18pt; font-style: italic; text-align: center}
span.c5 {font-style: italic}
span.c4 {line-height:115%; font-family:'Times New Roman','serif'; font-size:16.0pt;}
p.c3 {text-align: center}
strong.c2 {text-decoration: underline}
th.c1 {background-color: #FFFFFF}
/*]]>*/
</style>
</head>
<body>
<![CDATA[*/
&amp;lt;!--
#Layer1 {position:absolute;
width:110px;
height:34px;
z-index:1;
left: 430px;
top: 1116px;
visibility: visible;}
#Layer2 {position:absolute;
width:170px;
height:33px;
z-index:1;
left: 536px;
top: 652px;}
p.c7 {color: #000000; font-family: Arial; font-size: 80%}
--&amp;gt;
/*]]>
*/ <script src="file:///C|/Scripts/AC_RunActiveContent.js" type="text/javascript">
</script>
<table class="c11" width="1250" border="15" align="center" cellpadding="5">
<tr>
<th width="888" height="2254" align="center" valign="top" class="c11 c10" scope="col">
<p><br />
<img src="images/webpagepicture.jpg" alt="WEB PAGE HEADER" width="1267" height="212" border="6" align="middle" /><br /></p>
<table width="1188" border="6" align="center" class="c2" id="table2">
<tr>
<th width="143" scope="col">
<p><a href="OctenolLure.html">Octenol Lure</a></p>
</th>
<th width="145" scope="col"><a href="FlowtronTypeLure.html">FlowtronTypeLure</a></th>
<th width="145" scope="col">
<p><a href="AsianTiger.html"></a><a href="AsianTiger.html">Asian Tiger Lure</a></p>
</th>
<th width="146" scope="col"><a href="Combolure.html">Combo Lure</a><br />
(Octenol & Lactic Acid)</th>
<th width="146" scope="col">
<p><a href="SkeeterVacLure.html">SkeeterVac Lure</a></p>
</th>
<th width="145" scope="col">
<p class="c2"><a href="mosquitomagnettroubleshootingguide.html">Mosquito Magnet</a></p>
<p class="c2"><a href="mosquitomagnettroubleshootingguide.html">Repair Guide</a></p>
</th>
<td width="145" align="center" valign="middle" scope="col"><a href="Kaboom.html">Kaboom</a><a href="/Kaboom.html">Replacement Tablets</a></td>
<th width="111" height="104" align="center" valign="middle" scope="col"><a href="https://www.paypal.com/us/verified/pal=sales%40urefillit%2ecom" target="_blank"><img src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" alt="Official PayPal Seal" width="98" height="108" border="0" align="top" /></a><br />
<br /></th>
</tr>
</table>
<br />
<table width="282" border="20" align="center" cellpadding="0">
<tr>
<th class="c1" width="128" scope="col"><img src="images/flying%20mosquito.gif" alt="** PLEASE DESCRIBE THIS IMAGE **" width="97" height="75" /></th>
<th class="c1" width="104" scope="col"><a href="#" onClick="window.open('https://www.sitelock.com/verify.php?site=www.urefillit.com','SiteLock','width=600,height=6 00,left=160,top=170');"><img src="//shield.sitelock.com/shield/www.urefillit.com" alt="website security" align="absmiddle" title="SiteLock" /></a></th>
</tr>
</table>
<p><!-- start RatePoint Site Seal - Please, do not change -->
<!-- end RatePoint Site Seal - Please, do not change -->
<!-- start RatePoint Subscription Tool - Please, do not change -->
<!-- end RatePoint Subscription Tool - Please, do not change -->
======================================================================================</p >
<table width="1002" border="0" align="center">
<tr>
<td width="996">
<p class="c3"><strong class="c2">All About Urefillit, LLC</strong></p>
<p class="c3"><span class="c4">Urefillit, LLC prides itself on quality and consistency of its fine products, which are designed, made and manufactured in the USA. From production to quality control to final shipment, our highly trained team ensures the best quality, and reliable service for our customers. We are focused on providing high-quality products along with a commitment to customer satisfaction. We will do everything we can to meet your expectations for the best priced and highest quality mosquito lures, Kaboom replacement tablets, and bromine tablets available on the market today. With a variety of offerings to choose from, we're sure you will be happy with your purchase. Thank you for visiting our website and if you have any comments or questions, please feel free to contact us. We hope to see you again soon!</span><br /></p>
<p class="c3"><img src="images/made_in_USA.jpg" width="221" height="228" alt="usa" /><br />
<br /></p>
<p class="c3">****************************************************************************** *************<br />
<br /></p>
<p class="c6">REFUND POLICY: <span class="c5">Our number one goal is your satisfaction. If our product does not perform as advertised you may return then unused item for a refund. A 25% restocking fee may apply. Buyer pays the return shipping costs. Special and international orders items DO NOT qualify for a refund.</span><br />
<br /></p>
<p class="c7"><img src="images/ebay-top-rated-seller-tracking.jpg" width="230" height="158" alt="** PLEASE DESCRIBE THIS IMAGE **" /><a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2&userid=fjp800&ftab=Feedbac kAsSeller"><br />
Check Out Our E-Bay Feedback</a></p>
<p class="c7"><br />
****************************************************************************************** ********************<br /></p>
</td>
</tr>
</table>
<table width="1002" border="0" align="center">
<tr>
<td width="996">
<p class="c3"><strong class="c2">Using Octenol to Attract Mosquitoes<br /></strong><br /></p>
<p class="c3">Octenol is an natural chemical that occurs naturally as a by-product of plants and some animals that eat a lot of vegetable produce. If carbon dioxide is mixed with octenol, it has been found to be an attractant to several mosquito species. There are other insects such as no-see-ums and biting midges that are also attracted to this scent. It has been proven to be a very effective product, especially for no-see-ums.<br />
<br />
<img src="images/12137165-cartoon-stop-mosquito.jpg" width="168" height="168" alt="mosquito" /><br />
<br />
Octenol is also a pesticide ingredient that is used to attract mosquitoes and biting flies. It does not kill the insects; it only attracts them. It can be used in combination with other products and devices that do kill them once they are successfully attracted to the device. It is important to be aware that non-pest insects are also attracted and destroyed by some of the devices.<br />
<br />
If octenol is ingested, there is a possibility for toxicity. It is not, however, harmful in the air to humans, pets, or the environment. It is vitally important that it is kept safely away from children to avoid the possibility of ingesting. Placement of the attractant and device utilized to catch biting insects should be carefully considered. It should be kept safely away from children and pets.<br /></p>
<p class="c3">To be most effective in mosquito control, the attractant should be placed between the breeding grounds of the mosquito and the area where the people are located. There are range limits that the attractant will reach and this needs to be considered in the placement of the trap as well.<br /></p>
</td>
</tr>
</table>
<a href="http://www.startlogic.com/join/index.bml?AffID=626972&cid=592'"><br /></a> ==============================================================
<p><img src="images/americanatural_1875_97577.gif" width="234" height="118" alt="** PLEASE DESCRIBE THIS IMAGE **" /></p>
<p>Considering buying a mosquito trap? If so, compare the following traps before you make a purchase:</p>
<a href="http://www.bluerhino.com/BRWEB/Outdoor-Living-Products/Mosquito-Traps.aspx">SkeeterVac</a>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td align="center">
<div class="c3"><a href="http://www.mosquitomagnet.com/">Mosquito Magnet</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td>
<div class="c3"><a href="http://www.megacatch.com/">Mega-Catch</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td>
<div class="c3"><a href="http://koolatrononline.stores.yahoo.net/mosquito-control.html">Koolatron</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td width="273">
<div class="c3"><a href="http://www.mosquitocontroltrap.com/comparisons">Mosquito Trap Comparison Chart</a></div>
</td>
</tr>
</tbody>
</table>
<p><br /></p>
<table width="126" border="20" align="center" cellpadding="0">
<tr>
<th class="c1" scope="col"><a href="mailto:[email protected]">E-mail Urefillit</a></th>
</tr>
</table>
<br />
<p class="c8"> </p>
<p class="c8"><span class="c9">Urefillit, LLC<br />
800 Shore Drive East<br />
Oldsmar, Florida 34677-4402</span></p>
<p class="c8"> </p>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a><br /></p>
<p> </p>
</th>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[
<!--
swfobject.registerObject("FlashID");
//-->
//]]>
</script>
</body>
</html>Copy & Paste this code into a new, blank document. SaveAs index3.html. Feel free to adjust CSS colors and backgrounds as desired. You'll find plenty of code comments to help you.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>U Refill It</title>
<meta name="description" content="Your source for mosquito magnet and mosquito killing machine replacement products: Octenol, Asian Tiger lure and Kaboom">
<!--help for older IE browsers-->
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
/**CSS Reset**/
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
img {
vertical-align: baseline;
display: block;
max-width: 100%
/**layout**/
body {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 100%;
/**CSS gradient**/
/* Old browsers */
background: rgb(180,221,180);
/* FF3.6+ */
background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* Chrome,Safari4+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180,221,180,1)), color-stop(17%, rgba(131,199,131,1)), color-stop(33%, rgba(82,177,82,1)), color-stop(67%, rgba(0,138,0,1)), color-stop(83%, rgba(0,87,0,1)), color-stop(100%, rgba(0,36,0,1)));
/* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* IE10+ */
background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* good browsers */
background: linear-gradient(to bottom, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* older IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0 );
#wrapper {
width: 75%;
margin: 0 auto; /**with width, this is centered**/
background: #FFC;
border: 4px groove #F30;
border-radius: 20px;
header, footer {
color: #F30;
text-align: center;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
header img {
border-radius: 15px 15px 0 0;
width: 100%
/**top menu**/
nav {
width: 90%;
margin: 25px auto;
nav li {
list-style: none;
font-weight: bold;
display: inline;
/**menu link styles**/
nav li a {
display: inline-block;
font-weight: bold;
color: green;
text-decoration: none;
padding: 1.15em;
border: 2px outset green;
/**menu links on mouse over**/
nav li a:hover, nav li a:active, nav li a:focus { background: gold }
/**main content**/
article { padding: 2% }
figure img {
margin: 0 auto;
border: 3px solid #FFF;
border-radius: 10px;
box-shadow: 1px 2px 5px #333;
/**typography**/
header h1 {
font-size: 55px;
text-shadow: 2px 3px 3px #666;
header h2 {
font-size: 18px;
font-style: oblique
h3 { margin-top: 20px; }
p {
margin-bottom: 18px;
font-size: 18px;
color: #000;
figcaption {
text-align: center;
font-style: oblique;
margin-bottom: 18px;
</style>
</head>
<body>
<div id="wrapper">
<header>
<img src="http://www.urefillit.com/images/webpagepicture.jpg" alt="U Refill It banner">
<!--this is very good for search engines-->
<h1>U Refill It</h1>
<h2>Your source for mosquito magnet and mosquito killing machine replacement products: Octenol, Asian Tiger lure and Kaboom.</h2>
</header>
<!--top menu-->
<nav>
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Menu5</a></li>
<li><a href="#">Menu6</a></li>
</ul>
</nav>
<!--main content-->
<article>
<h3>Article Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<figure>
<!--insert your image here-->
<img src="http://placehold.it/500x325" alt="figure">
<figcaption> Figure Caption </figcaption>
</figure>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>
<!--begin footer-->
<footer>
<small>© 2014 Your Site Name. All Rights Reserved</small> </footer>
<!--end wrapper--> </div>
</body>
</html>
Nancy O. -
Layout changed when I added spacing around images.
@charset "utf-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #363;
margin: 0;
padding: 0;
color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #F00;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background: #363;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: left;
width: 20%;
background: #CF0;
padding-bottom: 10px;
.content {
padding: 15px 15px 15px 15px;
width: 80%;
float: left;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #390;
color: #000;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #6F7D94;
color: #FFF;
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
background: #CF6;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
<!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>Yellowstone Biologist</title>
<link href="NationalParks.css" rel="stylesheet" type="text/css" /><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<script type="text/javascript">
</script>
</head>
<body onload="MM_preloadImages('habitat def.PNG')">
<div class="container">
<div class="header"><a href= /><img src="animals.gif" width="878" height="193" alt="bison" /></a>
<!-- end .header --></div>
<div class="sidebar1">
<ul class="nav">
<li><a href="NationalParks.html"><strong>Home</strong></a></li>
<li><a href="Park Ranger.html"><strong>Park Ranger</strong></a></li>
<li><a href="Biologist.html"><strong>Biologist</strong></a></li>
<li><a href="Geologist.html"><strong>Geologist</strong></a></li>
<li><a href="Historian.html"><strong>Historian</strong></a></li>
<li><a href="Games.html"><strong>Games</strong></a></li>
</ul>
<p><strong>Definitions (italicized words):</strong> </p>
<p><em>Habitat</em>: the natural conditions and environment in which a plant or animal lives</p>
<p><br />
<em>Extermination</em>: completely destroy or kill</p>
<p><em>USFWS</em>: United States Fish and Wildlife Service</p>
<!-- end .sidebar1 --></div>
<div class="content">
<h1>Yellowstone Biologist </h1>
<h2>Mammals</h2>
<p> Yellowstone is home to the largest concentration of mammals in the lower 48 states. Sixty-seven different mammals live here, including grizzly bears, black bears, gray wolves, wolverine, lynx, elk, bison, moose, and numerous small mammals.</p>
<p>Visitors must view all wildlife safely. You must stay at least 100 yards away from bears and wolves and at least 25 yards away from all other animals—including bison, elk, bighorn sheep, deer, moose, and coyotes.</p>
<h4>Bears</h4><img src="grizzly.gif" alt="grizzly bear family" width="150" height="115" hspace="15" vspace="15" align="left" />
<p>Bears may be seen in Yellowstone March through November of each year. Yellowstone is one of the only areas south of Canada that still has large grizzly bears. Grizzly bears are usually seen in the open areas. </p>
<p> </p>
<h4>Wolves</h4><img src="wolves.gif" alt="wolves" width="150" height="115" hspace="15" vspace="15" align="left" />
<p>
Loss of <em>habitat</em> and <em>extermination</em> programs led to the elimination of wolves throughout most of the United States by early in the 20th century. In 1973, the U.S. Fish and Wildlife Service listed the northern Rocky Mountain wolf as an endangered species and designated Greater Yellowstone as one of three recovery areas. From 1995 to 1997, 41 wild wolves from Canada and northwest Montana were released in Yellowstone National Park. As expected, wolves from the growing population dispersed to establish territories outside the park. More than 1,600 wolves now reside in Idaho, Montana, and Wyoming. In August 2010, a U.S. district judge ruled against a <em>USFWS</em> 2009 decision to remove the wolf from the endangered species list, so wolves are protected as an endangered species in all three states again.<br />
</p>
<h4>Bighorn Sheep<img src="BigHornSheep.gif" alt="bighorn sheep" width="150" height="115" hspace="15" vspace="15" align="left" /></h4>
<p> Bighorn sheep once numbered in the millions in western United States and were an important food source for humans. They are named for the large, curved horns on the males, or rams. Females, or ewes, also have horns, but they are short with only a slight curve. In the winter of 1981-82, an outbreak of pinkeye occurred among bighorns in the Mt. Everts area. Many sheep were blinded and/or killed on the adjacent park road or by falling from cliffs. Some are now found comfortable around summer road traffic.</p>
<h4>Bison<img src="bison.gif" alt="bison" width="150" height="115" hspace="15" vspace="15" align="left" /></h4><p>
Bison are the largest mammals in Yellowstone National Park. They are strictly vegetarian, and they graze on grasslands in the meadows, the foothills, and even the high-elevation areas of Yellowstone. Despite their slow walk, bison are surprisingly fast for animals that weigh more than half a ton.</p>
<p>Yellowstone is the only place in the lower 48 states where a population of wild bison has survived since prehistoric times, although fewer than 50 native bison remained here in 1902. Fearing extinction, the park imported 21 bison from two privately-owned herds.</p>
<h4>Bobcats<img src="yellowstone-bobcat.gif" alt="bobcat" width="150" height="115" hspace="15" vspace="15" align="left" /></h4><p>
Bobcats are small wild cats with reddish-brown or yellowish-brown coats, streaked with black or dark brown. They have prominent, pointed ears with a tuft of black hair at the tip. </p>
<p>Unlike lynx, which they resemble, bobcats elsewhere have been highly adaptable to human-caused changes in environmental conditions; some biologists believe that there are more bobcats in the United States today than in colonial times. Yellowstone has many rock outcrops, canyons bordered by rock ledges, conifer forests, and semi-open areas that seem to offer conditions favorable for bobcats--adequate shelter, a variety of rodents, rabbits, hares, birds, and other small animals as well as seasonal carrion, for food.</p>
<p>Bobcats are known to hole-up and wait out severe winter storms elsewhere. These elusive cats are most active at night, so even those who study them seldom have an opportunity to see one.</p>
<h4>Coyotes</h4>
<p>
Yellowstone's coyotes are among the largest coyotes in the United States. Adults are about 30 pounds, are less than two feet tall and vary in color from gray to tan with sometimes a reddish tint to its coat.</p>
<p>Small mammals are an important component of coyotes' diets. In Yellowstone, such prey include microtines or voles, mice , pocket gophers, small birds, and in spring and summer, ground squirrels. They also feed on larger mammal's (elk, deer, bison, moose, pronghorn, and bighorn sheep) calves and fawns shortly after birth and young animals.</p>
<h4>Elk<img src="elk.gif" alt="elk" width="150" height="115" hspace="15" vspace="15" align="left" /></h4><p>
Elk are the most abundant large mammal found in Yellowstone and historical evidence confirms their continuous presence for at least 1,000 years. More than 30,000 elk from 7-8 different herds summer in Yellowstone and approximately 15,000 to 22,000 winter in the park. </p>
<p>Bulls grow antlers annually from the time they are nearly one year old. When mature, a bull's "rack" may have 6 to 8 points, or tines, on each side and weigh more than 30 pounds.</p>
<h4>Lynx</h4>
<p>Adult lynx are about the size of a large domestic cat. Males can weigh up to 30 pounds, while females are smaller. The similarity between lynx and bobcats makes it difficult to determine their status in Yellowstone. A large adult bobcat may be larger than a small adult lynx, so size is not a good characteristic for positive identification.</p>
<h4>Moose<img src="moose.gif" alt="moose" width="150" height="115" hspace="15" vspace="15" align="left" /></h4><p>
Moose, the largest member of the deer family, were reportedly very rare in northwest Wyoming when Yellowstone National Park was established in 1872. Moose breed from early September to November and one to three calves are born in May or June. Calves weigh 25 to 35 pounds at birth but grow rapidly; adult females (cows) weigh up to 800 pounds and males (bulls) up to 1300 pounds. </p>
<h4>Mountain Lion</h4><p>
The mountain lion, also called the cougar, is the largest member of the cat family living in Yellowstone. Mountain lions can weigh up to 200 pounds, although lions in Yellowstone are thought to range between 140 and 160 pounds for males and around 100 pounds for females.</p>
<p>Mountain lions are rather secretive, so most visitors are unaware of their existence in Yellowstone. Lions probably live throughout the park in summer. </p>
<h4> Amphibians</h4>
<p>
Cool, dry conditions limit Yellowstone's amphibians to four species: boreal toad; chorus frog; spotted frog; and the tiger salamander. Population numbers for these are not known.</p>
<!-- end .content --></div>
<div class="footer">
<p>Sources: <a href="http://www.nps.gov/yell/naturescience/mammals.htm">http://www.nps.gov/yell/naturescience/m ammals.htm</a></p>
<p><a href="http://www.nps.gov/yell/naturescience/amphibians.htm">http://www.nps.gov/yell/naturescienc e/amphibians.htm</a></p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
This has happened before, where everything in my content area has dropped down below the sidebar.It's happended on several pages. I don't know why or how to fix it. It's for a class, so where I've posted it is private, but here's the page and css code.
HTMLMurray is right. Padding (and margins) is added to the width. However, when using percentages, you should never use figures that add up to exactly 100%.
Browsers need to convert the percentages to pixels. Because pixels must be whole numbers, some percentages are rounded up, which results in the final element dropping down below its neighbours. With percentages, it's much safer to use values that add up to 98% (99% often works, but 98% is safer). -
An image changing to FLV Video Player in AJAX Update Panel
Hi,
I'm trying to design part of a website can seen as video gallery. I have videos related to subcategories; and subcategories that related to categories.
I was using popups but now want to change it. Simply, firstly there are images and descriptions(in an update panel) of videos on page. After clicking thumbnail, the region includes thumbnail and description wil be changed to FLV video player.
Outside of updatepanel player is working good. but when i move it into updatepanel; doesn't working in IE. Because JS code (AC_FL_RunContent(.....)) is not working in updatepanel. Tried another script (like alert('hello!');), it's working. I think i have problem with the function named AC_FL_RunContent(...). It's working as i want, if open page with Firefox.
Looked for this in google. Visited many pages, but never find a solution for this nor source of problem. I hope someone can help me
Using ASP.Net. I'm attaching my tree structure and codes below:
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" //www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<
html xmlns ="http://www.w3.org/1999/xhtml">
<
head id="Head1" runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css"/>
<script type ="text/javascript">
function
MM_CheckFlashVersion(reqVerStr,msg){
with (navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (!isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0];
var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
flashVer = parseFloat(verMajor + "." + verMinor);
// WebTV has Flash Player 4 or lower -- too low for video
else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
if (flashVer < reqVer){
if(confirm(msg))
window.location = http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash;
function callFLVP(){
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=./VideoGallery/serpende&autoPlay= false&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive');
</
script>
<
script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</
head>
<body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Literal ID="thumbLiteral" runat="server"></asp:Literal>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="showvideoButton" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Button ID="showvideoButton" Text="Video" runat="server" onclick="showButton_Click"/>
</div>
</form>
</
body>
</
html>
Default.aspx.cs
public partial class _Default : System.Web.UI.Page
protected void Page_Load(object sender, EventArgs e)
thumbLiteral.Text = "<img src id=\"imgThumb\" src=\"./VideoGallery/small/serpende.jpg\" />";
protected void showButton_Click(object sender, EventArgs e)
string strNoScriptBlock = "";
strNoScriptBlock += "<noscript>";
strNoScriptBlock += "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=\"320\" height=\"240\" id=\"Object1\"><param name=\"movie\" value=\"FLVPlayer_Progressive.swf\" /><param name=\"salign\" value=\"lt\" /><param name=\"quality\" value=\"high\" /><param name=\"scale\" value=\"noscale\" /><param name=\"FlashVars\" value=\"&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=serpende&autoPlay=false&a utoRewind=false\" /><embed src=\"FLVPlayer_Progressive.swf\" flashvars=\"&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=serpende&autoPlay=fal se&autoRewind=false\" quality=\"high\" scale=\"noscale\" width=\"320\" height=\"240\" name=\"FLVPlayer\" salign=\"LT\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash\" /></object>";
strNoScriptBlock += "</noscript>";
string strScriptBlock = "";
strScriptBlock += "<script>";
strScriptBlock += "callFLVP();";
strScriptBlock += "</script>";
ScriptManager.RegisterClientScriptBlock(this, typeof(string), "strScriptBlock", strScriptBlock, false);
thumbLiteral.Text = strNoScriptBlock;Let's check this first;
If you have problems with current Shockwave Flash plugin versions then check this:
* see if there are updates for your graphics drive drivers
'''https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration'''
* disable protected mode in the Flash plugin (Flash 11.3+ on Windows Vista and later)
'''https://forums.adobe.com/message/4468493#TemporaryWorkaround'''
* disable hardware acceleration in the Flash plugin
'''https://forums.adobe.com/thread/891337'''
See also:
* '''http://kb.mozillazine.org/Flash#Troubleshooting''' -
How do I change fonts in a Text field ??
Okay I've tried to implement a JComboBox that allows the user to change fonts in the text field. So far I've tried different methods to do it but to no avail. Could somebodoy here read the programs source code for me and tell me where I went wrong?
/* * My GUI Client */
import javax.swing.*;
import javax.swing.text.*;
import java.awt.*;
import javax.swing.event.*;
//for HTML Headers
import javax.swing.text.StyledEditorKit.*;
import javax.swing.text.html.HTMLEditorKit.*;
import javax.swing.text.html.*;
import javax.swing.event.HyperlinkListener;
import javax.swing.event.HyperlinkEvent;
import javax.swing.event.HyperlinkEvent.EventType;
import javax.swing.text.html.HTMLFrameHyperlinkEvent;
//for layout managers
import java.awt.event.*;
//for action and window events
import java.io.*;
import java.net.*;
import java.awt.GraphicsEnvironment;
//for font settings
import java.lang.Integer;
import java.util.Vector;
import java.awt.font.*;
import java.awt.geom.*;
public class guiClient extends JFrame implements ActionListener {
protected static final String textFieldString = "JTextField";
protected static final String loadgraphicString = "LoadGraphic";
protected static final String connectString = "Connect";
static JEditorPane editorPane;
static JPanel layoutPanel = new JPanel(new BorderLayout());
static JPanel controlPanel = new JPanel(new BorderLayout());
static JPanel buttonPanel = new JPanel(new BorderLayout());
static JPanel fontPanel = new JPanel(new BorderLayout());
static PrintStream out;
static DrawPanel dPanel;
static DrawPanel dPButton;
static DrawPanel dFonts;
static DrawControls dControls;
static DrawButtons dButtons;
static String userString;
static String currentFont;
String fontchoice;
String fontlist;
static JTextField userName = new JTextField();
public static JMenuBar menuBar;
private static JButton connectbutton = new JButton("Connect");
static boolean CONNECTFLAG = false;
//create the gui interface
public guiClient() {
super("My Client");
// Create a ComboBox
GraphicsEnvironment gEnv = GraphicsEnvironment.getLocalGraphicsEnvironment();
String envfonts[] = gEnv.getAvailableFontFamilyNames();
Vector vector = new Vector();
for ( int i = 1; i < envfonts.length; i++ ) {
vector.addElement(envfonts);
JComboBox fontlist = new JComboBox (envfonts);
fontlist.setSelectedIndex(0);
fontlist.setEditable(true);
fontlist.addActionListener(this);
fontchoice = envfonts[0];
//Create a regular text field.
JTextField textField = new JTextField(10);
textField.setActionCommand(textFieldString);
textField.addActionListener(this);
//Create an editor pane.
editorPane = new JEditorPane();
editorPane.setContentType("text");
editorPane.setEditable(false);
//set up HTML editor kit
HTMLDocument m_doc = new HTMLDocument();
editorPane.setDocument(m_doc);
HTMLEditorKit hkit = new HTMLEditorKit();
editorPane.setEditorKit( hkit );
editorPane.addHyperlinkListener( new HyperListener());
//Create whiteboard
dPanel = new DrawPanel();
dPButton = new DrawPanel();
dFonts = new DrawPanel();
dControls = new DrawControls(dPanel);
dButtons = new DrawButtons(dPButton);
//JLable fontLab = new JLabel(fontLable);
//fontLab.setText("Fonts");
//Font newFont = getFont().deriveFont(1);
//fontLab.setFont(newFont);
//fontLab.setHorizontalAlignment(JLabel.CENTER);
JPanel whiteboard = new JPanel();
whiteboard.setLayout(new BorderLayout());
whiteboard.setPreferredSize(new Dimension(300,300));
whiteboard.add("Center",dPanel);
whiteboard.add("South",dControls);
whiteboard.add("North",dButtons);
JScrollPane editorScrollPane = new JScrollPane(editorPane);
editorScrollPane.setVerticalScrollBarPolicy( JScrollPane.VERTICAL_SCROLLBAR_ALWAYS);
editorScrollPane.setPreferredSize(new Dimension(250, 145));
editorScrollPane.setMinimumSize(new Dimension(50, 50));
//put everything in a panel
JPanel contentPane = new JPanel();
JPanel fontPane = new JPanel();
contentPane.setLayout(new BoxLayout(contentPane, BoxLayout.Y_AXIS));
//add whiteboard
contentPane.add(whiteboard);
//add editor box
contentPane.add(editorScrollPane);
//add spacer
contentPane.add(Box.createRigidArea(new Dimension(0,5)));
//add textfield
contentPane.add(textField);
//set up layout pane
//layoutPanel.add(GridLayout(2,1),fontLab);
layoutPanel.add( BorderLayout.NORTH, fontlist);
layoutPanel.add(BorderLayout.WEST,new Label("Name: ")); //add a label
layoutPanel.add(BorderLayout.CENTER, userName ); //add textfield for user names
layoutPanel.add(BorderLayout.SOUTH, connectbutton);//add dropdown box for fonts
//fontPane.add(BorderLayout.NORTH,fontlist);
contentPane.add(layoutPanel);
contentPane.add(controlPanel);
contentPane.add(buttonPanel);
//Create the menu bar.
menuBar = new JMenuBar();
setJMenuBar(menuBar);
//Build the first menu.
JMenu menu = new JMenu("File");
menu.setMnemonic(KeyEvent.VK_F);
menuBar.add(menu);
//a group of JMenuItems
JMenuItem menuItem = new JMenuItem("Load Graphic", KeyEvent.VK_L);
menu.add(menuItem);
menuItem.setActionCommand(loadgraphicString);
menuItem.addActionListener(this);
connectbutton.setActionCommand(connectString);
connectbutton.addActionListener(this);
setContentPane(contentPane);
static private void insertTheHTML(JEditorPane editor, String html, int location) throws IOException {
HTMLEditorKit kit = (HTMLEditorKit) editor.getEditorKit();
Document doc = editor.getDocument();
StringReader reader = new StringReader(html);
try {
kit.read(reader, doc, location);
} catch (BadLocationException e) {}
//listen for actions being performed and process them
public void actionPerformed(ActionEvent e) {
//if the action is from the textfield (e.g. user hits enter)
if (e.getActionCommand().equals(textFieldString)) {
JTextField fromUser = (JTextField)e.getSource();
if (fromUser != null){
//place user text in editor pane
//send message to server
if (userName.getText() != null) {
userString = userName.getText().trim();
out.println(userString + ": " + fromUser.getText());
fromUser.setText("");
} else if(e.getActionCommand().equals(connectString)) {
CONNECTFLAG = true;
} else if (e.getActionCommand().equals(loadgraphicString) ) {
final JFileChooser fc = new JFileChooser();
int returnVal = fc.showOpenDialog(this);
if (returnVal == JFileChooser.APPROVE_OPTION) {
File file = fc.getSelectedFile();
dPanel.loadImage(file.getAbsolutePath());
sendImage(file);
else if (e.getActionCommand().equals(fontlist)){
JComboBox cb = (JComboBox)e.getSource();
String newSelection = (String)cb.getSelectedItem();
currentFont = newSelection;
userString = currentFont;
return;
/*public void itemStateChanged (ItemEvent e) {
if ( e.getStateChange() != ItemEvent.SELECTED ) {
return;
if ( list == fontlist ) {
fontchoice = (String)fontlist.getSelectedItem();
userString.changeFont(fontchoice);
//append text to the editor pane and put it at the bottom
public static void appendText(String text) {
if (text.startsWith("ID ") ) {
userString = text.substring(3);
} else if (text.startsWith("DRAW ") ) {
if (text.regionMatches(5,"LINE",0,4)) {
dPanel.processLine(text);
}else if (text.regionMatches(5,"POINTS",0,5)) {
dPanel.processPoint(text);
} else if (text.startsWith("IMAGE ") ) {
int len = (new Integer( text.substring(6, text.indexOf(",")))).intValue();
//get x and y coordinates
byte[] data = new byte[ (int)len ];
int read = 0;
try {
while (read < len) {
data = text.getBytes( text.substring(0, len) );
} catch (Exception e) {}
Image theImage = null;
theImage = dPanel.getToolkit().createImage(data);
dPanel.getToolkit().prepareImage(theImage, -1, -1, dPanel);
while ((dPanel.getToolkit().checkImage(theImage, -1, -1, dPanel) & dPanel.ALLBITS) == 0) {}
dPanel.drawPicture(0, 0, theImage);
} else {
//set current position in editorPane to the end
editorPane.setCaretPosition(editorPane.getDocument().getLength());
//put text into the editorPane
try {
insertTheHTML(editorPane, text, editorPane.getDocument().getLength());
} catch (IOException e) {}
} //end of appendText(String)
public void sendImage(File file) {
//find length of file
long len = file.length();
//read file into byte array
byte[] byteArray = new byte[(int)len];
try {
FileInputStream fstream = new FileInputStream(file);
if (fstream.read(byteArray) < len) {
//error could not load file
} else {
out.println("IMAGE " + len + ",");
out.write(byteArray, 0, (int)len); //write file to stream
} catch(Exception e){}
//run the client
public static void main(String[] args) {
String ipAddr=null, portNr=null;
if (args.length != 2) {
System.out.println("USAGE: java guiClient IP_Address port_number");
System.exit(0);
} else {
ipAddr = args[0];
portNr = args[1];
JFrame frame = new guiClient();
frame.addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) { System.exit(0); }
frame.pack();
frame.setVisible(true);
while(CONNECTFLAG == false){}
//sames as previous client,
//set up connection and then listen for messages from the Server
String socketIP = ipAddr;
int port = Integer.parseInt(portNr);
//the IP address of the machine where the server is running
Socket theSocket = null;
//communication line to the server
out = null;
//for message sending
BufferedReader in = null;
//for message receiving
try {
theSocket = new Socket(socketIP, port );
//try to connect
out = new PrintStream(theSocket.getOutputStream());
dPanel.out = out;
//for client to send messages
in = new BufferedReader(new InputStreamReader(theSocket.getInputStream()));
BufferedReader userIn = new BufferedReader(new InputStreamReader(System.in));
String fromServer;
while ((fromServer = in.readLine()) != null) {
appendText(fromServer);
if (fromServer.equals("BYE")) {
appendText("Connection Closed");
break;
out.close();
//close all streams
in.close();
theSocket.close();
//close the socket
} catch (UnknownHostException e) {
//if the socket cannot be openned
System.err.println("Cannot find " + socketIP);
System.exit(1);
} catch (IOException e) { //if the socket cannot be read or written
System.err.println("Could not make I/O connection with " + socketIP);
System.exit(1);
class HyperListener implements HyperlinkListener {
public JEditorPane sourcePane;
public void hyperlinkUpdate(HyperlinkEvent e) {
if (e.getEventType() == HyperlinkEvent.EventType.ACTIVATED) {
sourcePane = (JEditorPane) e.getSource();
if (e instanceof HTMLFrameHyperlinkEvent) {
HTMLFrameHyperlinkEvent event = (HTMLFrameHyperlinkEvent) e;
System.out.println(event.getTarget());
HTMLDocument doc = (HTMLDocument) sourcePane.getDocument();
doc.processHTMLFrameHyperlinkEvent(event);
else {
try {}
catch (Exception ev){
ev.printStackTrace();
Well sorry the source code takes up the whole forum but I need a good feedback from this.All right...
public class guiClient extends JFrame implements ActionListener {
static String userString;
static String currentFont;
String fontchoice;
String fontlist;
static JTextField userName = new JTextField();
public guiClient() {
super("My Client");
public guiClient() {
super("My Client");
// Create a ComboBox
GraphicsEnvironment gEnv = GraphicsEnvironment.getLocalGraphicsEnvironment();
String envfonts[] = gEnv.getAvailableFontFamilyNames();
Vector vector = new Vector();
for ( int i = 1; i < envfonts.length; i++ ) {
vector.addElement(envfonts);
JComboBox fontlist = new JComboBox (envfonts);
fontlist.setSelectedIndex(0);
fontlist.setEditable(true);
fontlist.addActionListener(this);
fontchoice = envfonts[0];
//Create a regular text field.
JTextField textField = new JTextField(10);
textField.setActionCommand(textFieldString);
textField.addActionListener(this);
public void actionPerformed(ActionEvent e) {
//if the action is from the textfield (e.g. user hits enter)
if (e.getActionCommand().equals(textFieldString)) {
JTextField fromUser = (JTextField)e.getSource();
if (fromUser != null){
//place user text in editor pane
//send message to server
if (userName.getText() != null) {
userString = userName.getText().trim();
out.println(userString + ": " + fromUser.getText());
fromUser.setText("");
else if (e.getActionCommand().equals(fontlist)){
JComboBox cb = (JComboBox)e.getSource();
String newSelection = (String)cb.getSelectedItem();
currentFont = newSelection;
userString = currentFont;
return; -
I have multiple ID Tags on My Page, How To Correct And Change To CLASS ID's
Hello Dreamweaver Word:
I still have problems.
On my website wwww.theexecutivevip.com
My MENU BAR has moved down to the bottom of the page.
On the various product pages [problem is seen in Internet Explorer Browser]
I have multiple "main content" ID tags and the other ID tags that are within them.
When I made the page, I did not make multiple ID tags, but instead I made the page into a template
that had "Repeatable Regions" and as I repeated these regions within a page, the ID's were repeated as well.
So now I have multiple ID's going down my page. How do I correct them and replace them with CLASS ID's.
I of course need to do this change on the template so it can CORRECTLY update all the pages that I built off of it.
Will I need to change each product page manually, since they are all "editable regions" or can I just change the template. The "main content" is not an editable region, but all the product/image ID's are.
Please advise on how I can correct the multiple ID tags to the proper tag types without ruining my work. I tried and it made a mess so I just didn't save it.
In advance THANKS FOR ALL YOUR HELP FOLKS! I hope to be in your position soon where I can help the folks new to Dreamweaver. I just got a book on code/html so I can learn this world of information that you guys seem to know so well.
PLEASE ADVISE!!!
<div id="maincontent">
<div id="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/WebsiteSubTitle.TravelLuggage.jpg" width="408" height="114" alt="Travel Luggage" /><!-- InstanceEndEditable --></div>
<div id="productlayout">
<div id="product1">
<div id="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="611206.html"><img src="Website Images/611026.Black.Thumb.jpg" alt="Red Bag" width="115" height="125" /></a><!-- InstanceEndEditable --></div>
<div id="imagetext1">
<div>
<h3 align="center"><!-- InstanceBeginEditable name="ProductTitle1" --><strong>611026 <br />
OGIO© Transporter <br />
Travel Garment Bag</strong><!-- InstanceEndEditable --></h3>
<p align="center"><!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="611206.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div id="productlayout2">
<div id="product2">
<div id="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="108226.html"><img src="Website Images/108226.Thumb.jpg" alt="Pen" width="115" height="126" border="0" /></a><!-- InstanceEndEditable --></div>
<div id="imagetext2">
<div>
<div align="center">
<h3><!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center">108226 </h3>
<h3 align="center"><strong>OGIO©</strong> Terminal Travel Bag</h3>
<!-- InstanceEndEditable --></h3>
</div>
<p align="center"><!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="108226.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div id="productlayout3">
<div id="product3">
<div id="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="109053.html"><img src="Website Images/109053.Black.Thumb.jpg" width="118" height="127" alt="Golf" /></a><!-- InstanceEndEditable --></div>
<div id="imagetext3">
<div>
<div align="center">
<h3><!-- InstanceBeginEditable name="ProductTitle3" --><strong>109053 <br />
OGIO© Travel Bag w/Detachable Carry-on</strong><!-- InstanceEndEditable --></h3>
<p><!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="109053.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --></p>
</div>
</div>
</div>
</div>
</div>Hello Murray:
I updated my template with your corrections. Thanks for the help.
Everything looks GREAT in Firefox, except the only product page that is all jambled is www.theexecutivevip.com/winebarsets.html.
I don't know where all those spaces come from. I'll copy the code below.
In Internet Explorer, my submenu doesn't work on the pages. It is also still going down the page on Internet Explorer.
Please advise.
code for the "winebarsets" page
<!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"><!-- InstanceBegin template="/Templates/product_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>The Executive VIP – The Wine Connoisseur</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
color: #006;
font-family: "Californian FB", "Poor Richard", "Trebuchet MS", Arial;
font-size: 100%;
line-height: 1.4;
background-image: url(Website%20Images/Background.jpg);
text-align: center;
html, body {
margin: 0px;
padding: 0px;
#wrapper {
width: 960px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#header {
height: 91px;
width: 774px;
padding-right: 15px;
text-align: right;
clear: right;
float: right;
color: #4281BA;
font-weight: bold;
font-size: 14px;
#logo {
height: 91px;
width: 156px;
margin-left: 15px;
background-image: url(file:///C|/Users/ICHEVE%7E1/AppData/Local/Temp/Website%20Images/ExecutiveVIP.Logo.jpg);
background-repeat: no-repeat;
#flashtitle {
height: 186px;
width: 947px;
padding-left: 15px;
#navigation {
height: 600px;
width: 260px;
margin-left: 15px;
margin-top: 25px;
#Earth {
height: 300px;
width: 250px;
text-align: center;
.ProductTitle {
width: 408px;
font-size: 100%;
font-weight: bold;
.maincontent {
height: 450px;
width: 667px;
float: right;
padding-top: 25px;
#footer {
height: 50px;
margin-left: 15px;
clear: both;
text-align: center;
background-repeat: no-repeat;
background-color: #FFF;
margin-right: 15px;
font-weight: bold;
padding-left: 15px;
color: #4281BA;
.productlayout {
height: 300px;
width: 220px;
float: right;
.product1 {
height: 250px;
width: 200px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border: 1px solid #999;
text-align: justify;
.product2 {
text-align: justify;
height: 250px;
width: 200px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border: 1px solid #999;
.product3 {
text-align: justify;
height: 250px;
width: 200px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border: 1px solid #999;
.productlayout2 {
height: 300px;
width: 220px;
float: right;
text-align: center;
.productlayout3 {
height: 300px;
width: 220px;
text-align: center;
.image1 {
width: 130px;
margin-right: auto;
margin-left: auto;
.image2 {
width: 130px;
margin-right: auto;
margin-left: auto;
.image3 {
width: 130px;
margin-right: auto;
margin-left: auto;
.imagetext1 {
width: 196px;
padding: 2px;
font-size: 70%;
line-height: normal;
margin-bottom: auto;
.imagetext2 {
font-size: 70%;
padding: 2px;
width: 198px;
line-height: normal;
margin-bottom: auto;
text-align: center;
.imagetext3 {
font-size: 70%;
padding: 2px;
width: 198px;
margin-bottom: auto;
line-height: normal;
#ContactSales {
height: 25px;
width: 200px;
float: right;
font-size: 12px;
color: #4281BA;
#copywrite {
height: 20px;
width: 500px;
text-align: left;
font-size: 12px;
color: #4281BA;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
#privacypolicy {
height: 20px;
width: 200px;
font-size: 12px;
color: #4281BA;
text-align: left;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #6E6C64;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this fixed width container surrounds all other elements ~~ */
.container {
width: 960px;
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
padding: 10px 0;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
#nextpagebutton {
height: 40px;
width: 162px;
margin-left: 450px;
position: absolute;
.titleforproducts {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006;
.textforfooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4281BA;
-->
</style>
<script src="file:///C|/Users/ICHEVE~1/AppData/Local/Temp/Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="file:///C|/Users/ICHEVE~1/AppData/Local/Temp/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="file:///C|/Users/ICHEVE~1/AppData/Local/Temp/SpryAssets/SpryEffects.js" type="text/javascript"></script>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
</style>
<!-- InstanceBeginEditable name="head" -->
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
<!-- InstanceParam name="pagesubtitle" type="boolean" value="true" -->
<!-- InstanceParam name="productlayout1" type="boolean" value="true" -->
<!-- InstanceParam name="productlayout2" type="boolean" value="true" -->
<!-- InstanceParam name="productlayout3" type="boolean" value="true" -->
<!-- InstanceParam name="SubTitleDIV" type="boolean" value="true" -->
<!-- InstanceParam name="SubtitleDIV" type="boolean" value="true" -->
<!-- InstanceParam name="product1box" type="boolean" value="true" -->
<!-- InstanceParam name="product3box" type="boolean" value="true" -->
<script type="text/javascript">
function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)
Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});
</script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- InstanceBeginEditable name="bckgrndlast" -->bckgrndlast<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="backgroundim" -->backgroundim<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="backgroundimage" -->backgroundimage<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="background" -->background<!-- InstanceEndEditable -->
<div class="container">
<div class="content">
<div id="wrapper"><!-- InstanceBeginEditable name="HeaderID" -->
<div id="header">Join Our Community Today</div>
<!-- InstanceEndEditable -->
<div id="logo"><a href="http://www.theexecutivevip.com"><img src="Website Images/ExecutiveVIP.Logo.jpg" width="153" height="87" alt="Back To Home Page" /></a></div>
<!-- InstanceBeginEditable name="FlashTitle" -->
<div id="flashtitle">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="932" height="186" id="FlashID" title="VIP Title">
<param name="movie" value="WineConnoisHeader.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="file:///C|/Users/iCheveux Group/Desktop/Website Folder/Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="WineConnoisHeader.swf" width="932" height="186">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="file:///C|/Users/iCheveux Group/Desktop/Website Folder/Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginRepeat name="productgroup" --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/WebsiteSubTitle.WineCases.jpg" width="408" height="114" alt="Wine Cases" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="EH3515.html"><img src="Website Images/EH3515.Thumb.jpg" alt="EH3515" width="130" height="118" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">EH3515
GioiaDouble
Wine Holder</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" -->
<a href="EH3515.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="EH3500.html"><img src="Website Images/EH3500.Thumb.jpg" alt="EH3500" width="115" height="127" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">EH3500 </h3>
<h3 align="center" class="titleforproducts">Portelli Leather Double Wine Case</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" -->
<a href="EH3500.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="LG9102.html"><img src="Website Images/LG-9102.Thumb.jpg" alt="LG-9102" width="119" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">LG-9102 <br />
<br />
Upper West Side <br />
Single Wine Case</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" -->
<a href="LG9102.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/Blank.jpg" width="408" height="120" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="557-65-113.html"><img src="Website Images/557-65-113.ArubaCabana.Thumb.jpg" alt="557-65-1113" width="116" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">557-65-113 <br />
<br />
Aruba Single-Bottle <br />
Wine Case</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="557-65-113.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="LG9099.html"><img src="Website Images/LG-9099.Thumb.jpg" alt="LG-9099" width="118" height="127" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">LG-9099</h3>
<h3 align="center" class="titleforproducts">Champagne/Wine Holder</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="LG9099.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="LG9158.html"><img src="Website Images/LG-9158.Thumb.jpg" alt="LG-9158" width="119" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">LG-9158 <br />
<br />
Upper West Side <br />
Double Wine Case</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="LG9158.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/Blank.jpg" width="408" height="120" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="66897.html"><img src="Website Images/Large.668-97.Encore.WineCase.Thumb.jpg" alt="668-97" width="114" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">668-97 <br />
<br />
Encore Insulated <br />
Single Bottle Case</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="66897.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="66743.html"><img src="Website Images/Large.667-43.Manhattan.WineCase.Thumb.jpg" alt="667-43" width="113" height="126" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">667-43 </h3>
<h3 align="center" class="titleforproducts">Manhattan Two-Bottle Cocktail Case</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="66743.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="67365133.html"><img src="Website Images/Large.673-65-133.Escape.WineCase.Thumb.jpg" alt="673-65-133" width="114" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">673-65-133<br />
<br />
Escape Insulated <br />
Wine Case</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="67365133.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/WebsiteSubTitle.OutdoorDining.jpg" width="408" height="114" alt="Outdoor Dining" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="611701.html"><img src="Website Images/611701.RedOpen.Thumb.jpg" alt="611701" width="116" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">611701 <br />
<br />
Pulley Cooler <br />
w/Pullman Handle</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="611701.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="GR4901.html"><img src="Website Images/GR4901.Thumb.jpg" alt="GR4901" width="125" height="117" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">GR4901 </h3>
<h3 align="center" class="titleforproducts">Glacier 2-Person Picnic Set</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="GR4901.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="GR4900.html"><img src="Website Images/GR4900.thumb.jpg" width="117" height="127" alt="GR4900" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">GR4900 <br />
<br />
Ranier 4-Person <br />
Picnic Set</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="GR4900.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/Blank.jpg" width="408" height="120" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="75000175.html"><img src="Website Images/Large.750-00-175.Buccaneer.Tailgate.Thumb.jpg" alt="750-00-175" width="118" height="129" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">750-00-175 <br />
<br />
Buccaneer Tailgating Charcoal Grill/Cooler</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="75000175.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="77085175.html"><img src="Website Images/Large.770-85-175.VulcanWithTrolley.Thumb.jpg" alt="770-85-175" width="112" height="127" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">770-85-175</h3>
<h3 align="center" class="titleforproducts">Vulcan Tailgating Grill/Cooler With Trolley</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="77085175.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="77000175.html"><img src="Website Images/Large.770-00-175.Vulcan.Thumb.jpg" alt="770-00-175" width="111" height="130" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">770-00-175 <br />
<br />
Vulcan Tailgating <br />
Gas Grill/Cooler</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="77000175.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/WebsiteSubTitle.WineBarSets.jpg" width="408" height="114" alt="Wine & Bar Sets" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="EH3313.html"><img src="Website Images/EH3313.Thumb.jpg" alt="EH3313" width="130" height="118" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">EH3313 <br />
<br />
Attache <br />
Martini Set</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="EH3313.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="EH3319.html"><img src="Website Images/EH3319.Thumb.jpg" alt="EH3319" width="131" height="118" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">EH3319 </h3>
<h3 align="center" class="titleforproducts">Frasco Wine/Bar Set</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="EH3319.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="EH3309.html"><img src="Website Images/EH3309.thumb.jpg" alt="EH3309" width="114" height="128" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">EH3309 <br />
<br />
Colta II <br />
Wine/Bar Set</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="EH3309.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/Blank.jpg" width="408" height="120" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="68904.html"><img src="Website Images/Large.868-00-113.WineTools.Thumb.jpg" alt="689-04" width="116" height="131" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">689-04 <br />
<br />
Metro 4-Piece <br />
Wine Tools</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="68904.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="CPP2027.html"><img src="Website Images/CPP-2027.Thumb.jpg" alt="CPP-2027" width="118" height="125" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" --><span class="titleforproducts">CPP-2027 <br />
<br />
Charming Wine <br />
Gift Set </span><!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="CPP2027.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="PL7705.html"><img src="Website Images/PL-7705.Thumb.jpg" alt="PL-7705" width="113" height="124" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">PL-7705 <br />
<br />
Rosewood Wine <br />
Gift Set</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="PL7705.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry -->
<div class="maincontent">
<div class="ProductTitle"><!-- InstanceBeginEditable name="PageSubTitleID" --><img src="Website Images/Blank.jpg" width="408" height="120" /><!-- InstanceEndEditable --></div>
<div class="productlayout">
<div class="product1">
<div class="image1"><!-- InstanceBeginEditable name="ProductImage1" --><a href="86313504.html"><img src="Website Images/Large.863-13-504.Celebration.WineSet.Thumb.jpg" alt="863-13-504" width="116" height="125" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext1">
<div>
<!-- InstanceBeginEditable name="ProductTitle1" --><strong class="titleforproducts">863-13-504 <br />
<br />
Celebration <br />
Wine Set</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton1" --><a href="86313504.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable --> </div>
<p> </p>
</div>
<p> </p>
</div>
</div>
<div class="productlayout2">
<div class="product2">
<div class="image2"><!-- InstanceBeginEditable name="ProductImage2" --><a href="88100504.html"><img src="Website Images/Large.881-00-504.Chablis.WineSet.Thumb.jpg" alt="881-00-504" width="112" height="106" border="0" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext2">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle2" -->
<h3 align="center" class="titleforproducts">881-00-504</h3>
<h3 align="center" class="titleforproducts"> </h3>
<h3 align="center" class="titleforproducts">Chablis Wine Set</h3>
<!-- InstanceEndEditable -->
</div>
<!-- InstanceBeginEditable name="ProductDetailButton2" --><a href="88100504.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
<div class="productlayout3">
<div class="product3">
<div class="image3"><!-- InstanceBeginEditable name="ProductImage3" --><a href="88500179.html"><img src="Website Images/Large.885-00-179.Chaianti.WineSet.Thumb.jpg" alt="888-00-179" width="117" height="126" /></a><!-- InstanceEndEditable --></div>
<div class="imagetext3">
<div>
<div align="center">
<!-- InstanceBeginEditable name="ProductTitle3" --><strong class="titleforproducts">888-00-179 <br />
<br />
Grenache Black <br />
Wine Set</strong><!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="ProductDetailButton3" --><a href="88500179.html"><img src="Website Images/ProductDetail.Button.jpg" width="97" height="30" alt="Product Detail" /></a><!-- InstanceEndEditable -->
</div>
</div>
</div>
</div>
</div>
<div class="productlayout4"></div>
<div class="productlayout5"></div>
<div class="productlayout6">
<div class="product6"></div>
</div>
</div>
<!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat -->
<div id="navigation">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html" title="The Executive VIP">Home</a></li>
<li><a href="aboutus.html" title="Extend Your Brand">Extend Yor Brand</a></li>
<li><a class="MenuBarItemSubmenu" href="#">For The VIP</a>
<ul>
<li><a href="winebarsets.html" title="The Wine Connoisseur">The Wine Connoisseur</a></li>
<li><a href="confections.html" title="Gourmet Confections">Gourmet Confections</a></li>
<li><a href="madeforipadiphone.html" title="Made for iPad & iPhone">Made for iPad & iPhone</a></li>
<li><a href="viplounge.html" title="The VIP Lounge">The VIP Lounge</a></li>
<li><a href="laptopaccessories.html" title="Laptop Accessories">Laptop Accessories</a></li>
<li><a href="clocks.html" title="Clocks">Clocks</a></li>
<li><a href="finetimepieces.html" title="Fine Timepieces">Fine Timepieces</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Bags & Luggage</a>
<ul>
<li><a href="checkpointlaptopbags.html" title="Checkpoint Friendly Laptop Bags">Checkpoint Friendly Laptop Bags</a></li>
<li><a href="travelluggage.html" title="Business Travel Luggage">Business Travel Luggage</a></li>
<li><a href="theladytraveler.html" title="The Lady Traveler">The Lady Traveler</a></li>
<li><a href="travelaccessories.html" title="Travel Accessories">Travel Accessories</a></li>
<li><a href="golf.html" title="The Golf Enthusiast">The Golf Enthusiast</a></li>
<li><a href="organizationfitness.html" title="Professional Organization & Fitness">Professional Organization & Fitness</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Brand Promotions</a>
<ul>
<li><a href="promotional.html" title="Promotional Products">Promotional Products</a></li>
<li><a href="writinginstruments.html" title="Writing Instruments">Writing Instruments</a></li>
<li><a href="drinkware.html" title="Drinkware">Drinkware</a></li>
</ul>
</li>
<li><a href="vipdiscussion.html" title="The VIP Discussion">The VIP Discussion</a></li>
<li><a href="purchase.html" title="How To Purchase">How To Purchase</a></li>
<li><a href="contactus.html" title="Contact Us">Contact Us</a></li>
</ul><!-- InstanceBeginEditable name="earthornament" -->
<div id="Earth"><em><img src="Website Images/Earth Ornament.jpg" width="201" height="289" alt="Earth" /></em></div>
<!-- InstanceEndEditable -->
</div>
<div id="footer"><!-- InstanceBeginEditable name="nextpagebutton" -->
<div id="nextpagebutton"></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="copywriteID" -->
<div id="copywrite">© iCheveux 2011</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="privacypolicy" -->
<div id="privacypolicy">Our Privacy Policy</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="contactphone" -->
<div id="ContactSales"><strong>Contact Sales: 1-877-436-9857</strong></div>
<!-- InstanceEndEditable --></div>
</div>
<!-- end .content --></div>
<!-- end .container --></div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html> -
Firefox not responding to any changes, is "way" off...
So, I've got my sight built, fixed all issues with IE (as far as I know), but my site on Firefox is still completely jumbled. In fact, over the last several weeks, as I've made changes and reposted on my server, Firefox hasn't "responded" at all and still looks the same as the first time I put it on my server. It not only is not in my left side bar, main content, right sidebar structure, but some of my text is a whole other class then I made it, and the borders are missing around my LSB, MC and RSB. And instead of the 915px width the site has, it is not constrained (you should be able to see how it is supposed to look on IE).
I hope the code below is helpful. I need this site up asap, in full working order, so any help would be apprecaited. Anyone know why it's totally different on firefox? FYI, all my links are working, so it's all structure at this point. I realize that this is alot of code, but I don't know what else to do. Thanks for any avdvice/help and I apologize for my "newbieness", as it were. I'm a businessman trying to build my own site, and believe it or not, am enjoying this.
My site is, monkpromotions.com
<!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>Monk Promotions Home</title>
<link href="_legal/text.htm" rel="stylesheet" type="text/css" />
<link href="_css/main.css" rel="stylesheet" type="text/css" />
<script src="_spryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="_spryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="_spryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
//-->
</script>
</head>
<body class="thrColElsHdr">
<div class="Img_border" id="container">
<div id="header">
<h1><a href="index.html"><img src="_images/global/LOGO-2-copy-copy.gif" alt="bannerLogo" width="632" height="162" class="banner" /></a></h1>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&MasterCategoryName=Drinkware&listing=MasterCategory&newquery=yes&strip=1&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&StartLevel=2&ClearListOrder=true','','')">Home</a> </li>
<li><a href="_about/about_us.html">About Us</a></li>
<li><a href="_about/testimonials.html">Testimonials</a> </li>
<li><a href="_products/quotesamples.html">Quotes/Sample</a></li>
<li><a href="_about/contactpage.html">Contact Us</a></li>
</ul>
<h1>
<!-- end #header -->
</h1>
</div>
<div id="sidebar1">
<h3 class="h2"> </h3>
</p>
<ul class="MenuBarVertical" id="MenuBar2" onfocus="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&MasterCategoryName=Drinkware&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&MasterCategoryName=Drinkware&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">Drinkware</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?ProductCategoryName=Mugs%20and%20Steins&MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">Mugs</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?ProductCategoryName=Water%20Bottles&MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">Water Bottles</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?ProductCategoryName=Glasses-Drinking&MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">Glasses</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?ProductCategoryName=Cups&MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">Cups</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_choose.cfm?ProductCategoryName=Beverage%20Holders-Insulated&MasterCategoryGUID=7f4c59ba-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&strip=1&ClearListOrder=true','','')">Can/Bottle Holders</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=7f4c59bd-6226-11d4-8976-00105a7027aa&MasterCategoryName=Writing%20Instruments&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Writing Tools</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Pens&MasterCategoryGUID=7f4c59bd-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Pens</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Pencils&MasterCategoryGUID=7f4c59bd-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Pencils</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Markers&MasterCategoryGUID=7f4c59bd-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Markers</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Pen%20and%20Pencil%20Sets&MasterCategoryGUID=7f4c59bd-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Writing Sets</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&MasterCategoryName=Badges%2C%20Buttons%2C%20Magnets%2C%20and%20Stickers&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Magnets, Decals +</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Magnets&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Magnets</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Badges&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Badges</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Buttons&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Buttons</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Stickers&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Stickers</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Decals&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Decals</a></li>
</ul>
</li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=7f4c59b7-6226-11d4-8976-00105a7027aa&MasterCategoryName=Calendars&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Calenders</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Golf Supplies</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Golf%20Balls&MasterCategoryGUID=7f4c59be-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Balls</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Golf%20Tees&MasterCategoryGUID=7f4c59be-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Tees</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Golf%20Accessories&MasterCategoryGUID=7f4c59be-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Accessories</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&MasterCategoryName=Backpacks%2C%20Bags%2C%20and%20Totes&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')"><strong>Bags</strong></a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Bags%20-%20Duffel&MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')"><strong>Duffel</strong></a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Bags%20-%20Tote&MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')"><strong>Tote</strong></a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Backpacks&MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')"><strong>Backpacks</strong></a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Bags%20-%20Insulated&MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Insulated</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Bags%20-%20Gift&MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')"><strong>Gift</strong></a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Bags%20-%20Merchandise&MasterCategoryGUID=526bbcd8-7ae0-11d4-897c-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Merchandise</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/catalog.cfm?&CatalogGUID=31ad90b9-b05d-4196-a99c-4c89ee93d350','','')">Political</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?CatalogGUID=31ad90b9-b05d-4196-a99c-4c89ee93d350&listing=AdvancedSearch&ProductCategoryName=Signs%20and%20Displays&ProdNo=1&ProdName=1&Description=1&SearchType=and&choose=1&OrderBy=PreferredAmount%20desc%2CAcctOpenDate%2CSuplItemNo&ProdNo=1&ProdName=1&Description=1&startrow=46','','')">Yard Signs</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Bumper%20Strips&MasterCategoryGUID=7f4c59a8-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=31ad90b9-b05d-4196-a99c-4c89ee93d350&ClearListOrder=true&strip=0','','')">Bumper Stickers</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Buttons&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Buttons</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Stickers&MasterCategoryGUID=7f4c59c2-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Stickers</a></li>
</ul>
</li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/catalog.cfm?&CatalogGUID=ab0ccaea-e528-4a0c-b470-8b7b33e1a478','','')">Eco Friendly</a></li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Office%20Supplies&MasterCategoryGUID=7f4c59ab-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Office Supplies</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Address%20Books&MasterCategoryGUID=7f4c59ab-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Address Books</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Highlighters&MasterCategoryGUID=7f4c59ab-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Highlighters</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Organizers&MasterCategoryGUID=7f4c59ab-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Organizers</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Executive%20Gifts&MasterCategoryGUID=7f4c59ab-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Executive Gifts</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=7f4c59ab-6226-11d4-8976-00105a7027aa&MasterCategoryName=Business%2C%20Desktop%2C%20and%20Office&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Miscellaneous</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=7f4c59cb-6226-11d4-8976-00105a7027aa&MasterCategoryName=Fitness%2C%20Health%2C%20and%20Safety&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Fitness, Health, & Safety</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Exercise%20Accessories&MasterCategoryGUID=7f4c59cb-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Exercise Accessories</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=First%20Aid%20Kits&MasterCategoryGUID=7f4c59cb-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">First Aid Kits</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Safety%20Products&MasterCategoryGUID=7f4c59cb-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Safety Products</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Skin-care%20Products&MasterCategoryGUID=7f4c59cb-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Skin Care</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?MasterCategoryGUID=7f4c59a7-6226-11d4-8976-00105a7027aa&MasterCategoryName=Apparel%2C%20Caps%2C%20and%20Hats&listing=MasterCategory&newquery=yes&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Apparel</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Caps%20and%20Hats&MasterCategoryGUID=7f4c59a7-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Hats & Caps</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=T-Shirts&MasterCategoryGUID=7f4c59a7-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">T-Shirts</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Apparel%20-%20Men%27s&MasterCategoryGUID=7f4c59a7-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Men's</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Apparel%20-%20Women%27s&MasterCategoryGUID=7f4c59a7-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Women's</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Apparel%20-%20Athletic&MasterCategoryGUID=7f4c59a7-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Athletic</a></li>
</ul>
</li>
<li><a href="_products/schoolspiritpr.html"><strong>School Spirit</strong></a></li>
<li><a href="#" class="MenuBarItemSubmenu">Popular Items</a>
<ul>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=CD%20Cases&MasterCategoryGUID=7f4c59b8-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">CD Cases</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Flashlights&MasterCategoryGUID=7f4c59b8-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Flashlights</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Carabiners&MasterCategoryGUID=7f4c59be-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Carabiners</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_choose.cfm?ProductCategoryName=Balloons&MasterCategoryGUID=7f4c59be-6226-11d4-8976-00105a7027aa&listing=ProductCategory&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&ClearListOrder=true&strip=0','','')">Balloons</a></li>
</ul>
</li>
</ul>
<ul class="MenuBarVertical" id="MenuBar3">
<li><a href="#" onclick="MM_openBrWindow('http://www.yourinvitationplace.com/Default.aspx?WebName=allproducts','','')">Wedding Invitations at 10% OFF</a></li>
<li><a href="#" onclick="MM_openBrWindow('http://www.holidaycardwebsite.com/Default.aspx?WebName=mercer','','')">Holiday and All Occasion Cards</a></li>
</ul>
<ul id="MenuBar4" class="MenuBarVertical">
<li><a href="http://www.distributorcentral.com/product/catalog.cfm?&CatalogGUID=d57f8141-0255-4638-8f54-b45d6c5228d6"><strong>Union Made</strong> Products</a></li>
<li><a href="_printing/copymail.html"><strong>Copy</strong>, <strong>Mail</strong> & <strong>Printing Services</strong></a></li>
</ul>
<ul id="MenuBar5" class="MenuBarVertical">
<li><a href="http://www.distributorcentral.com/product/catalog.cfm?&CatalogGUID=9361922c-3fed-46b0-a5df-9d96bc48f409" id="sale_itemsNav">Sale Items</a></li>
</ul>
<p><img src="_images/home/asilogo.gif" alt="asi logo" width="66" height="35" class="Img_border" /></p>
<p class="weHaveUnion"><img src="_images/home/unionbug.jpg" alt="union bug" width="81" height="18" class="Img_border" /></p>
<p class="weHaveUnion">We Have The <strong> Union Bug</strong></p>
<p class="weHaveUnion"> </p>
<p class="weHaveUnion"><a href="mailto:[email protected]">contact karen</a></p>
<p class="weHaveUnion"><a href="mailto:[email protected]">contact ej</a></p>
</div>
<div id="sidebar2">
<p class="sidebarFeatureItem"> More Featured Promotional Product Items </p>
<p class="sidebarFeatureItem"><img src="_images/_table/DblSideSign_Gill.jpg" alt="Political Yard Sign" width="131" height="138" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&keyword=political%20yard%20signs&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=1AEC3773-B70A-464E-88C5-8000AC256AC7&SuplItemNo=4001&SuplDisplayNo=Two%20Colors&AcctGUID=A0FB3912-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="sidebarFeatureItem"> </p>
<p class="sidebarFeatureItem">Double Sided Poly Bag Sign w/Wire Frame</p>
<p class="weHaveUnion">$1.33-3.39 Each</p>
<p class="sidebarSpecials"><em>HOT ITEM FOR <strong>POLITICAL</strong> CANDIDATES! </em></p>
<p class="weHaveUnion"> </p>
<p class="weHaveUnion"><img src="_images/_table/MiniBagClp.Gary.jpg" alt="Mini Bag Clip" width="141" height="141" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=056E0630-9625-475A-BA2F-EADEE64C6624&SuplItemNo=BC2M&SuplDisplayNo=&clear=1&AcctGUID=F83A3181-8060-436D-875F-577CDE5377C6&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="sidebarFeatureItem"> </p>
<p class="sidebarFeatureItem">2" Mini Bag Clip w/Magnet</p>
<p class="weHaveUnion">.52-.67 Each</p>
<p class="weHaveUnion"> </p>
<p class="weHaveUnion"><img src="_images/_table/MagAddressBook_GrpLne.jpg" alt="Address Book" width="143" height="143" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_information.cfm?startrow=31&MINQTY=0&MinPrice=0&MaxPrice=0&PRODUCTIONTIME=0&CatalogGUID=all&SupplierItemGUID=05A5266C-46F3-4925-8F70-FD70822490E1&SuplItemNo=MIB&SuplDisplayNo=&clear=1&AcctGUID=E266302C-F29E-49E4-A644-D2CCCDBD746A&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="sidebarFeatureItem"> </p>
<p class="sidebarFeatureItem">Magnadex Address Book</p>
<p class="weHaveUnion">.68-.99 Each</p>
<p class="sidebarSpecials"><em>Free 24hr Rush Service</em></p>
<p class="sidebarSpecials"> </p>
<p class="sidebarSpecials"><img src="_images/_table/InsulAutoCupRecy_Gary.jpg" alt="Recycled Auto Mug" width="127" height="234" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_information.cfm?keyword=&CatalogGUID=all&SupplierItemGUID=FAD4968A-AFFA-4EF0-92F0-C8E0E236D910&SuplItemNo=AC16RSIP&SuplDisplayNo=&clear=1&AcctGUID=F83A3181-8060-436D-875F-577CDE5377C6&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="sidebarFeatureItem"> </p>
<p class="sidebarFeatureItem">Insulated Auto Mug</p>
<p class="sidebarSpecials">$1.79-$1.99</p>
<p class="sidebarSpecials"><em>RECYCLED/MADE IN USA</em></p>
<p class="sidebarSpecials"> </p>
<p class="sidebarSpecials"><em><img src="_images/_table/CarabGolfTool_ImpactA.jpg" alt="Carabiner Golf Tool" width="134" height="66" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/product/item_information.cfm?keyword=&CatalogGUID=all&SupplierItemGUID=8E38F5FD-D1FD-4D19-B357-4F6FC5D033A2&SuplItemNo=C-DVT&SuplDisplayNo=&clear=1&AcctGUID=27D616F6-D963-46B6-9371-FE641D1011D9&ProdNo=1&ProdName=1&Description=1','','')" /></em></p>
<p class="sidebarFeatureItem">Carabiner with Golf Divot Repair Tool</p>
<p class="sidebarSpecials">$3.50 Each</p>
<p class="sidebarSpecials"><em>Clip to Belt During Play</em></p>
</div>
<div id="mainContent">
<table width="96%" border="0" cellpadding="02" cellspacing="0">
<caption class="monkFeatures">
<strong>Monk Promotions</strong> Quarterly Features
</caption>
<tr>
<td width="52%"><p> <img src="_images/_table/SWB5000_BD.jpg" alt="Steel Water Bottle " width="135" height="201" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=31ECB8D4-19C4-4983-A6A8-CCEDEB993BD4&SuplItemNo=SWB-5000&SuplDisplayNo=&clear=1&AcctGUID=38C4CF9C-8CF4-4FB2-89BB-82D3DCAE09B5&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle"><strong>Stainless Steel Sports </strong></p>
<p class="productTitle"><strong>Water Bottle</strong></p>
<p>$4.71-$5.19</p>
<p class="specialFeatures">6 Cool Colors!</p></td>
<td width="48%"><p><img src="_images/_table/GrocTote_Crown.jpg" alt="grocery tote" width="184" height="164" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&keyword=grocery%20tote&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=CC57CABD-3491-45AF-B306-7AF766E0C831&SuplItemNo=REGRTOT&SuplDisplayNo=&AcctGUID=A0FB3BF9-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle"><strong>Reuseable Grocery Tote</strong></p>
<p class="salered">$1.65 for 1,000 or more</p>
<p class="salered">$1.89 for 250 or more</p>
<p class="specialFeatures">Great Price</p>
<p class="specialFeatures">Environmentally Sound Product</p></td>
</tr>
<tr>
<td><p><img src="_images/_table/BusCardMag_BIC.jpg" alt="Business Card Magnet" width="193" height="171" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=7AD73E44-A13E-4610-BB73-0590C84AE2A2&SuplItemNo=MGBC20&SuplDisplayNo=20%20mil&clear=1&AcctGUID=A0FB390F-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle">4-Color Process <strong>Business Card Magnet</strong></p>
<p>.23-.35 Each </p>
<p class="specialFeatures">FREE 4-COLOR PROCESS/ NO SET-UP CHARGE/ ART PRODUCTIONS CHARGE</p></td>
<td><p><img src="_images/_table/X-One_GB.jpg" alt="Travel Mug" width="178" height="178" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=152876DD-2184-4E7E-B3CC-14635CA6D0AC&SuplItemNo=X-ONE&SuplDisplayNo=&clear=1&AcctGUID=A0FB380D-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /> </p>
<p class="productTitle">X-One 14 oz. <strong>Travel Mug</strong></p>
<p>$1.79-$2.09 Each</p>
<p class="specialFeatures">Double Insulated, Avai. in 10 Colors</p></td>
</tr>
<tr>
<td><p class="weHaveUnion"><img src="_images/_table/CinchpackBP_Starline.jpg" alt="Duet Packpack" width="188" height="188" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=98B71E05-E0E8-4BDC-B61D-7859766E3401&SuplItemNo=15225&SuplDisplayNo=&clear=1&AcctGUID=A0FB3D49-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle"><strong>CinchPack Back Pack</strong></p>
<p class="salered"><strong>SALE</strong> $1.99 All Quantities</p>
<p class="specialFeatures">Regular $2.79 - $3.89</p>
<p class="specialFeatures">Comes in 9 Colors</p></td>
<td><p><img src="_images/_table/WidebodyPen_BIC.jpg" alt="Bic Widebody Pen" width="183" height="183" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=B2034B08-60F1-4A99-84A3-35CCB8F1B747&SuplItemNo=CSWB&SuplDisplayNo=&clear=1&AcctGUID=A0FB390F-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle">Widebody <strong>Pen</strong> #CSWB</p>
<p>.92-$1.08 Each</p>
<p class="specialFeatures">BUY ONE GET ONE FREE</p>
<p>Over 300 Color Combinations</p></td>
</tr>
<tr>
<td><p><img src="_images/_table/PlsCalCrds_Gill.jpg" alt="Plastic Calender Cards" width="131" height="213" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&startrow=31&MINQTY=0&MinPrice=0&MaxPrice=0&PRODUCTIONTIME=0&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=5224263D-68CB-4163-BEB0-EA2752821679&SuplItemNo=2021&SuplDisplayNo=.010%22&clear=1&AcctGUID=A0FB3912-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle"><strong>Plastic Calender Cards</strong></p>
<p>.143-$1.99 Each (for 2010)</p>
<p class="specialFeatures">Made in USA/ No Art Charge</p></td>
<td><p><img src="_images/_table/NikePowerGlfBl_Norwood.jpg" alt="Nike Golf Ball" width="222" height="134" class="Img_border" onclick="MM_openBrWindow('http://www.distributorcentral.com/websites/MonkPromotions/item_information.cfm?strip=1&ClearListOrder=true&CatalogGUID=18f2680e-6d0f-4d9f-be23-a5777cd3112d&SupplierItemGUID=690AC94F-E63F-423E-8D77-26DAC7B379DC&SuplItemNo=60031&SuplDisplayNo=&clear=1&AcctGUID=A0FB3815-C7AE-11D3-896A-00105A7027AA&ProdNo=1&ProdName=1&Description=1','','')" /></p>
<p class="productTitle"><strong>Nike Power Distance Long Golf Ball</strong></p>
<p>$25.84-$36.65</p>
<p class="specialFeatures">Get More Distance!</p>
<p class="specialFeatures">Great for Company Outings</p></td>
</tr>
</table>
<h1> </h1>
<!-- end #mainContent -->
</div>
<p>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
</p>
<p> </p>
<div id="footer">
<p><a href="_legal/Privacy Policy.html">Privacy Policy</a> * <a href="_legal/terms_of_use.html">Terms of Use</a> * Contact Us * <strong><em><a href="index.html">MonkPromotions.com</a> is an online entity of M&M Promotions</em></strong></p>
<!-- end #footer -->
</div>
<!-- end #container -->
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar3 = new Spry.Widget.MenuBar("MenuBar3", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar4 = new Spry.Widget.MenuBar("MenuBar4", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar5 = new Spry.Widget.MenuBar("MenuBar5", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>Clear out the cache memory.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com -
CSS Changes not showing in Design View
I'm just coming over from GoLive (and their layout grid) so
I'm not entirely familiar with DreamWeaver CS3 and CSS.
However, whenever I make changes in a CSS sheet (and save
them) they are not immediately rendered in the Design View. They
show up just fine if I "Preview in Browser" though. I can even
close the html page and reopen it and sometimes they will show up,
but not usually. Oh, and the "Refresh Design View" button is greyed
out and doesn't do anything.
Thanks,
DanYes, that seems to be the case. I ran a validation check on
the html page (it was coded in XHTML 1.0 strict) and came up with 2
errors related to the CSS features I was trying to use.
Thanks!
Maybe you are looking for
-
Help needed in funciton module
can any one please tell how this fm can be used in the pgm input/opt fileds and all CONVERT_TO_LOCAL_CURRENCY CONVERT_TO_FOREIGN_CURRENCY
-
Photo album does not appear on the web but does in a published folder
**** everyone, My problem is the following: I started to create little webpage with iweb. At the moment it just consist of a photo gallery, one blog entry and one video. To test it I published itto a folder on my hardisk and the website worked perfec
-
Background image on iweb site not showing
I created a web site using iWeb sometime ago. I used all of the templates provided with the app. Since "me" has come along, all the content on my page displays, BUT the background image on ALL of the pages no longer shows. I republished the site to s
-
How to show attributes only in query panel but not in Add fields.
Hi, Jdev - 11.1.1.7.0 I have a requirement where I need to show attribute only in search panel but not in Add Fields list which is available in advanced section. Thanks for your time and help. Regards, Dileep.
-
CS3 Dreamweaver will not launch. Licensing has stopped working.
Unable to open my CS3 Dreamweaver and other CS3 products. Keep getting a message indicating that "Licensing for this product has stopped working." Help!