biomike
12-29-2009, 07:50 PM
I have this boxover code <script src="boxover.js"></script>
which was working on my old website but not fully on the new one. What i need to do is to control the width of the box. as it is pops up using the full width of the page.
The codes i am referring to are the .dogvdvhdr & .dogvdvbdy.
Any suggestiongs would be appreciated
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<link rel="alternate" type="application/rss+xml" title="The Bioenergy Healing Clinic RSS" href="/rsstest.rss">
<link rel="shortcut icon" href="/images/bioicon2.ico">
<meta name="robots" content="noodp,noydir">
<title>Welcome to The Bioenergy Healing Clinic - The Official Website</title>
<meta name="description" content="Michael Cohen, founder of the Bioenergy Healing Research Foundation is an acknowledged expert in the field of Bioenergy Healing. His Bioenergy Healing Clinic in London W1 specialises in treating debilitating, difficult and long-term symptoms.">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-language" content="en">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<style type="text/css">
.dogvdvhdr {
width:300;
background:#F3F0E7;
font: bold 10pt arial, helvetica, sans-serif;
border:1px solid #808080;
font-weight:bold;
padding:10px;
}
.dogvdvbdy {
width:300;
background:#FFFFFF;
font: 10pt arial, helvetica, sans-serif;
border-left:1px solid #808080;
border-right:1px solid #808080;
border-bottom:1px solid #808080;
padding:10px;
}
td {
vertical-align: top;
}
.midaline, .specialeffects {
vertical-align: middle;
}
a:hover {
color: #008080;
font: bold 10pt arial, helvetica, sans-serif;
text-decoration: underline;
}
.specialeffects a, .specialeffects a:active, .specialeffects a:visited {
text-decoration: none;
color: #fff;
font: bold 10pt arial, helvetica, sans-serif;
}
.specialeffects a:hover {
color: #ff6600;
}
.specialeffects2 a, .specialeffects2 a:active, .specialeffects2 a:visited {
text-decoration: none;
color: #000000;
font: 10pt arial, helvetica, sans-serif;
}
.specialeffects2 a:hover {
color: #fff;
}
.content input {
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
}
body{
margin:auto;
}
<!--
a {text-decoration: none; }
-->
<style>
</style>
which was working on my old website but not fully on the new one. What i need to do is to control the width of the box. as it is pops up using the full width of the page.
The codes i am referring to are the .dogvdvhdr & .dogvdvbdy.
Any suggestiongs would be appreciated
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<link rel="alternate" type="application/rss+xml" title="The Bioenergy Healing Clinic RSS" href="/rsstest.rss">
<link rel="shortcut icon" href="/images/bioicon2.ico">
<meta name="robots" content="noodp,noydir">
<title>Welcome to The Bioenergy Healing Clinic - The Official Website</title>
<meta name="description" content="Michael Cohen, founder of the Bioenergy Healing Research Foundation is an acknowledged expert in the field of Bioenergy Healing. His Bioenergy Healing Clinic in London W1 specialises in treating debilitating, difficult and long-term symptoms.">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-language" content="en">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<style type="text/css">
.dogvdvhdr {
width:300;
background:#F3F0E7;
font: bold 10pt arial, helvetica, sans-serif;
border:1px solid #808080;
font-weight:bold;
padding:10px;
}
.dogvdvbdy {
width:300;
background:#FFFFFF;
font: 10pt arial, helvetica, sans-serif;
border-left:1px solid #808080;
border-right:1px solid #808080;
border-bottom:1px solid #808080;
padding:10px;
}
td {
vertical-align: top;
}
.midaline, .specialeffects {
vertical-align: middle;
}
a:hover {
color: #008080;
font: bold 10pt arial, helvetica, sans-serif;
text-decoration: underline;
}
.specialeffects a, .specialeffects a:active, .specialeffects a:visited {
text-decoration: none;
color: #fff;
font: bold 10pt arial, helvetica, sans-serif;
}
.specialeffects a:hover {
color: #ff6600;
}
.specialeffects2 a, .specialeffects2 a:active, .specialeffects2 a:visited {
text-decoration: none;
color: #000000;
font: 10pt arial, helvetica, sans-serif;
}
.specialeffects2 a:hover {
color: #fff;
}
.content input {
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
}
body{
margin:auto;
}
<!--
a {text-decoration: none; }
-->
<style>
</style>