Advanced Search

Results 1 to 3 of 3

Thread: Boxover affect problem

  1. #1
    Join Date
    Apr 2008
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Boxover affect problem

    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


    Code:
    <!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>

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    You need to use a unit like pixels after the value.

    http://www.guistuff.com/css/css_units.html

    eg. width:300px;

  3. #3
    Join Date
    Apr 2008
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for that. Website is getting there! All the help is appreciated.

    Michael

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •