Solved

Div/CSS newbie

Posted on 2006-06-12
15
603 Views
Last Modified: 2013-11-19
I have an image of a map of North America, and I want to place pictures at specific locations that have hyperlinks and alt text.  I created a test HTML page and it works with no problems at all.  Here is my HTML code:

<img src="h:\north america.jpg" id="mapimg" style="position:absolute;top:20px;left:20px;">
<div id="hotspot1" style="position:absolute;top:163px; left:437px;"><a href="H:\test.html"><img src="H:\hotspot.gif"

border=0 alt="HBPO North America - HQ
1050 Wilshire Dr.
Ste 300
Troy, MI 48084

Click for More Info!"></a></div>
<div id="hotspot2" style="position:absolute;top:230px; left:380px;"><a href="h:\test2.html"><img

src="h:\hotspot2.gif" border=0 alt="HBPO North America
2501 Cassens Drive
Fenton, MO

Click for More Info!"></a></div>
<div id="hotspot3" style="position:absolute;top:160px; left:460px;"><a href="h:\test3.html"><img

src="H:\hotspot3.gif" border=0 alt="HBPO Canada
2570 Central Ave
Windsor, Canada

Click for More Info!"></a></div>
<div id="hotspot4" style="position:absolute;top:340px; left:170px;"><a href="h:\test4.html"><img

src="h:\hotspot3.gif" border=0 alt="Hella Front End S.A. de C.V.
Fusion Drive
Hermosillo, Mexico

Click for More Info!"></a></div>
<div id="Hotspot5" style="position:absolute;top:450px; left:280px;"><a href="H:\test5.html"><img

src="h:\hotspot3.gif" border=0 alt="Hella Front End S.A. de C.V.
Something
Puebla, Mexico

Click for More Info!"></a></div>
<div id="Hotspot6" style="position:absolute;top:465px; left:255px;"><a href="H:\test6.html"><img

src="h:\hotspot3.gif" border=0 alt="Hella Front End S.A. de C.V.
Something
Toluca, Mexico

Click for More Info!"></a></div>

Now, I'm uploading this to my intranet, but the problem is the site has CSS templates so it converts the source code so now I have just the main picture and then the other pictures underneath it all in a row.  I have no idea how to manipulate my code so these are images are in the correct spot.  Help!
0
Comment
Question by:lkingpinl
  • 7
  • 7
15 Comments
 
LVL 10

Expert Comment

by:ClickCentric
Comment Utility
Can you post the css template?  I can't see how the css template would be interfering unless there's something in the css template that affects all divs...and that wouldn't make much sense as a class should be used even if all of the divs on a page are supposed to be set a certain way.  Can you post a url to the page?  Or when you say there's a css template, do you mean there's a wrapper around the content that you're including?
0
 
LVL 4

Expert Comment

by:recklez
Comment Utility
It seems to me your problem is that the site's css templates override your in-line style sheets.
If that is the case try to change your style to include the '!mportant' declaration so that you can enforce your stylesheets
and also give dimensions to your div elements (preferably the dimensions of your images).

e.g.
<div id="hotspot4" style="position:absolute !important; top:340px; left:170px; width:?; height:?;">
<a href="h:\test4.html">
<img src="h:\hotspot3.gif" border=0 alt="Hella Front End S.A. de C.V. Fusion Drive Hermosillo, Mexico Click for More Info!" />
</a>
</div>

P.S. If I were you I would not use the divs at all. I see no need for them to be there. You can add your style on the img tag.
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
I would post a link, but it is to our intranet so you would have no access.  Here is the source code of the fully loaded page.  You'll notice my HTML code (as seen above) at the bottom, but modified by the template.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
      <title>HBPO - THE MODULE COMPANY</title>
<link rel="SHORTCUT ICON" href="favicon.ico">
<link rel="icon" href="icon.png" type="image/png">
<link rel="STYLESHEET" type="text/css" href="styles/print.css" media="print" />
<link rel="STYLESHEET" type="text/css" href="styles/hbpo.css"/>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<script language="JavaScript" src="js/admin.js"></script>
<script>
function PrintThis(url) {
window.open(url,'frmPrint','width=600,height=500,resizable=yes,scrollbars=yes,menubar=yes');
}

function PrintTogler(act) {
      /*disp="none";
      if (act) disp="block";
      if (document.all) {
            document.all('printbut').style.display=disp;
      }
      else {
            document.getElementById('printbut').style.display=disp;
      }*/
}

function openPrintDialog(uuid,show_long){
      window.open('index.cfm?uuid='+uuid+'&cmd=print&show_long='+show_long,'frmPrint','width=600,height=500,resizable=yes,scrollbars=yes,menubar=yes');
}
function notyetimplemented() {
 var Info = window.open("notyetimplemented_de.html","notyet","height=150,width=200,locationbar=no,menubar=no,resizable=no,status=no");
}

var status=1;

function open_menu_languages(stat){
      document.getElementById('lang_div').style.display='block';
      status = stat;
}

function close_menu_languages(stat){
      if (status == 0){
      document.getElementById('lang_div').style.display='none';
      }
}
</script>
</head>
<body >
      <script language="JavaScript">
            function aboAction(obj_id,obj_type,cmd_abo,obj_uuid,version,action_url)
            {
                  var f = document.forms['abo'];
                  f.elements['cmd_abo'].value = cmd_abo;
                  f.elements['obj_id'].value = obj_id;
                  f.elements['obj_type'].value = obj_type;
                  f.elements['obj_uuid'].value = obj_uuid;
                  f.elements['abo_version'].value = version;
                  f.action = action_url;
                  f.submit();
            }
      </script>
      <form name="abo" method="post">
            <input type="Hidden" name="cmd_abo">
            <input type="Hidden" name="obj_id">
            <input type="Hidden" name="obj_type">
            <input type="Hidden" name="obj_uuid">
            <input type="Hidden" name="abo_version">
      </form>

<table border="0" width="1000" cellspacing="5" cellpadding="0">
      <tr>
            <td width="158" colspan="3">
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%" colspan="2"><a href="index.cfm?o_lang_id=2"><img src="images/hbpo-start.jpg" border="0"></a></td>
      <td width="100%" colspan="3">&nbsp;</td>
    </tr>    
  </table>
</td>
      </tr>
      <tr class="action_menu">
            <FORM name="searchForm" action="/hbpo/index.cfm" method="post">
          <td width="158" height="25" class="search">
            
                  <input type="Hidden" name="cmd" value="search">
                  <input type="Hidden" name="sel_obj_types" value="3,16">
                  <input type="Hidden" name="sel_obj_types" value="4,15,5">
                  <input type="Hidden" name="obj_type" value="3,16,9">
                  <input type="Hidden" name="obj_types" value="3,16,9">
                  <input type="Hidden" name="type" value="simple">
                  <input type="Hidden" name="sort" value="0">
                  <input type="Hidden" name="tree_obj_id" value="">
                  <input type="Hidden" name="show_search_form" value="0">
                  <input type="Hidden" name="cache_id" value="">
                  <INPUT  class="searchfield" size=50 name="search_text">&nbsp;<A class="navi" href="javascript:searchForm.submit();">SEARCH</A>
            
            </td>
            </form>
            <form action="index.cfm" method="post" name="LogoutForm">
            <td colspan="2" align="right" valign="middle" class="topnavi" width="100%" height="25">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                              <td align="left" style="color:#FFFFFF;">&nbsp;Welcome HBPO Webmaster</td>
                              <td align="right">
                                    
                                          
                                    <INPUT type="hidden" name="uuid" value="0">
                                    <INPUT type="hidden" name="cmd" value="logout">
                                    <INPUT type="hidden" name="cmd_login" value="dologout">
                                    <INPUT type="hidden" name="lgn_dn" value="">
                                    <INPUT type="hidden" name="lgn_method" value="db">
                                    <a href="javascript:document.LogoutForm.submit();" class="navi">LOGOUT</a>&nbsp;|&nbsp;
                                          <a href="index.cfm?uuid=9203CD77A803ECB638D1AD16B4ECF2ED&editmode=1">EDIT MODE</a>&nbsp;|&nbsp;
                                    
                  
                                    
                                    
                                        <a href="index.cfm?uuid=9203CD77A803ECB638D1AD16B4ECF2ED&o_lang_id=1" onmouseover="open_menu_languages(1);"  onmouseout="status=0;setTimeout('close_menu_languages(0)',500);" >GERMAN</a>
                                
                                    <div id="lang_div" style="display:none;position:absolute;z-index=10;left:830px;top:110px" onmouseout="status=0;setTimeout('close_menu_languages(0)',100)" onmouseover="status=1;">
                                          <table class="topnavi" width="100%" border="0">
                                          
                                                
                                          
                                                
                                          
                                          </table>
                                    </div>
                                    
                                          &nbsp;|&nbsp;
                                          <a href="index.cfm?cmd=user_data">USER DATA</a>
                                                                  
                              </td>
                        </tr>
                  </table>
            </td>
            </form>
      </tr>
      <tr>
            <td height="400" width="158" valign="top" class="gbackground">
<!--
      Template hbf_menu
      2004-09-24 Torsten Hoepfner
      
      * * BEGIN * *
//-->
   

<table border="0" cellspacing="0" cellpadding="0" width="158" height="400">
  <tr>
    <td width="10" height="5">&nbsp;</td>
    <td colspn="4" height="5">&nbsp;</td>
      <td width="5">&nbsp;</td>
  </tr>

          <tr>
            <td width="10">&nbsp;</td>
            <td colspan="4" height="25"><a href="/hbpo/index.cfm?A9B78ED77C59420AA25F898DF421A865" class="menu">START</a></td>
                  <td width="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="proms/index.cfm?menu_id=63" class="menu" style="font-size: 9.3pt;">INFO</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="/hbpo/index.cfm?C4ED972205864264AC07A1539D048B93" class="menu" style="font-size: 9.3pt;">APPLICATIONS</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="/hbpo/proms/index.cfm?menu_id=42" class="menu" style="font-size: 9.3pt;">PROMS</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="/hbpo/index.cfm?B93D76DFF04146D8B36577E7F915128D" class="menu" style="font-size: 9.3pt;">PROJECTS</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="/hbpo/index.cfm?0C90B0C01AE848EFBB258C9ED7F4C899" class="menu" style="font-size: 9.3pt;">LOCATIONS</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
           
              <td colspan="3" height="25"><a href="/hbpo/index.cfm?9204F760D6B98526600A46FFEFC492BB" class="menu" style="font-size: 9.0pt;">Asia</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
           
              <td colspan="3" height="25"><a href="/hbpo/index.cfm?92045B01E0379B0E7F41BCB442CC7242" class="menu" style="font-size: 9.0pt;">Europe</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
           
              <td colspan="3" height="25"><a href="/hbpo/index.cfm?9203CD77A803ECB638D1AD16B4ECF2ED" class="menuakt" style="font-size: 9.0pt;">North America</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td colspan="2" height="25"><a href="/hbpo/index.cfm?A0A5698C61934F03AC5AD86FC9BF549E" class="menu" style="font-size: 8.8pt;">Hermosillo</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td colspan="2" height="25"><a href="/hbpo/index.cfm?9C1323DA94174246AFA589EF099E7101" class="menu" style="font-size: 8.8pt;">Puebla</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td colspan="2" height="25"><a href="/hbpo/index.cfm?A8050F25750C4B4F91A926DF2AA87FF0" class="menu" style="font-size: 8.8pt;">Windsor</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td colspan="2" height="25"><a href="/hbpo/index.cfm?66E4ADC20D92425AABBED461DA58EF0B" class="menu" style="font-size: 8.8pt;">Troy</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td colspan="2" height="25"><a href="/hbpo/index.cfm?B37D9524BC4B9A57D68B2E6CE0E1DFAC" class="menu" style="font-size: 8.8pt;">St. Louis</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td width="10">&nbsp;</td>
           
           
              <td colspan="2" height="25"><a href="/hbpo/index.cfm?B37E56709CF783B8A6E0E7D103F11465" class="menu" style="font-size: 8.8pt;">Toluca</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="/hbpo/index.cfm?19D3DCBF62F1478497FAE962A50C1371" class="menu" style="font-size: 9.3pt;">DEPARTMENTS</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
          <tr>
            <td width="10">&nbsp;</td>
           
              <td width="10">&nbsp;</td>
           
           
           
           
              <td colspan="4" height="25"><a href="/hbpo/index.cfm?E0B57DD60C14FE4A9BEB2471CB67DFC5" class="menu" style="font-size: 9.3pt;">Diary Building Site HBPO Headquarters</a></td>
           
                  <td width="5" height="5">&nbsp;</td>
          </tr>
       
   
            
            <tr>
            <td width="10">&nbsp;</td>
            <td width="10">&nbsp;</td>
            <td width="10">&nbsp;</td>
            <td width="10">&nbsp;</td>
            <td width="150">&nbsp;</td>
              <td width="5">&nbsp;</td>
          </tr>
          </table>            
        

<!--
      Template hbf_menu

      * * END * *
//-->
</td>
            <td width="832" height="100%" align="left" valign="top">
                  
<!--
      Template hbpo_content_2
      2004-09-24 Torsten Hoepfner
      
      * * BEGIN * *
//-->

  <table border="0" cellpadding="0" cellspacing="0">
  <tr>

 

  <td width="832" valign="top" height="100%">

<table border="0" cellspacing="0" cellpadding="2">
      <tr>
            <td><b>North America<br><br></b></td>
      </tr>
      <tr>
            <td>
            
                  <P><IMG id=mapimg x_style="LEFT: 20px; POSITION: absolute; TOP: 20px" alt="North America Map" src="doc/doc_request.cfm?C8A16B19D6027B0757701EE42BCF583A" border=0>
<div id="hotspot1" x_style="position:absolute;top:163px; left:437px;"><a href="http://www.hbpogroup.com/hbpo/index.cfm?66E4ADC20D92425AABBED461DA58EF0B"><img src="doc/doc_request.cfm?uuid=C8636DBCEE67AC7B5DADA62B9A9C00EB&&IRACER_AUTOLINK&&"  border=0 alt="HBPO North America - HQ
1050 Wilshire Dr.
Ste 300
Troy, MI 48084

Click for More Info!"></a></div></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P><A class="" href="doc/doc_download.cfm?uuid=C8636DBCEE67AC7B5DADA62B9A9C00EB&&IRACER_AUTOLINK&&" target=_self>Here</A></P>
<P><A class="" href="doc/doc_download.cfm?uuid=C8640F2B02FC4FC057A1701512BC8635&&IRACER_AUTOLINK&&" target=_self>Here</A></P><A class="" href="doc/doc_download.cfm?uuid=C8A54D2ACBF67C68F4BD85E24AF81467&&IRACER_AUTOLINK&&" target=_self>
<P>Here</P></A><br><br>
                  
                        <div align="left">
                              <a href="/hbpo/index.cfm?uuid=9203CD77A803ECB638D1AD16B4ECF2ED&and_uuid=C8B2BF81B0F0C33761D00B53E82CBFE9">more &raquo;</a>
                        </div>
                        <br>
                  
            
            </td>
      </tr>
</table><br>&nbsp;&nbsp;

  </td>
  </tr>
 

  </table>

<!--
      Template hbpo_content_2

      * * END * *
//-->
                  
            </td>
            
      </tr>
      <tr>
</table>

</body>
</html>
<!-- 7766 ms --><!-- Build-Time: 7984 ms -->
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
recklez,

I tried the !mportant flag and it does nothing.  

I found the CSS, here is the code:

ul{margin:0;margin-left=15;}
      BODY {MARGIN-TOP: 0px; FONT-SIZE: 10px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; COLOR: black; LINE-HEIGHT: normal; FONT-FAMILY: Helvetica, Arial; TEXT-ALIGN: left; TEXT-DECORATION: none}
      td { font-size: 10pt; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;}
      .body{color: 333399;font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;}
      .bodybold{color: 333399;font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular;font-size: 10pt;font-weight: bold;}
      .tablecolor{background-color: 999999;}
      
      .title{font-size: 11pt;font-weight:bold; text-transform: uppercase}
      
      .subtitle{font-size: 10pt;font-weight:bold; text-transform: uppercase}
      .small{font-size: 8pt;}
      .smallbold{font-size: 8pt;font-weight: bold;}
      .smaller {font: Arial Narrow, Arial, Helvetica, sans-serif; font-size:6Pt; text-decoration:none}
      .bold{font-weight:bold;}
      .bolder{font-weight:bolder;}
      .italic{font-style:italic;}
      .underline{text-decoration:underline;}
      .edittext{font-family: sans-serif;color: #000000;}
      .edittextbold{font-family: Helvetica, Arial,Geneva, Swiss, SunSans-Regular;color: #000000;font-weight:bold;}
      .edittextsmall{font-size: 8pt;font-family: sans-serif;color: #000000;}
      .editbg{background-color: #cccccc;}
      .edittablebg{background-color: #ffffff;}
      input,option,textarea{font-family:  Helvetica, Arial, Geneva, Swiss, SunSans-Regular;font-size: 10pt;}
      font {font-family:  Helvetica, Arial,Geneva, Swiss, SunSans-Regular;color:black}
      
      a.menu, a.menu:link, a.menu:visited {
            color: #696969; font-size: 10pt; font-family:  Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none; display:block; padding:4px
      }

      a.menu:hover {
            color: #073998;font-size: 10pt; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: underline; display:block;padding:4px;background-color: #ffffff;
      }
      
      a.menuakt, a.menuakt:link, a.menuakt:visited {
            color: #696969;font-size: 10pt; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none; display:block;padding:4px; font-weight:bold;
      }

      a.menuakt:hover {
             color: #073998;font-size: 10pt; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: underline; display:block;padding:4px;font-weight:bold; background-color: #ffffff;
      }
      
      .menuinakt {
            color: #696969; font-size: 10pt; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none;padding:4px;
      }
      
      a:link,a:visited,a:active{color: #696969;text-decoration: underline;}
      a:hover{color: #0055a8;text-decoration: underline; }
      
      a:hover.tablecolorhover{color: #0055a8;text-decoration: underline;}
      
      .printblack { color: #000; font: Arial Narrow, Arial, Helvetica, sans-serif; font-size:6Pt; text-decoration:none}
      .doctitle  { color: #0055A8; font-style:normal; font-size: 15pt; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular }


      a.sorterasc, a.sorterasc:link, a.sorterasc:hover, a.sorterasc:visited {display:block; color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;text-decoration: none;}
      a.sorterdesc, a.sorterdesc:link, a.sorterdesc:hover, a.sorterdesc:visited {display:block; color: #000; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;text-decoration: none;}


      .sorttd {border:1px solid #e3e3e3;}
      .sorttdakt {border:1px solid #e3e3e3; background:#e9e9e9;}
      .action_menu{
      BACKGROUND: #80aad4
}
.searchField {
      FONT-SIZE: 10px; WIDTH: 80px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}.search {
      PADDING-LEFT: 10px; BACKGROUND: #80aad4; VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}
.topnavi {
      PADDING-RIGHT: 10px; BACKGROUND: #80aad4; VERTICAL-ALIGN: middle; TEXT-ALIGN: right;
}

.gbackground {
      BACKGROUND: #f5f5f5
}
      .textbereich {
      FONT-SIZE: 13px; BORDER-TOP-STYLE: none; FONT-FAMILY: Helvetica, Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #dcdcdc; BORDER-BOTTOM-STYLE: none;
      MARGIN-TOP: 0px; PADDING-LEFT: 2px; MARGIN-BOTTOM: 0px; COLOR: #0055a8;  HEIGHT: 20px; font-weight: bold;
}
  .aboth{
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   font-weight:bold;
   color:#666666;
  }
  .abotd1{
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   background-color:#F0F0F0;
  }
  .abotd2{
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   background-color:#CCCCCC;
  }
  .abotdi1{
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   color:#000000;
   background-color:#F0F0F0;
  }
  .abotdi2{
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10px;
   color:#000000;
   background-color:#CCCCCC;
  }
  .fbutton {
   font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
   background-image:url(img/inp_button_gb.gif);
   background-repeat:no-repeat;
   border-width:0Px;
   border-style:none;
   text-indent:3Px;
   width:116Px;
   height:22Px;
   color:#000000;
   }
  .parentline {
   background-image:url(img_gft/dots.gif);
   background-repeat:repeat-x;
   background-position:0 4Px;
  }
0
 
LVL 10

Expert Comment

by:ClickCentric
Comment Utility
I don't see anything there what would cause it...it's actually the css file that we'd need to see.  But, after looking over your original question closer, recklez is right.  I wasn't paying close enough attention and didn't realize that all you had in the images were divs.  You can position the images themselves instead and get rid of the divs.  If that still doesn't work, then it's something either in your css file or your javascript that's inhibiting it.  
0
 
LVL 10

Expert Comment

by:ClickCentric
Comment Utility
oops, I didn't refresh the page before I posted, so I didn't see that you had posted the css.
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
Well, I removed the divs and posted the img tags but now they are appearing NEXT to the main image, and not within it.  It's like it is completely ignoring my "style" in the image tags showing exact pixel placement.
0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 10

Expert Comment

by:ClickCentric
Comment Utility
The problem, as far as I can tell, is that your style tags are being convered to x_style...which the only time I've seen that is when integrated with certain mapping systems, but they use it in a different way and I don't see any indication of such a system being in place.
0
 
LVL 10

Expert Comment

by:ClickCentric
Comment Utility
Can you post the javascript file referenced here:

<script language="JavaScript" src="js/admin.js"></script>
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
That is the only thing I saw as well.  I'm using iRacer to create my article and I post my HTML code there.  Then publish the article, but somewhere something is converting it to x_style and I can't change it.  This is so frustrating.....

Can you think of another way to place points or images at certain x,y coordinates on an image?
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
Here is the content of Javascript file admin.js:

/*
      iracer 3.0
      Javascipt-Unterstützung für die Administration
      Programmierung:            Andrei Tandoev
      Datum:                        25.10.2000

      $Id: admin.js,v 1.1.1.1 2005/06/27 17:19:14 hera\thoepfner Exp $
      $Log: admin.js,v $
      Revision 1.1.1.1  2005/06/27 17:19:14  hera\thoepfner
      Initialimport
      

*/
ns_flag = ( document.layers )? true : false;
ie4_flag = ( document.all )? true : false;
ie5_flag = false;

/*
 Falls die obige prüfung nicht hinhaut, kann auch diese genommen werden:
 
 var isMinNS4=(navigator.appName.indexOf("Netscape")>=0&&parseFloat(navigator.appVersion)>=4)?1:0;
 var isMinIE4=(document.all)?1:0;
 var isMinIE5=(isMinIE4&&navigator.appVersion.indexOf("5.")>=0)?1:0;
*/

if( ie4_flag ) ie5_flag = navigator.userAgent.indexOf( 'MSIE 5' ) > 0;

function onObjPropEdit(uuid, field_id, field_name, field_type, obj_id, obj_type, version_id, wrkf_flag,meta_flag)
      {
            var href = 'admin/online_edit.cfm?' + 'uuid=' + uuid + '&field_id=' + field_id + '&field_name=' + field_name + '&field_type=' + field_type + '&obj_id=' + obj_id + '&obj_type=' + obj_type + '&version_id=' + version_id + '&wrkf_flag=' + wrkf_flag + '&meta_flag='+meta_flag;
            var wnd = window.open(href,'OnlineEdit','width=700,height=370,dependent=yes,hotkeys=yes,locationbar=yes,screenX=25,screenY=25,left=25,top=25');
            wnd.focus();
      }
      
function OnOpenCustomPopupWindow(void1, t, x, y, w, h, u, void2, bP, bT, bC, bS){
      var wndCustomPopupWindow = window.open('', 'wndCustomPopupWindow', 'left='+x+',top='+y+',pos-x='+x+',pos-y='+y+',width='+w+',height='+h+',resizable=yes,scrollbars=yes,status=1,menubar=1');
      wndCustomPopupWindow.document.write('<html><title>'+t+'</title><body>Please wait...</body></html>');
      wndCustomPopupWindow.location.href=u+'&bPrint='+bP+'&bTop='+bT+'&bClose='+bC+'&bScroll='+bS+'&width='+w+'&height='+h+'&title='+escape(t);
      wndCustomPopupWindow.focus();
}

function openSitemap(){ //oeffnet das sitemap-fenster; 12.12.2000; cjohn
      window.open('sitemap.cfm', 'frmSitemap', 'width=300,height=450,resizable=yes,scrollbars=yes');
}
function onClickSitemap(newLocation){
      window.opener.location=newLocation;
}

/*
  Webshop
*/
function onDeletePrice( form_name, id ) {
      frm = eval( 'document.' + form_name );
      frm.del_price_list_id.value = id;
      frm.cmd.value = "save";
      frm.submit();
}

function OnAddBooking( form_name, id) {
      frm = eval('document.' + form_name );
      frm.bo_book.value = '1';
      frm.submit();
}

function onClickAccess( form_name, accid, objid, mi, vmax ) {
      frm = eval( 'document.' + form_name );
      fld = eval( 'document.' + form_name + '.data_' + accid );
      chg = eval( 'document.' + form_name + '.changed_' + accid );
      if( (!fld)  ||  (!chg) )  return;
      v = fld.value;
      if( v == '' ){
            v = 1;}
      else if( v < vmax ){
            v = parseInt(v) + 1;}
      else{
            v = 1;}
      fld.value = v;
      chg.value = 1;
      img = eval( 'document.' + form_name + '.img_' + accid );
      mand_img = eval( 'document.' + form_name + '.sign_' + v );
      img_text = eval( 'document.' + form_name + '.text_' + v );
      mand_text = eval( 'document.' + form_name + '.mand_text_' + mi );
      obj_text = eval( 'document.' + form_name + '.obj_text_' + objid );
      if( (!mand_img)  ||  (!img)  ||  (!mand_text)  ||  (!obj_text)  ||  (!img_text) )  return;
      img.src = mand_img.value;
      img.alt = mand_text.value + "/" + obj_text.value + ": " + img_text.value;
}

function onClickCheckbox( form_name, chk, val, func ) { // Checkbox
      frm = eval( "document." + form_name );
      ctl = eval( "document." + form_name + '.' + chk );
      if( val  &&  ctl.length ) {
            for( i=0; i<ctl.length; i++ ) {
                  if( ctl[i].value == val )
                         ctl[i].checked = ! ctl[i].checked;
            }
      } else{
            ctl.checked = ! ctl.checked;}
      if( func ){
            func( form_name, chk, val );}
}

function onClickRadio( chk, val ) {
      ctl = eval( "document." + chk );
      if( ctl ) {
            if( ctl.length ){
                  for( i=0; i<ctl.length; i++ ) ctl[i].checked = ctl[i].value == val;}
            else{
                  ctl.checked = ctl.value == val;}
      }
}

function onSetShowHide( div, vis ) {
      if( vis == true ){
            document.all[div].style.setAttribute( 'display', 'inline', false );}
      else{
            document.all[div].style.setAttribute( 'display', 'none', false);}
}

function onShowHide( div ) {
      if( document.all[div].style.display == 'none' ){
            document.all[div].style.setAttribute( 'display', 'inline', false );}
      else{
            document.all[div].style.setAttribute( 'display', 'none', false);}
}

function onEditObject( form_name, field_name, new_id ) {
      onClickObject( form_name, field_name, new_id );
      frm = eval('document.' + form_name);
      frm.cmd.value = "edit";
      frm.submit();
      if (parent.frmStatus){
            parent.frmStatus.location.href='../admin/status.cfm?wait=1';
      }
}

function onSort( form_name, field_name, sort_id ) {
      frm = eval('document.' + form_name);
      frm.cmd.value = "sort";
      frm.obj_id.value = sort_id;
      frm.submit();
}

function onClickObject( form_name, field_name, new_id ) {
      cur_id = eval('document.' + form_name + '.' + field_name + '.value');
      img = eval('document.' + form_name + '.' + field_name + '_img_' + new_id);
      if( img )  img.src = '../imgadmin/hand.gif';
      eval('document.' + form_name + '.' + field_name).value = new_id;
}

function ListOperation( list, id, op ) {
      id = "" + id;  // sonst funktioniert "id.length" nicht
      if( op == 1 ) { // delete
            bin = true;
            while( bin ) {
                  bin = false;
                  if( list == id ){
                        list = '';
                  } else if( list.substring(list.length-id.length-1,list.length) == ',' + id ) {
                        list = list.substring(0,list.length-id.length-1);
                        bin = true;
                  } else if( list.substring(0,id.length+1) == id + ',' ) {
                        list = list.substring(id.length+1,list.length);
                        bin = true;
                  } else {
                        p = list.indexOf(',' + id + ',');
                        if( p >= 0 ) {
                              list = list.substring(0,p+1) + list.substring(p+id.length+2,list.length);
                              bin = true;
                        }
                  }
            }
      } else { // add
            if( list != '' )  list = opened_objects + ',';
            list = list + id;
      }
      return list;
}

function onClickPlusMinusForm( form_name, field_name, id, op, em ) {
      opened_objects = eval('document.' + form_name + '.' + field_name + '_opened.value');
      eval('document.' + form_name + '.' + field_name + '_opened').value = ListOperation( opened_objects, id, op );
      if( em ){
            if( em == 0 ){
                  eval('document.' + form_name + '.' + field_name).value = '';}}
      frm = eval('document.' + form_name);
      frm.submit();
}

function onClickPlusMinusCookie( cookie_name, id, op, href ) {
      opened_objects = "";
      oo = GetCookie( cookie_name );
      if( oo ) {
            if( oo.indexOf("null") >= 0 )  oo = "";
            opened_objects = oo;
      }
      oo = ListOperation( opened_objects, id, op );
      SetCookie( cookie_name, oo );
      location.href = href;
}
function DisabledForm(form_name){
      if (document.forms[form_name]){
            var f = document.forms[form_name];
            var e = f.elements;
            for (i=0;i<e.length;i++){
                  if (e[i].type=='button'||e[i].type=='submit'){
                        fe = e[i];
                        fe.disabled=true;
                        fe.enabled=false;
                        if(document.all){
                              if (fe.style)fe.style.setAttribute('color','silver',false);
                        } else {
                              fe.style.color = 'silver';
                        }
                  }
            }
      }
}
function onButtonClick( form_name, cmd, fld ) {
      DisabledForm(form_name);
      if( ! fld )  fld = 'cmd';
      fld = eval('document.' + form_name + '.' + fld);
      fld.value = cmd;
      frm = eval('document.' + form_name);
      frm.submit();
      if (parent.frmStatus){
            parent.frmStatus.location.href=intranetpath + 'admin/status.cfm?wait=1';
      }
}

/* Checkin für Workflow-Modus "PUSH" */
function OpenWorkflowAssign(form_name,obj_type,obj_id,cmd) {
      //DisabledForm(form_name);
      a_href = '../admin/workflow_assign.cfm?obj_type=' + obj_type + '&obj_id=' + obj_id + '&caller_form_name=' + form_name + '&cmd=' + cmd;
      window.open(a_href,'assign_workflow','width=650,height=550,top=50,left=50,resizable=yes,scrollbars=yes,toolbar=no,menubar=no');
}

function onHistoryRestore( form_name, vid ) {
      eval('document.' + form_name + '.restore_version_id').value = vid;
      onButtonClick( form_name, 'restore' );
}

function onOpenHref( href, trg ) {
        var wndhr = window.open( intranetpath + 'admin/empty.html',trg,'dependent=yes,hotkeys=no,locationbar=no,menubar=no,resizable=yes,scrollbars=yes');
      alert('!');
            wndhr.location.href = href;
         if ( wndhr.opener == null ){
            wndhr.opener = window;}
      wndhr.focus();

}

function onOpenHrefwh( href, trg, t, l, w, h ) {
        var wndhr = window.open( intranetpath + 'admin/empty.html',trg,'top='+t+',left='+l+',width='+w+',height='+h+',dependent=yes,hotkeys=no,locationbar=no,menubar=no,resizable=yes,scrollbars=yes');
      wndhr.location.href = href;
         if ( wndhr.opener == null ){
            wndhr.opener = window;}
      wndhr.focus();
}

function onOpenHrefwhEx( href, trg, t, l, w, h ) {
        var wndhr = window.open( intranetpath + 'admin/empty.html',trg,'top='+t+',left='+l+',width='+w+',height='+h+',dependent=yes,hotkeys=no,locationbar=no,menubar=no,resizable=no,scrollbars=no');
      wndhr.location.href = href;
         if ( wndhr.opener == null ){
            wndhr.opener = window;}
      wndhr.focus();
}

function onHistoryPreview( uuid, vid, fid ) {
      if( ! fid )  fid = '';
      var href = intranetpath + 'index.cfm?uuid=' + uuid + '&preview_version_id=' + vid + '&field_id=' + fid + '&mode=preview&use_cache=0';
        var wndprv = window.open( intranetpath + 'admin/empty.html','preview','dependent=yes,hotkeys=no,locationbar=no,menubar=no,resizable=yes,scrollbars=yes');
      wndprv.location.href = href;
         if ( wndprv.opener == null ){
            wndprv.opener = window;}
      wndprv.focus();
}

function onObjectDelete( form_name, msg ) {
      if( confirm( msg ) ) {
            frm = eval( 'document.' + form_name );
            frm.cmd.value = "delete";
            frm.submit();
      }
}
var recurs_resize = 0;
function onResize( div_name, focus_name ) {
//return; // FEHLER !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
      if( recurs_resize != 0 ) return;
      recurs_resize = 1;
      if( document.all ) {
            area = document.all[div_name];
            if( area ) {
                  if( area.style ) {
                        body = document.body;
                        h = body.clientHeight - area.offsetTop - area.style.border;
                        h = h - 16;
                        if( h > 0 )
                              area.style.height = h;
                        w = body.clientWidth - area.offsetLeft - area.style.border;
                        ww = area.style.getAttribute('width','false');
                  }
            }
            if( focus_name ){
                  if( focus_name != '' ) {
                        fn = document.all[focus_name];
                        if( fn )  fn.focus();
                  }
            }
      }else{
            alert('!');
      }
      recurs_resize = 0;
}
function getCookieVal (offset) {
      var endstr = document.cookie.indexOf (";", offset);
      if (endstr == -1){
            endstr = document.cookie.length;}
      return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie( name ) {
      var arg = name + "=";
      var alen = arg.length;
      var clen = document.cookie.length;
      var i = 0;
      while( i < clen ) {
            var j = i + alen;
            if( document.cookie.substring(i, j) == arg )
                  return getCookieVal( j );
            i = document.cookie.indexOf(" ", i) + 1;
            if( i == 0 )  break;
      }
      return null;
}

function SetCookie( name, value ) {
      var argv = SetCookie.arguments;
      var argc = SetCookie.arguments.length;
      var expires = (argc > 2) ? argv[2] : null;
      var path = (argc > 3) ? argv[3] : null;
      var domain = (argc > 4) ? argv[4] : null;
      var secure = (argc > 4) ? argv[5] : false;
      document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain));
}

function DeleteCookie(name){
      exp=new Date();
      exp.setTime (exp.getTime() - 1);
      var cval = GetCookie ("name");
      document.cookie = name + "=" + cval +"; expires=" + exp.toGMTString();
}

function onDummy() {
}

function onFrontendEdit( uuid ) {
      alert( 'Noch nicht ...' );
}

function onMoveDown( form_name, listname ) {
      ctl = eval( 'document.' + form_name + '.' + listname );
      if( ! ctl )  return;
      n = ctl.length;
      if( ctl.options[n-1].selected ){
            return;}
      for( i=n-2; i>=0; i-- ) {
            if( ctl.options[i].selected ) {
                  tmp1 = new Option( ctl.options[i+1].text );
                  tmp1.value = ctl.options[i+1].value;
                  tmp = new Option( ctl.options[i].text );
                  tmp.value = ctl.options[i].value;
                  ctl.options[i] = tmp1;
                  ctl.options[i+1] = tmp;
                  ctl.options[i+1].selected = true;
            }
      }
}

function onMoveUp( form_name, listname ) {
      ctl = eval( 'document.' + form_name + '.' + listname );
      if( ! ctl )  return;
      if( ctl.options[0].selected ) return;
      for( i=1; i<ctl.length; i++ ) {
            if( ctl.options[i].selected ) {
                  tmp1 = new Option( ctl.options[i-1].text );
                  tmp1.value = ctl.options[i-1].value;
                  tmp = new Option( ctl.options[i].text );
                  tmp.value = ctl.options[i].value;
                  ctl.options[i-1] = tmp;
                  ctl.options[i-1].selected = true;
                  ctl.options[i] = tmp1;
            }
      }
}

function onSaveSort( form_name, cmd, sctl, slist ) {
      ctl = eval( 'document.' + form_name + '.' + sctl );
      list = eval( 'document.' + form_name + '.' + slist );
      if( (!ctl)  ||  (!list) )  return;
      slist = '';
      for( i=0; i<ctl.length; i++ ) {
            if( slist != '' )  slist = slist + ',';
            slist = slist + ctl.options[i].value;
      }
      list.value = slist;
      onButtonClick( form_name, cmd );
}

function TrimStr( str ) {
      var pos, pos1, pos2;
      for( pos = 0; pos < str.length; pos++ ) {
            pos1 = pos;
            if( str.substr( 0, 1 ) != " " ) break;
      }
      for( pos = str.length - 1; pos >= pos1; pos-- ) {
            pos2 = pos;
            if( str.substr( pos, 1 ) != " " ) break;
      }
      if( str == "" ){
            return str;}
      else{
            return str.substring( pos1, pos2 + 1 );}
}

function onCheckDateFormat( form_name, field_name, format, field_title ) {
      form_field = eval('document.' + form_name + '.' + field_name );
      if( ! form_field ){
            return true;}
      if( form_field.value=='' ){
            return true;}
      fld = TrimStr( form_field.value );
      // Neue Datumsbehandlung 01.09.2004, TH
      var f = parent.frames['frmStatus'];
      try {
            if( !f ) // 06.12.2004 AL
                  {
                        //alert('nicht definieret')
                        if (top.frmBackend.frames['frmStatus']){
                              f = top.frmBackend.frames['frmStatus'];
                        }
                        if (!f){
                              f = opener.parent.frames['frmStatus'];      
                        }
                  }
            if (f){
                  var u = intranetpath + 'admin/status.cfm?cmd=checkdate';
                  u = u + '&date='+escape(fld);
                  u = u + '&fName='+escape(form_name);
                  u = u + '&fField='+escape(field_name);
                  u = u + '&fFrame='+escape('frmContent');
                  if (field_title){u = u + '&fTitle='+escape(field_title)};
                  f.location.href=u;
            } else {
            alert ('Error in '+f+'.');
            }
    } catch (e)
    {
      return true;
    }

      /*
      pos = 1;
      dlm = " :./-";
      dmy = 0;
      imonth = 0;
      alert(fld);
      while( fmt != ""  &&  fld != "" ) {
            if( fmt.substring(0,4) == "yyyy" ) {
                  jahr = fld.substring( 0, 4 );
                  if( isNaN( jahr ) )  break;
                  if( jahr > 2099  ||  jahr < 1900 ) break;
                  len = 4;
                  dmy++;
            } else if( fmt.substring(0,2) == "yy" ) {
                  jahr = fld.substring( 0, 2 );
                  if( isNaN( jahr ) )  break;
                  if( jahr < 0 ) break;
                  if( jahr > 70 ){
                        jahr += 1900;}
                  else{
                        jahr += 2000;}
                  len = 2;
                  dmy++;
            } else if( fmt.substring(0,2) == "mm" && imonth == 0) {
                  monat = fld.substring( 0, 2 );
                  if( monat < 0  ||  monat > 12 ) break;
                  if( isNaN( monat ) )  break;
                  len = 2;
                  imonth = 1;
                  dmy++;
            } else if( fmt.substring(0,3) == "mmm" && imonth == 0) {
                  monat = fld.substring( 0, 3 );
                  len = 3;
                  imonth = 1;
                  dmy++;
            } else if( fmt.substring(0,2) == "dd" ) {
                  day = fld.substring( 0, 2 );
                  if( isNaN( day ) )  break;
                  if( day < 0  ||  day > 31 ) break;
                  len = 2;
                  dmy++;
            } else if( fmt.substring(0,2) == "hh" ) {
                  hour = fld.substring( 0, 2 );
                  if( isNaN( hour ) )  break;
                  if( hour < 0  ||  hour > 24 ) break;
                  len = 2;
            } else if( fmt.substring(0,2) == "mi" || (fmt.substring(0,2) == "mm" && imonth == 1) ) {
                  minute = fld.substring( 0, 2 );
                  if( isNaN( minute ) )  break;
                  if( minute < 0  ||  minute > 59 ) break;
                  len = 2;
            } else if( fmt.substring(0,2) == "ss" ) {
                  second = fld.substring( 0, 2 );
                  if( isNaN( second ) )  break;
                  if( second < 0  ||  second > 59 ) break;
                  len = 2;
            } else if( dlm.indexOf( fmt.substring(0,1) ) >= 0 ) {
                  if( dlm.indexOf( fld.substring(0,1) ) < 0 )  break;
                  len = 1;
            } else if( fmt.substring(0,1) == fld.substring(0,1) )
                  len = 1;
            else
                  break;
            fmt = fmt.substring( len, fmt.length );
            fld = fld.substring( len, fld.length );
            pos = pos + len;
      }
      if( fld == ""  &&  fmt == "" ){
            pos = -1;}
      if( fld == ""  &&  fmt != ""  &&  jahr != 0  &&  monat != 0  &&  day != 0 ){
            pos = -1;}
      if( fld == ""  &&  ( fmt == ":ss"  ||  fmt == ":mi:ss" ) ){
            pos = -1;}
      if (pos > -1) {
            alert('Das Datumsformat ' + form_field.value + ' ist nicht in Ordnung.\nBitte geben Sie ein gültiges Datum ein.\nFormat: ' + format + '.');
            form_field.focus();
            form_field.value='';
            onCalendar( form_name, field_name, format, '' );
      }
      return pos;
      */
      return true;
}

function onCalendar( form_name, field_name, format, olddate ) {
      form_field = eval('document.' + form_name + '.' + field_name );
      if( ! form_field )
            return true;
      if( form_field.value == '' ){
            dval = olddate;}
      else{
            dval = form_field.value;}

      var href = intranetpath + 'admin/showcal.cfm?formname=' + escape(form_name) + '&datfield=' + escape(field_name) + '&AktDate=' + escape(dval) + '&fmt=' + escape(format);
        var wndcal = window.open( intranetpath + 'admin/empty.html','Calendar','width=370,height=370,dependent=yes,hotkeys=no,locationbar=no,menubar=no,resizable=no,screenX=25,screenY=25,status=no,scrollbars=no,top=32,left=32,topx=32,topy=32');
      wndcal.location.href = href;
         if ( wndcal.opener == null ){
            wndcal.opener = window;}
      return false;
      }

function onTopWindowHREF( href ) {
      window.top.location.href = href;
}

function onDocumentDownload( uuid, vid ) {
      var href = intranetpath + 'doc/doc_download.cfm?'
      if( (! vid)  ||  vid == 0 ){
            href = href + uuid;}
      else{
            href = href + 'uuid=' + uuid + '&version_id=' + vid;}
        var wnddl = window.open( intranetpath + 'admin/empty.html','Download' + uuid,'width=370,height=370,dependent=yes,hotkeys=yes,locationbar=yes,menubar=yes,resizable=yes,screenX=25,screenY=25,status=yes,scrollbars=yes');
      wnddl.location.href = href;
      wnddl.focus();
}

function onSelectDocument(uuid, title, type) {
      if( parent ){
            if( parent.parent ){
                  if( parent.parent.opener ){
                        if( parent.parent.opener.CallbackSelectDocument ) {
                              parent.parent.opener.CallbackSelectDocument(uuid, title, type);
                              parent.parent.close();
                        }}}}
      //alert(parent.parent.opener);
}

function onAttachFile( doc_mode ) {
      var href = intranetpath + 'doc/index.cfm?doc_mode=' + doc_mode;
        var wnddoc = window.open( intranetpath + 'admin/empty.html','iracer_doc_' + doc_mode,'width=700,height=370,dependent=yes,hotkeys=yes,locationbar=yes,menubar=yes,resizable=yes,screenX=25,screenY=25,status=yes,scrollbars=yes');
      wnddoc.location.href = href;
      wnddoc.opener = window;
      wnddoc.focus();
}

function onInsertLink( page ) {
      if( ! page )  page = 'insert_link.cfm';
      var href = intranetpath + 'admin/' + page;
      var scriptname = location.pathname;
      scriptname = scriptname.replace(/./gi,"");
      scriptname = scriptname.replace(/\//gi,"");
        var wndart = window.open( intranetpath + 'admin/empty.html',scriptname,'width=780,height=425,dependent=yes,hotkeys=yes,locationbar=yes,menubar=yes,resizable=yes,screenX=25,screenY=25,status=yes,scrollbars=yes');
      wndart.location.href = href;
      wndart.opener = window;
      wndart.focus();
}

function onSelectTreeInList( form, fld, type ) {
      var href = intranetpath + 'treeinlist.cfm?form_name=' + form + '&field_name=' + fld + '&type=' + type;
        var wndsel = window.open( 'empty.html','iracer_sel_tree_in_list' + type,'width=700,height=370,dependent=yes,hotkeys=yes,locationbar=yes,menubar=yes,resizable=yes,screenX=25,screenY=25,status=yes,scrollbars=yes');
      wndsel.location.href = href;
      wndsel.opener = window;
      wndsel.focus();
}

function onStoredSearchSave( form, fld ) {
      alert( 'Noch nicht' );
}

function onStoredSearchDelete( form, fld ) {
      alert( 'Noch nicht' );
}

function onObjTypeForm(page) {
      if( ! page )  page = 'insert_objtypeform.cfm';
      var href = intranetpath + 'admin/' + page;
        var wndart = window.open( intranetpath + 'admin/empty.html','','width=780,height=425,dependent=yes,hotkeys=yes,locationbar=yes,menubar=yes,resizable=yes,screenX=25,screenY=25,status=yes,scrollbars=yes');
      wndart.location.href = href;
      wndart.opener = window;
      wndart.focus();
}
0
 
LVL 10

Expert Comment

by:ClickCentric
Comment Utility
Are you allowed to add style sheets?  Try putting all of the css into a stylesheet instead of in the tags.  You should be able to include this.  I don't think it will validate because the stylesheet would be defined outside of the head, but it should work nonetheless.  
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
The css is a stylesheet.  The tags are simply referencing it and applying.  
0
 
LVL 2

Author Comment

by:lkingpinl
Comment Utility
The problem seems to lie in the conversion of "style" to "x_style".  Something is placing this there to ignore to "style" I have placed in there.....but what?
0
 
LVL 10

Accepted Solution

by:
ClickCentric earned 250 total points
Comment Utility
But I mean adding an additional stylesheet specifically with your css for the images.  A stylesheet and css styles are serpate things.  A stylesheet is a container for css styles.  Since putting the styles directly in the tags isn't working, putting them in a stylesheet might.  I don't see another option of making this work as something is converting your inline style references to x_style and unless you can have them change that on the server, you have no other course of action, really.
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now