A CSS question I think

If you would take a look at this page http://www.gcfa.org/add_data.asp you will see that between the header and the navigation bar a white line is there. I don't won't it there, how can I get rid of it?
It must be in my CSS I guess, I checked the images and neither one of them the Header nor the Navigation menu have a white border. Here's my code. Thanks in advance for your help.
My page:
<%@LANGUAGE="VBSCRIPT"%>
<!--#include file="Connections/BishopsLogin.asp" -->
<%
Dim MM_editAction
MM_editAction = CStr(Request.ServerVariables("SCRIPT_NAME"))
If (Request.QueryString <> "") Then
  MM_editAction = MM_editAction & "?" & Server.HTMLEncode(Request.QueryString)
End If
' boolean to abort record edit
Dim MM_abortEdit
MM_abortEdit = false
%>
<%
If (CStr(Request("MM_insert")) = "form1") Then
  If (Not MM_abortEdit) Then
    ' execute the insert
    Dim MM_editCmd
    Set MM_editCmd = Server.CreateObject ("ADODB.Command")
    MM_editCmd.ActiveConnection = MM_BishopsLogin_STRING
    MM_editCmd.CommandText = "INSERT INTO dbo.DeptData (Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy) VALUES (?, ?, ?, ?, ?, ?)"
    MM_editCmd.Prepared = true
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param1", 201, 1, 30, Request.Form("Department")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param2", 201, 1, 1000, Request.Form("SubpageTitle")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param3", 201, 1, 1000, Request.Form("LinkDescription")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param4", 201, 1, 500, Request.Form("URL")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param5", 201, 1, 10, Request.Form("DateLastModified")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param6", 201, 1, 50, Request.Form("ModifiedBy")) ' adLongVarChar
    MM_editCmd.Execute
    MM_editCmd.ActiveConnection.Close
    ' append the query string to the redirect URL
    Dim MM_editRedirectUrl
    MM_editRedirectUrl = "adding_data_results.asp"
    If (Request.Form<> "") Then
      If (InStr(1, MM_editRedirectUrl, "?", vbTextCompare) = 0) Then
        MM_editRedirectUrl = MM_editRedirectUrl & "?" & Request.Form
      Else
        MM_editRedirectUrl = MM_editRedirectUrl & "&" & Request.Form
      End If
    End If
    Response.Redirect(MM_editRedirectUrl)
  End If
End If
%>
<%
Dim rs_Add_Data__MMColParam
rs_Add_Data__MMColParam = "1"
If (Request.QueryString("RecordID") <> "") Then
  rs_Add_Data__MMColParam = Request.QueryString("RecordID")
End If
%>
<%
Dim rs_Add_Data
Dim rs_Add_Data_cmd
Dim rs_Add_Data_numRows
Set rs_Add_Data_cmd = Server.CreateObject ("ADODB.Command")
rs_Add_Data_cmd.ActiveConnection = MM_BishopsLogin_STRING
rs_Add_Data_cmd.CommandText = "SELECT ID, Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy FROM dbo.DeptData WHERE ID = ? ORDER BY ID DESC"
rs_Add_Data_cmd.Prepared = true
rs_Add_Data_cmd.Parameters.Append rs_Add_Data_cmd.CreateParameter("param1", 5, 1, -1, rs_Add_Data__MMColParam) ' adDouble
Set rs_Add_Data = rs_Add_Data_cmd.Execute
rs_Add_Data_numRows = 0
%>
<%
Dim MM_paramName
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth
Dim MM_removeList
Dim MM_item
Dim MM_nextItem
' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
  MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If
MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""
' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
  MM_nextItem = "&" & MM_item & "="
  If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
  End If
Next
' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
  MM_nextItem = "&" & MM_item & "="
  If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
  End If
Next
' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then
  MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "")  Then
  MM_keepURL  = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
  MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If
' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
  If (firstItem <> "") Then
    MM_joinChar = "&"
  Else
    MM_joinChar = ""
  End If
End Function
%>
<!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>GCFA: Update Data Files</title>
<link href="samples/OneColumn.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
@import url("images/nav_bar.css");
</style>
<script language="JavaScript1.2" type="text/javascript" src="images/mm_css_menu.js"></script>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
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_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
</head>
<body class="oneColLiqCtrHdr" onload="MM_preloadImages('images/Slices/nav_bar_r2_c2_f2.gif','images/Slices/nav_bar_r2_c 3_f2.gif','images/Slices/nav_bar_r2_c5_f2.gif')">
<div id="container">
    <div id="header">   
       <div id="#DataFiles_LOGO"></div>
  </div>
  <div id="mainContent">
    <div id="FWTableContainer1445733177">
      <table border="0" cellpadding="0" cellspacing="0" width="799">
        <!-- fwtable fwsrc="nav_bar_revised.png" fwpage="Page 1" fwbase="nav_bar.gif" fwstyle="Dreamweaver" fwdocid = "1445733177" fwnested="0" -->
        <tr>
          <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="5" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="130" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
        </tr>
        <tr>
          <td colspan="6"><img name="nav_bar_r1_c1" src="images/Slices/nav_bar_r1_c1.gif" width="799" height="5" border="0" id="nav_bar_r1_c1" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="5" border="0" alt="" /></td>
        </tr>
        <tr>
          <td rowspan="2"><img name="nav_bar_r2_c1" src="images/Slices/nav_bar_r2_c1.gif" width="1" height="25" border="0" id="nav_bar_r2_c1" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1015135953_0', 'MMMenu1015135953_0',6,24,'nav_bar_r2_c2');MM_swapImage('nav_bar_r2_c2','','images/Slices /nav_bar_r2_c2_f2.gif',1);"><img name="nav_bar_r2_c2" src="images/Slices/nav_bar_r2_c2.gif" width="221" height="24" border="0" id="nav_bar_r2_c2" alt="" /></a></td>
          <td><a href="http://www.gcfa.org/Department_Data.aspx" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c3','','images/Slices/nav_bar_r2_c3_f2.gif',1);"><i mg name="nav_bar_r2_c3" src="images/Slices/nav_bar_r2_c3.gif" width="221" height="24" border="0" id="nav_bar_r2_c3" alt="Department Data Files" /></a></td>
          <td rowspan="2"><img name="nav_bar_r2_c4" src="images/Slices/nav_bar_r2_c4.gif" width="5" height="25" border="0" id="nav_bar_r2_c4" alt="" /></td>
          <td><a href="http://www.gcfa.org/help_topics.html" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c5','','images/Slices/nav_bar_r2_c5_f2.gif',1);"><i mg name="nav_bar_r2_c5" src="images/Slices/nav_bar_r2_c5.gif" width="221" height="24" border="0" id="nav_bar_r2_c5" alt="Help Topics" /></a></td>
          <td rowspan="2"><img name="nav_bar_r2_c6" src="images/Slices/nav_bar_r2_c6.gif" width="130" height="25" border="0" id="nav_bar_r2_c6" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="24" border="0" alt="" /></td>
        </tr>
        <tr>
          <td colspan="2"><img name="nav_bar_r3_c2" src="images/Slices/nav_bar_r3_c2.gif" width="442" height="1" border="0" id="nav_bar_r3_c2" alt="" /></td>
          <td><img name="nav_bar_r3_c5" src="images/Slices/nav_bar_r3_c5.gif" width="221" height="1" border="0" id="nav_bar_r3_c5" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
        </tr>
      </table>
      <div id="MMMenuContainer1015135953_0">
        <div id="MMMenu1015135953_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.gcfa.org/add_data.asp" target="_top" id="MMMenu1015135953_0_Item_0" class="MMMIFVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Add Data </a> <a href="http://www.gcfa.org/update_data.asp" target="_top" id="MMMenu1015135953_0_Item_1" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Update Data </a> <a href="http://www.gcfa.org/delete_data.asp" target="_top" id="MMMenu1015135953_0_Item_2" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Delete Data </a> </div>
      </div>
    </div>
    <br />
        <br />
        <br />
        <br />
        <br />
      <strong>Enter the information you are wanting  to add to our database:</strong><br />
  </div>
    <form ACTION="<%=MM_editAction%>" METHOD="POST" name="form1" target="_top" id="form1">
      <table width="689" align="left">
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Department:</td>
      <td><label>
        <input name="Department" type="text" id="Department" size="75" maxlength="500" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Subpage Title:</td>
      <td><label>
        <input name="SubpageTitle" type="text" id="SubpageTitle" size="75" maxlength="1000" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Link Description:</td>
      <td><label>
        <input name="LinkDescription" type="text" id="LinkDescription" size="75" maxlength="1000" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">URL:</td>
      <td><input name="URL" type="text" id="URL" size="75" maxlength="500" /></td>
    </tr>
    <tr valign="baseline">
      <td height="24" align="left" valign="top" nowrap="nowrap">Date Modified:</td>
      <td><input name="DateLastModified" type="text" id="DateLastModified" size="75" maxlength="10" /></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Modified By:</td>
      <td><label>
        <input name="ModifiedBy" type="text" id="ModifiedBy" size="75" maxlength="50" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td height="20" align="left" valign="top" nowrap="nowrap"> </td>
      <td> </td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap"><p> </p></td>
      <td align="left" valign="top" nowrap="nowrap"><label>
        <input type="submit" name="Add_Info" id="Add_Info" value="Add data to database now!" />
      </label></td>
    </tr>
  </table>
  <p> </p>
  <p><br />
      <br />
      <br />
      <br />
      </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p><br />
      </p>
  <input type="hidden" name="MM_insert" value="form1" />
</form> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <p>  </p>
</div>
  <div id="footer">
    <p align="center">This site is maintained by the General Council on Finance and Administration <script language="JavaScript">
var today_date= new Date()
var year=today_date.getFullYear()
document.write(year)
//--> </script>
&copy;</p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
<%
rs_Add_Data.Close()
Set rs_Add_Data = Nothing
%>
My CSS Pages:
@charset "utf-8";
body {
/*background:#ffffff;*/
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*color: #000000;*/
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-repeat: no-repeat;
background-position: right top;
background-image: url(../images/body_bg.jpg);
.oneColLiqCtrHdr #container {
width: 99%; /* the auto margins (in conjunction with a width) center the page */
/* border: 1px solid #000000;*/
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: ;
background-repeat: no-repeat;
background-position: right top;
.oneColLiqCtrHdr #header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
color: #FFFFFF;
font-size: 18px;
background-repeat: no-repeat;
height: 124px;
width: 100%;
background-image: url(../images/dept_data_files_logo.jpg);
padding: 0px;
/*background-color: #67120D;*/
.oneColLiqCtrHdr #mainContent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #3C0D0D;
font-weight: 700;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
margin: 0px;
width: 760px;
.oneColLiqCtrHdr #footer {
padding: 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
color: #FFFFFF;
background-color: #000000;
/*width:780px;*/
.oneColLiqCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
h1 {
color:#FFFFFF;
font-size: 36px;
h2,h3 {
10px;
8px;
color: #000000;
#DataFiles_LOGO{
height:127px;
width: 740px;
background-repeat: no-repeat;
background-image: url(../images/dept_data_files_logo.jpg);
background-position: left top;
padding: 0px;
margin: 0px;
top: 0px;
float: left;
And my Navigation CSS:
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
display: block;
#FWTableContainer1445733177 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
position:relative;
margin:0px;
width:799px;
height:30px;
text-align:left;
#MMMenuContainer1015135953_0 {
/* This ID is related to the master menu div for menu MMMenuContainer1015135953_0 and contains the important positioning information for the menu as a whole */
position:absolute;
left:7px;
top:29px;
visibility:hidden;
z-index:300;
#MMMenu1015135953_0 {
/* This class defines things about menu MMMenu1015135953_0's div. */
position:absolute;
left:0px;
top:0px;
visibility:hidden;
background-color:#ffffff;
border:1px solid #000000;
width:208px;
height:76px;
.MMMIFVStyleMMMenu1015135953_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
border-top:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
width:208px;
height:26px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
height:18px;
.MMMIVStyleMMMenu1015135953_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
border-top:0px;
border-left:1px solid #000000;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
width:208px;
height:25px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
height:18px;
#MMMenu1015135953_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu1015135953_0 so we can set its position */
left:0px;
top:0px;
#MMMenu1015135953_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu1015135953_0 so we can set its position */
left:0px;
top:26px;
#MMMenu1015135953_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu1015135953_0 so we can set its position */
left:0px;
top:51px;
#MMMenuContainer1015135953_0 img {
/* needed for Mozilla/Camino/Netscape */
border:0px;
#MMMenuContainer1015135953_0 a {
/* Controls the general apperance for menu MMMenuContainer1015135953_0's items, including color and font */
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffcc33;
text-align:center;
vertical-align:middle;
padding:3px;
background-color:#000000;
font-weight:bold;
font-style:normal;
display:block;
position:absolute;
#MMMenuContainer1015135953_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer1015135953_0 */
color:#ffcc33;
background-color:#990000;

Glad you sorted this out.
You might want to mark this as Answered so folks trying to help answer questions won't have to click on this link now.  Thanks!
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Similar Messages

  • CheckboxDatagrid (extended) CSS question

    Hello
    In our application we make use of the CheckBoxDataGrid, which rocks.
    We are playing with the CSS and noticed that we arent able to change the "chromeColor" property, in CSS. Only in the MXML.
    I would like to set the style in the CheckBoxDataGrid super class, but I do not see a way to specify "headerStyleName".
    How and where would that occur in an extended class? Would it need to happen in the constructor?
    Also, how would you re-assign the CSS, in ActionScript, in this extended DataGrid class? Any ideas?
    Any help is appreciated, thanks folks!

    kumar wrote:
    Browser: IE 7 (** Is it the browser issue**)Yes. Interactive Report CSS question.. expands the page width to accommodate the IR, with a scrollbar on the viewport that allow the user to view the full width.
    Remove
    #apexir_DATA_PANEL {
    margin-bottom: 10px;
    overflow: auto;
    }The IE7 bug can be addressed by feeding it the following CSS fix targeted at pre-IE8 browsers with a conditional comment in the page HTML Header:
    <!--[if lt IE 8]>
    <style type="text/css">
    #too-wide .rc-body {
      float: none;
    </style>
    <![endif]-->Specify the <tt>too-wide</tt> static region ID on the IR region for use as a CSS selector.
    However, presenting information in a way that requires users to scroll the viewport horizontally is clunky. This will be particularly true in combination with an IR. Think about the user experience: is there an alternative way of displaying this information?

  • 2 CSS Questions on my layout

    Hi everyone, I have two CSS questions regarding my layout.
    First off, it is located at:
    http://robles.clunet.edu/~ssmi/tsr9/tsr9template.html
    The CSS is embeded in the file (it will linked from a
    different file once I am done with this design, but beside the
    point)
    My first question is about how I can keep the right top image
    from being bumped down to the next line when the window is resized.
    I want it to squeeze into some, but then at a point have the scroll
    bars kick in.
    My other question is how I could make the title image "The
    Scott Report" centered between the two left and right images up
    top.
    Could anyone help out?
    Thanks a lot!

    Check the AppleCare number for your country here:
    http://support.apple.com/kb/HE57
    Call them up, and let them know you would like to be transferred to the Account Security Team.

  • Question: I think I made mistakes using several different id apple. How can I cancel all of them except the one I would like to maintain ?

    Question: I think I made mistakes using several different id apple. How can I cancel all of them except the one I would like to maintain ?

    From Here   http://support.apple.com/kb/HE37
    I have multiple Apple IDs. Is there a way for me to merge them into a single Apple ID?
    Apple IDs cannot be merged. You should use your preferred Apple ID from now on, but you can still access your purchased items such as music, movies, or software using your other Apple IDs.

  • Have a CSS question

    I have a picture i am trying to put inside a div that has a class already which makes pictures have a frame around them when i insert them into it, which is fine for the main image but i am trying to add an extra image in there and i dont want that frame to be there.
    I will attach a picture and a link to the site i am talking about.
    If anyone can help me with this CSS question or how i can go about getting rid of the frame around the step 1, step 2 and step 3.
    eWeb Solutions Website Development
    Thanks!

    Take the frame class out the div and apply it to select images like this:
    <div>
    <img class="frame" src="step1.jpg">
    <img src="picture1.jpg">
    </div>
    <div>
    <img class="frame" src="step2.jpg">
    <img src="picture2.jpg">
    </div>
    Nancy O.

  • Quick Easy Question- I think...

    If you have 15 expressions, concatenated by Boolean OR's, how many of the expressions must be true for the entire thing to be true? My friend and I are arguing whether the answer is...
    a. at least 1
    b. all of them
    c. cannot be determined
    Thank you so much for your input. We are studying for an exam, trying to finish the practice questions. I appreciate any input and your time!! :-)

    Hi,
    Programming languages are created by humans, and therefore it is usually pretty easy to answer such questions. Think about the human language..
    Do you have a car or a house or a space ship?
    Any one who owns a car or a house would answer yes, even if they didn't own a space ship. That is, the whole expression evaluates to true if one of the statements is true.
    /Kaj

  • Include In Head adaptive Tag and Webcenter Default CSS questions

    Hello I'm fairly new to Webcenter
    I`m currently working on a project that`s requiring us to do a lot of customizing of Templates and Stylesheets changes, I have a couple of questions I was hoping someone might be able to help me with.
    1) I want to inject some code into the page header of all webcenter pages. I understand that there is an adaptive tag "includeinhead", documented here:
    http://download.oracle.com/docs/cd/E13174_01/alui/devdoc/docs60/Portlets/Adaptive_Portlets/Using_Adaptive_Tags/plumtreedevdoc_integration_portlets_adaptive_namespacetoken.htm
    This works, for the most part. However, for IE I would like to include the 'ie shim' which fixes behaviours for IE (adding things like border radius), etc...this code goes as follows:
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    As you can see, there are 'comment' tags that are not really comments, but directives to IE to process the script. This unfortunately gets parsed out by webcenter because (I assume) it just sees the whole block as a comment...So I am wondering what can be done about this.
    2) I am wondering where the 'default' stylesheet that webcenter uses resides. By default, I am referring to the styles that get applied in the cases where tags are not defined in the skin file. I am having some difficulties around this because often Webcenter injects inline CSS into the controls where I don't really want it to... For example, in the "panel header" control, webcenter injects code for the title field and automatically sets the width of the cell. I would like to override this and control it completely.
    Thanks.

    Is that really a big deal or is it ok .... ? I'm always thinking .... oh god how heavy that is , anytime you call up the page the browser has to go through all that first ... is it actually ok or are there any tricks or tips ?
    It's always a good idea to worry about how heavy the LINKED files are since they contribute to the overall weight of the page.  The contribution of the links themselves, though, is negligable.  There is also benefit in managing the order in which those links appear.  Put CSS links first and follow them with javascript links (since the CSS will affect the page rendering, while the javascript most likely will not), so the browser can begin to render the page even while it's waiting for the js files to be fetched.
    2 - Templates are great but If a spry is only needed on some pages,how do we handle that ? By setting up another template ? Or is there a better way ?
    If you are applying Spry effects to a Template child page, DW is smart enough to drop those links into the editable region in the head of the page (which is what it should do).  Just make sure that the editable region falls BETWEEN your CSS links and your JS links to allow you to arrange things as mentioned above.  There is never a real need to have more than one Template per site.
    3 - is it better to have 1 single compressed css file with ALL styles in it or various css files ?
    There is a small performance hit everytime you have to go back to the server for another file.  So two pages of the same overall weight, one with 1 externally linked file, and the other with 10 externally linked files will show a difference in their download time.  How significant that difference is will depend on many variables, but it will be a real difference.  That being the case, it's always better to opt for a single file than multiple files.  Practically speaking, the difference will usually be small, especially when you consider how small these 'incremental' css files usually are....

  • A simple Spry Accordion Question (I think)

    Hi all:
    I've searched but can't find, but I think this is a simple one.
    I've created a basic Spry accordion menu with DW/CS3 - Insert/Spry/Spry Accordion. How do I get the first "Content 1" to be hidden/not visible upon page load. Right now, the "Lable 2" must be clicked to hide the "Content 1" which of course shows the "Content 2"? Guessing it's in the JS, but I'm not sure. TIA for any help. HTML and JS Code below.
    <!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>Untitled Document</title>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
    </body>
    </html>
    JAVASCRIPT
    var Spry;
    if (!Spry) Spry = {};
    if (!Spry.Widget) Spry.Widget = {};
    Spry.Widget.Accordion = function(element, opts)
        this.element = this.getElement(element);
        this.defaultPanel = 0;
        this.hoverClass = "AccordionPanelTabHover";
        this.openClass = "AccordionPanelOpen";
        this.closedClass = "AccordionPanelClosed";
        this.focusedClass = "AccordionFocused";
        this.enableAnimation = true;
        this.enableKeyboardNavigation = true;
        this.currentPanel = null;
        this.animator = null;
        this.hasFocus = null;
        this.duration = 500;
        this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
        this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
        this.useFixedPanelHeights = true;
        this.fixedPanelHeight = 0;
        Spry.Widget.Accordion.setOptions(this, opts, true);
        // Unfortunately in some browsers like Safari, the Stylesheets our
        // page depends on may not have been loaded at the time we are called.
        // This means we have to defer attaching our behaviors until after the
        // onload event fires, since some of our behaviors rely on dimensions
        // specified in the CSS.
        if (Spry.Widget.Accordion.onloadDidFire)
            this.attachBehaviors();
        else
            Spry.Widget.Accordion.loadQueue.push(this);
    Spry.Widget.Accordion.onloadDidFire = false;
    Spry.Widget.Accordion.loadQueue = [];
    Spry.Widget.Accordion.addLoadListener = function(handler)
        if (typeof window.addEventListener != 'undefined')
            window.addEventListener('load', handler, false);
        else if (typeof document.addEventListener != 'undefined')
            document.addEventListener('load', handler, false);
        else if (typeof window.attachEvent != 'undefined')
            window.attachEvent('onload', handler);
    Spry.Widget.Accordion.processLoadQueue = function(handler)
        Spry.Widget.Accordion.onloadDidFire = true;
        var q = Spry.Widget.Accordion.loadQueue;
        var qlen = q.length;
        for (var i = 0; i < qlen; i++)
            q[i].attachBehaviors();
    Spry.Widget.Accordion.addLoadListener(Spry.Widget.Accordion.processLoadQueue);
    Spry.Widget.Accordion.prototype.getElement = function(ele)
        if (ele && typeof ele == "string")
            return document.getElementById(ele);
        return ele;
    Spry.Widget.Accordion.prototype.addClassName = function(ele, className)
        if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
            return;
        ele.className += (ele.className ? " " : "") + className;
    Spry.Widget.Accordion.prototype.removeClassName = function(ele, className)
        if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
            return;
        ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
    Spry.Widget.Accordion.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
        if (!optionsObj)
            return;
        for (var optionName in optionsObj)
            if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
                continue;
            obj[optionName] = optionsObj[optionName];
    Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel)
        if (panel)
            this.addClassName(this.getPanelTab(panel), this.hoverClass);
    Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(panel)
        if (panel)
            this.removeClassName(this.getPanelTab(panel), this.hoverClass);
    Spry.Widget.Accordion.prototype.openPanel = function(panel)
        var panelA = this.currentPanel;
        var panelB = panel;
        if (!panelB || panelA == panelB)   
            return;
        var contentA;
        if( panelA )
            contentA = this.getPanelContent(panelA);
        var contentB = this.getPanelContent(panelB);
        if (! contentB)
            return;
        if (this.useFixedPanelHeights && !this.fixedPanelHeight)
            this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight;
        if (this.enableAnimation)
            if (this.animator)
                this.animator.stop();
            this.animator = new Spry.Widget.Accordion.PanelAnimator(this, panelB, { duration: this.duration });
            this.animator.start();
        else
            if(contentA)
                contentA.style.height = "0px";
            contentB.style.height = (this.useFixedPanelHeights ? this.fixedPanelHeight : contentB.scrollHeight) + "px";
        if(panelA)
            this.removeClassName(panelA, this.openClass);
            this.addClassName(panelA, this.closedClass);
        this.removeClassName(panelB, this.closedClass);
        this.addClassName(panelB, this.openClass);
        this.currentPanel = panelB;
    Spry.Widget.Accordion.prototype.openNextPanel = function()
        var panels = this.getPanels();
        var curPanelIndex = this.getCurrentPanelIndex();
        if( panels && curPanelIndex >= 0 && (curPanelIndex+1) < panels.length )
            this.openPanel(panels[curPanelIndex+1]);
    Spry.Widget.Accordion.prototype.openPreviousPanel = function()
        var panels = this.getPanels();
        var curPanelIndex = this.getCurrentPanelIndex();
        if( panels && curPanelIndex > 0 && curPanelIndex < panels.length )
            this.openPanel(panels[curPanelIndex-1]);
    Spry.Widget.Accordion.prototype.openFirstPanel = function()
        var panels = this.getPanels();
        if( panels )
            this.openPanel(panels[0]);
    Spry.Widget.Accordion.prototype.openLastPanel = function()
        var panels = this.getPanels();
        if( panels )
            this.openPanel(panels[panels.length-1]);
    Spry.Widget.Accordion.prototype.onPanelClick = function(panel)
        // if (this.enableKeyboardNavigation)
        //     this.element.focus();
        if (panel != this.currentPanel)
            this.openPanel(panel);
        this.focus();
    Spry.Widget.Accordion.prototype.onFocus = function(e)
        // this.element.focus();
        this.hasFocus = true;
        this.addClassName(this.element, this.focusedClass);
    Spry.Widget.Accordion.prototype.onBlur = function(e)
        // this.element.blur();
        this.hasFocus = false;
        this.removeClassName(this.element, this.focusedClass);
    Spry.Widget.Accordion.KEY_UP = 38;
    Spry.Widget.Accordion.KEY_DOWN = 40;
    Spry.Widget.Accordion.prototype.onKeyDown = function(e)
        var key = e.keyCode;
        if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
            return true;
        var panels = this.getPanels();
        if (!panels || panels.length < 1)
            return false;
        var currentPanel = this.currentPanel ? this.currentPanel : panels[0];
        var nextPanel = (key == this.nextPanelKeyCode) ? currentPanel.nextSibling : currentPanel.previousSibling;
        while (nextPanel)
            if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */)
                break;
            nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling;
        if (nextPanel && currentPanel != nextPanel)
            this.openPanel(nextPanel);
        if (e.stopPropagation)
            e.stopPropagation();
        if (e.preventDefault)
            e.preventDefault();
        return false;
    Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel)
        if (!panel)
            return;
        var tab = this.getPanelTab(panel);
        if (tab)
            var self = this;
            Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelClick(panel); }, false);
            Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(panel); }, false);
            Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(panel); }, false);
    Spry.Widget.Accordion.addEventListener = function(element, eventType, handler, capture)
        try
            if (element.addEventListener)
                element.addEventListener(eventType, handler, capture);
            else if (element.attachEvent)
                element.attachEvent("on" + eventType, handler);
        catch (e) {}
    Spry.Widget.Accordion.prototype.initPanel = function(panel, isDefault)
        var content = this.getPanelContent(panel);
        if (isDefault)
            this.currentPanel = panel;
            this.removeClassName(panel, this.closedClass);
            this.addClassName(panel, this.openClass);
        else
            this.removeClassName(panel, this.openClass);
            this.addClassName(panel, this.closedClass);
            content.style.height = "0px";
        this.attachPanelHandlers(panel);
    Spry.Widget.Accordion.prototype.attachBehaviors = function()
        var panels = this.getPanels();
        for (var i = 0; i < panels.length; i++)
            this.initPanel(panels[i], i == this.defaultPanel);
        if (this.enableKeyboardNavigation)
            // XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
            // rely on adding the tabindex attribute if it is missing to enable keyboard navigation
            // by default.
            var tabIndexAttr = this.element.attributes.getNamedItem("tabindex");
            // if (!tabIndexAttr) this.element.tabindex = 0;
            if (tabIndexAttr)
                var self = this;
                Spry.Widget.Accordion.addEventListener(this.element, "focus", function(e) { return self.onFocus(e); }, false);
                Spry.Widget.Accordion.addEventListener(this.element, "blur", function(e) { return self.onBlur(e); }, false);
                Spry.Widget.Accordion.addEventListener(this.element, "keydown", function(e) { return self.onKeyDown(e); }, false);
    Spry.Widget.Accordion.prototype.getPanels = function()
        return this.getElementChildren(this.element);
    Spry.Widget.Accordion.prototype.getCurrentPanel = function()
        return this.currentPanel;
    Spry.Widget.Accordion.prototype.getCurrentPanelIndex = function()
        var panels = this.getPanels();
        for( var i = 0 ; i < panels.length; i++ )
            if( this.currentPanel == panels[i] )
                return i;
        return 0;
    Spry.Widget.Accordion.prototype.getPanelTab = function(panel)
        if (!panel)
            return null;
        return this.getElementChildren(panel)[0];
    Spry.Widget.Accordion.prototype.getPanelContent = function(panel)
        if (!panel)
            return null;
        return this.getElementChildren(panel)[1];
    Spry.Widget.Accordion.prototype.getElementChildren = function(element)
        var children = [];
        var child = element.firstChild;
        while (child)
            if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
                children.push(child);
            child = child.nextSibling;
        return children;
    Spry.Widget.Accordion.prototype.focus = function()
        if (this.element && this.element.focus)
            this.element.focus();
    Spry.Widget.Accordion.PanelAnimator = function(accordion, panel, opts)
        this.timer = null;
        this.interval = 0;
        this.stepCount = 0;
        this.fps = 0;
        this.steps = 10;
        this.duration = 500;
        this.onComplete = null;
        this.panel = panel;
        this.panelToOpen = accordion.getElement(panel);
        this.panelData = [];
        Spry.Widget.Accordion.setOptions(this, opts, true);
        // If caller specified speed in terms of frames per second,
        // convert them into steps.
        if (this.fps > 0)
            this.interval = Math.floor(1000 / this.fps);
            this.steps = parseInt((this.duration + (this.interval - 1)) / this.interval);
        else if (this.steps > 0)
            this.interval = this.duration / this.steps;
        // Set up the array of panels we want to animate.
        var panels = accordion.getPanels();
        for (var i = 0; i < panels.length; i++)
            var p = panels[i];
            var c = accordion.getPanelContent(p);
            if (c)
                var h = c.offsetHeight;
                if (h == undefined)
                    h = 0;
                if (p == panel || h > 0)
                    var obj = new Object;
                    obj.panel = p;
                    obj.content = c;
                    obj.fromHeight = h;
                    obj.toHeight = (p == panel) ? (accordion.useFixedPanelHeights ? accordion.fixedPanelHeight : c.scrollHeight) : 0;
                    obj.increment = (obj.toHeight - obj.fromHeight) / this.steps;
                    obj.overflow = c.style.overflow;
                    this.panelData.push(obj);
                    c.style.overflow = "hidden";
                    c.style.height = h + "px";
    Spry.Widget.Accordion.PanelAnimator.prototype.start = function()
        var self = this;
        this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
    Spry.Widget.Accordion.PanelAnimator.prototype.stop = function()
        if (this.timer)
            clearTimeout(this.timer);
            // If we're killing the timer, restore the overflow
            // properties on the panels we were animating!
            if (this.stepCount < this.steps)
                for (i = 0; i < this.panelData.length; i++)
                    obj = this.panelData[i];
                    obj.content.style.overflow = obj.overflow;
        this.timer = null;
    Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function()
        ++this.stepCount;
        this.animate();
        if (this.stepCount < this.steps)
            this.start();
        else if (this.onComplete)
            this.onComplete();
    Spry.Widget.Accordion.PanelAnimator.prototype.animate = function()
        var i, obj;
        if (this.stepCount >= this.steps)
            for (i = 0; i < this.panelData.length; i++)
                obj = this.panelData[i];
                if (obj.panel != this.panel)
                    obj.content.style.height = "0px";
                obj.content.style.overflow = obj.overflow;
                obj.content.style.height = obj.toHeight + "px";
        else
            for (i = 0; i < this.panelData.length; i++)
                obj = this.panelData[i];
                obj.fromHeight += obj.increment;
                obj.content.style.height = obj.fromHeight + "px";

    On the bottom of yourpage you have this:
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    Change it to this:
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1 });
    Ken Ford

  • CSS Question

    I created a class for my main headers to be centered, yet when I apply it the headline remains flush left.  I think it is being contolled by the rule for the div.  I'll psot the code so that maybe someone can tell me how to fix the problem and what is the best way to avoid the problem to begin with.
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body  {
        background: #666666;
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #000;
    .thrColFixHdr #container {
        width: 957px; /* the auto margins (in conjunction with a width) center the page */
        border: 1px solid #000000; /* this overrides the text-align: center on the body element. */
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        background-image: url(../images/main_bkg.gif);
        background-repeat: repeat-y;
    .thrColFixHdr #header {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0px;
        background-color: #1B75BB;
    .thrColFixHdr #header h1 {
        margin: 0;
        padding: 0px;
    .thrColFixHdr #sidebar1 {
        float: left; /* since this element is floated, a width must be given */
        width: 184px; /* padding keeps the content of the div away from the edges */
        color: #FFF;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 20px;
    .thrColFixHdr #sidebar2 {
        float: right; /* since this element is floated, a width must be given */
        width: 184px; /* padding keeps the content of the div away from the edges */
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 20px;
        color: #FFF;
        background-color: #000;
    .thrColFixHdr #mainContent {
        margin-top: 0;
        margin-right: 215px;
        margin-bottom: 0;
        margin-left: 215px;
        padding-top: 0;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px;
    .thrColFixHdr #footer {
        padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#DDDDDD;
    .thrColFixHdr #footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        color: #FFF;
        background-color: #1B75BB;
        text-align: center;
    .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 */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    -->
    </style>
    <!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]-->
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <link href="../gcw.css" rel="stylesheet" type="text/css" />
    <link href="../p7pmm/p7PMMh09.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="../p7pmm/p7PMMscripts.js"></script>
    <style type="text/css">
    <!--
    a:link {
        color: #1B75BB;
        font-weight: bold;
        text-decoration: none;
    a:visited {
        text-decoration: none;
    a:hover {
        text-decoration: underline;
    a:active {
        text-decoration: none;
    .headervariable {    font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        color: #FFF;
    .bold_copy {    font-weight: bold;
    .photofloatleft {    float: left;
        padding-right: 5px;
    .thrColFixHdr #container #mainContent h4 {
        text-align: center;
    -->
    </style>
    </head>
    <body class="thrColFixHdr">
    <div id="container">
      <div id="header">
        <table width="957" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="middle" bgcolor="#000000"><p> </p>
            <p><span class="headervariable">&quot;AN ENGLISH-STYLE CIDER<br />
    MADE IN OHIO<br />
    BY AN ENGLISHMAN!&quot; </span></p></td>
            <td align="left" valign="top" bgcolor="#000000"><img src="../images/GCW_header.jpg" width="527" height="228" alt="Griffin Cider Works" /></td>
            <td align="left" valign="top" bgcolor="#000000"><img src="../images/gcw_r1.gif" width="215" height="20" /></td>
          </tr>
          <tr bgcolor="#000000">
            <td height="22" colspan="3" align="center" valign="top" bgcolor="#1B75BB" class="nav_cell"><!-- TemplateBeginEditable name="Navigation1" -->
              <div id="p7PMM_1" class="p7PMMh09 p7PMMnoscript">
                <ul class="p7PMM">
                  <li><a href="#">Home</a></li>
                  <li><a href="#">About Us</a></li>
                  <li><a href="#">Products</a></li>
                  <li><a href="#">Find Us At...</a></li>
                  <li><a href="#">Contact Us</a></li>
                  <li><a href="#">Acknowledgements</a></li>
                  <li><a href="#">Photo Gallery</a></li>
                </ul>
                <!--[if lte IE 6]>
    <style>.p7PMMh09 ul ul li {float:left; clear: both; width: 100%;}.p7PMMh09 {text-align: left;}.p7PMMh09, .p7PMMh09 ul ul a {zoom: 1;}</style>
    <![endif]-->
                <!--[if IE 5]>
    <style>.p7PMMh09, .p7PMMh09 ul ul a {height: 1%; overflow: visible !important;} .p7PMMh09 {width: 100%;}</style>
    <![endif]-->
                <!--[if IE 7]>
    <style>.p7PMMh09, .p7PMMh09 a{zoom:1;}.p7PMMh09 ul ul li{float:left;clear:both;width:100%;}</style>
    <![endif]-->
                <script type="text/javascript">
    <!--
    P7_PMMop('p7PMM_1',1,2,-5,-5,0,1,0,1,0,3,1,1,0,0,0);
    //-->
              </script>
              </div>
            <!-- TemplateEndEditable --></td>
          </tr>
          <tr>
            <td align="left" valign="top" bgcolor="#000000"><img src="../images/gcw_r1.gif" width="215" height="20" /></td>
            <td align="left" valign="top" bgcolor="#000000"><img src="../images/gcw_r3_C2.gif" width="527" height="39" /></td>
            <td align="left" valign="top" bgcolor="#000000"><img src="../images/gcw_r1.gif" width="215" height="20" /></td>
          </tr>
        </table>
        <!-- end #header -->
      </div>
      <div id="sidebar1">
      <!-- TemplateBeginEditable name="Sidebar1" --><img src="../images/Crest.jpg" width="185" height="140" />
      <p>We founded Griffin Cider Works in 2010 in Westlake, Ohio. We wanted to create a high quality cider similar to the ones we were used to drinking in Great Britain. To achieve this, we source Ohio for the best quality apples and blend select varieties to deliver a most premium taste.<br />
          <br />
        <strong>Griffin Cider Works</strong> – <em>artisan ciders made in Ohio!</em></p>
        <p>Enjoy!</p>
        <!-- TemplateEndEditable -->
      <!-- end #sidebar1 --></div>
      <div id="sidebar2"><!-- TemplateBeginEditable name="Sidebar2" -->
       <h3>Coming Soon!</h3>
    <p>Our newest member of the Giffin Cider Works family–</p>
    <!-- TemplateEndEditable -->
      <!-- end #sidebar2 --></div>
      <div id="mainContent"><!-- TemplateBeginEditable name="MainContent" --><span class="Center_Header">Welcome to Griffin Cider Works!</span>
        <p class="BodyContent">As you no doubt have guessed, we are <em>Griffin Cider Works</em>, an Ohio born and based alcoholic cider company.  We use 100% Ohio-grown apples from orchards recommended by the <a href="../www.ohioapples.com">Fruit Growers Marketing Association of Ohio. </a></p>
        <p class="BodyContent">Apples are selected by variety and quality. Griffin Cider Works operates in close association with Burnham Orchards and Grobes Orchard.to achieve  truly remarkable ciders. <em>Read on for a list of news and events!</em></p>
        <h2 class="SubHead">News and Events:</h2>
        <p><span class="bold_copy"><img src="../images/Ciderman_Richard_Read.jpg" alt="Ciderman Richard Read" width="150" height="175" class="photofloatleft" /><span class="BodyContent">February 23, 2011 - The Plain Dealer</span></span><span class="BodyContent"> - Hard cider on tap and on dinner tables? Cleveland Ciderman Richard Read hopes it's an easy sell.  By Joe Crea. <br />
          <a href="http://www.cleveland.com/taste/index.ssf/2011/02/hard_cider_on_tap_cleveland_ci.html" target="_blank">Click here for article.</a></span></p>
        <p class="BodyContent"><span class="bold_copy">5th November 2010 -</span> <a href = "../www.hfsummitcounty.org">Habitat for Humanity, Summit County </a> - Griffin Cider Works will be supporting families who need a little help getting a roof over their heads and there are many of those these days! We do certainly encourage any donations to the above website. At the event, held at the Portage country club, we will be serving up &quot;Lolo Romy&quot; and the last five gallons of our current batch of the exquisite &quot;Griffin Original.&quot;</p>
        <p class="BodyContent"><span class="bold_copy">12, 13 and 14th November 2010 -</span> <a href = "../www.fabulousfoodshow.com"> The Fabulous Food Show! </a> - This will be a great event for all! It'll be at the Cleveland I-X center and feature many great foods and drink. Guest appearances include: Michael Symon, Anne Burrell, Alton Brown, Guy Fieri and Giada De Laurentiis. We will be there supported by the American Wine School and serving up our flagship &quot;Lolo Romy.&quot; The shop will also have a small amount available for purchase.</p>
        <p> </p>
        <h4>Griffin Cider Works • J.W.Dover Inc. <br />
          24945 Detroit Rd • Westlake, OH 44145 </h4>
      <!-- TemplateEndEditable -->
        <!-- end #mainContent --></div>
        <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
        <p class="footer_type">&copy;2011 Griffin Cider Works</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    Thanks in advance!
    Nina

    you could always try using header tags (ie h1-h6) for headers. it is a good practice to get into.
    h1 {
    text-align:center;
    also worth naming your styles something memorable.
    .p7PMMh09 ???? whats that meant to be?
    and you can also use shorthand for padding and margins
    ie change
       margin-top: 0;
        margin-right: 215px;
        margin-bottom: 0;
        margin-left: 215px;
        padding-top: 0;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px;
    to
    margin: 0 215px;
    padding:0 10px;
    <p><span class="headervariable">
    can simply be <p class="headervariable">
    border: 1px solid #000000; /* this overrides the text-align: center on the body element. */ ?????? how ?????????
    dont know if anyone uses ie5 anymore, so mightnt need those conditional statements. in fact I never use conditional statements, they are just fluff that can be avaoided if your page is coded correctly in the first place.
    <span class="bold_copy"> is also not needed just use
    <strong> bold text </strong>
    what is the best way to avoid the problem to begin with.
    dont overcomplicate your code. follow the document flow. use semantic markup. dont make css styles that duplicate simple markup.

  • Theme / CSS question

    Hello!
    I have a very basic theme / csss question:
    Working with Oracle XE and Apex I want to create my own theme. Therefore I tried to use
    http://wiki.shellprompt.net/bin/view/Apex/ThemeTips
    But thereit says:
    1. Copy the theme_4 images directory to theme_100
    But where do I find the theme_4 images directory???
    All I found was:
    Shared Components -> Themes
    But how can I open the css file (2nd step)??
    Excuse me for beeing this stupid...
    Thank you
    Johann

    Searching the XE Threads I found out, that
    http://myserver.com:8080/i/themes/theme_4/
    shows me the themes 4 directory using webdav.
    But how writing there?
    Bye
    Johann

  • Some CSS Questions and Firebug Behaviour.

    Here's my page: http://martcol.co.uk/brightontherapyservice/
    It's a developing site so, I'm still working on it and I know it might be a bit scruffy in places - sorry.
    I'll start with the Firbug thing first.
    If I check Outline > Outline Block Level Elements why do some of the outlines seem to start left and off the screen and why do some of the outlines not form completely?
    If you are able to outline these elements in FireFox this is what I mean:
    A is a border that shoots off to the left and B is an example of a border that does not form completely.  I am asking this because obviously, I don't understand it and more, because I wonder if it indicates something bad.  Which leads me to my next question.
    On some of the individual image panels the box-shadow gets shaved off top and right.  I can make it come back by fiddling with margins but it is such a fiddle I don't know which is the best way to sort it out.
    Thanks
    Martin
    PS: My next question will be about lining up the bottom text panel.  I thought I'd wait to see how you all get on with these questions but since you're here, how can I line that up with the image panels?
    Thanks again.
    BTW - it's WordPress

    A1: if you don't need nating, simply do not use a group.
    A2: route the traffic without checking if it hits a content rule.
    Your acl 1 will permit all traffic and nat traffic from 10.10.10.0/24 when hitting a specific content rule.
    Your acl 2 is the same but if you have more content rules the traffic 10.10.10.0/24 will simply be routed and will not hit any of them.
    We usually use the bypass for cache devices that would need to access a server directly.
    A3: ACL are not mandatory. By default the CSS permits all traffic. If you enable acl so, you then need to explicitly permit the traffic you want to have across the CSS.
    Gilles.

  • Might go for T400/500- Many questions concerning Think Vantage

    Hi,
    I am deciding on my first IBM, a T400 or T500
    I have a few questions concerning the Think Vantage Function:
    a) Does the recovery DVD set back the hard drive partitions to factory settings?
    b) Does the Think Vantage function set back the hard drive partitions to factory settings?
    This means the original size of the partitions, when they have been changed manually.
    c) Does Think Vantage work with a self buyed Windows Vista?
    d) Does Think Vantage work unter Windows XP
    e) Does Think Vantage need drivers/ anything else to work or is it entirly working on the hardware side, so no software/ windows is needed
    f)Will Think Vantage work under Windows 7 in a T400/500
    g) How was the past situation? Did a under Windows XP working Think Vantage also work on Vista / have there been drivers delivered, when needed, for the new OS
    h) Is it possible to set up a new OS (like Vista Ultimate) and then backup it up on a external hard drive and later recover from this?
    What do I want to achieve?
    I want to recover the factory settings at all times, this means partition size, number of partitions etc. and Windows Vista Business. Then I want to install Vista Ultimate do my settings and backing it up to an external drive or whatever and then recover from that all 3 Months. In the end I should be able to set back factory settings with the earliest/ first backup from Windows Business; Furthermore I might want to install Windows 7 sometimes.
    Thank you for your help! Kind regards
    Message Edited by Schwenker on 11-23-2008 08:23 AM

    Hello,
    I would recommend Acronis to do this job. Here is a link at thinkpad-forum.de.
    You´ll  get Acronis for free if you buy a PCWelt.
    Your answers:
    A. yes
    B: yes
    C: yes
    D: yes
    E: No, windows is needed and if it´s XP than MS NET 2.0 also.
    F: yes, when windows 7 is out, than Thinkvantage will work then, on Server 2008 it seems to work.
    G:Thinkvantage work in Vista and XP environment.
    H: yes, you can backup it on a extern hdd and later recover the R&R Image to the internal disc.
    What do I want to achieve?
    I would recommend Acronis to do this job. Here is a link at thinkpad-forum.de.
    You´ll  get Acronis for free, if you buy a PCWelt.
    here are some interesting benchmark with first versions of Windows 7 and XP.
    Windows 7 unmasked
    Perceptions becomes reality
    Message Edited by Agotthelf on 23-11-2008 10:23 PM
    Follow @LenovoForums on Twitter! Try the forum search, before first posting: Forum Search Option
    Please insert your type, model (not S/N) number and used OS in your posts.
    I´m a volunteer here using New X1 Carbon, ThinkPad Yoga, Yoga 11s, Yoga 13, T430s,T510, X220t, IdeaCentre B540.
    TIP: If your computer runs satisfactorily now, it may not be necessary to update the system.
     English Community       Deutsche Community       Comunidad en Español

  • Begginer`s question . i think

    Okey .. so i'm new with java but i need to find out something ..
    i'm using a java application for my mobile, a notepad to be exact.
    For it to store notes it uses a .rms file ( from what i've seen is a db of somekind ).
    I was wondering if there is a application or something to see all the entries of this .rms file from the pc and to edit them.
    Is this possible ?
    Thank you.

    Yes. About that.
    What is the reason that it's phone dependent ?
    I've seen a lot of similarities in .rms files with different records:
    The begging is the same:
    midp-rms   [?     :??wI"?9*{??????   and i think after there some variabiles that are in some connection with the file size and the number of the records
    and the separator from recordings is:
          ?       ( where ^ is variabile )
    So .. i repet my question: What is the reason that rms files are phone dependent ?

  • CSS question on sidebar heights

    Just going back to a site I started a while ago, and am going
    to have pages with a centre section and two sidebars - but don't
    think I'm sure on the best way to ensure the sidebars and the main
    content are the same height.
    I've been trying with putting a height value in to the
    sidebar styles, but have a feeling this isn't the best way to do
    it.
    At the moment it looks OK in firefox (mac), but not safari,
    and I doubt IE - but hopefully people can get the idea of what it
    is I'm trying to do.
    The page is here :
    link
    here
    And the CSS is here :
    CSS
    link
    Thanks as always.

    Google "faux columns".
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Iain71" <[email protected]> wrote in
    message
    news:fem5rb$mn6$[email protected]..
    > Just going back to a site I started a while ago, and am
    going to have
    > pages
    > with a centre section and two sidebars - but don't think
    I'm sure on the
    > best
    > way to ensure the sidebars and the main content are the
    same height.
    >
    > I've been trying with putting a height value in to the
    sidebar styles, but
    > have a feeling this isn't the best way to do it.
    >
    > At the moment it looks OK in firefox (mac), but not
    safari, and I doubt
    > IE -
    > but hopefully people can get the idea of what it is I'm
    trying to do.
    >
    > The page is here :
    >
    >
    http://www.handprintdvd.co.uk/webdesign/carcarenew/removers.shtml
    >
    > And the CSS is here :
    >
    >
    http://www.handprintdvd.co.uk/webdesign/carcarenew/main.css
    >
    > Thanks as always.
    >

  • CSS question - complete Novice

    i know some of you people must dispair at novice questions
    but we all need to start somewhere don't we. i have had dreamweaver
    for 18 months and have hardly used it but now i am starting to
    learn. basically my problem is this...and i bet it's an old
    chesnut.
    i have two different places on my website that have links,
    one with a green background, that on hover turns white.... thats in
    the settings. thing is i want an email link thats on a white
    background in the same page, i have tried different colurs but it
    just doesn't look right.
    could anyone tell me in simple terms what i need to add to
    either the CSS file or change something in settings that allow me
    to do this.
    sorry if this has been asked before...thanks for your help,
    Bryan
    PS i am using MX 2004

    Pseudo-classes and container styles are what you need - here
    are some
    tutorials.
    http://www.mako4css.com
    http://www.thepattysite.com/linkstyles1.cfm
    http://www.projectseven.com/tutorials/pseudoclasses/index.htm
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "beebbuoy" <[email protected]> wrote in
    message
    news:eng6jm$8dg$[email protected]..
    >i know some of you people must dispair at novice
    questions but we all need
    >to
    > start somewhere don't we. i have had dreamweaver for 18
    months and have
    > hardly
    > used it but now i am starting to learn. basically my
    problem is
    > this...and i
    > bet it's an old chesnut.
    >
    > i have two different places on my website that have
    links, one with a
    > green
    > background, that on hover turns white.... thats in the
    settings. thing is
    > i
    > want an email link thats on a white background in the
    same page, i have
    > tried
    > different colurs but it just doesn't look right.
    >
    > could anyone tell me in simple terms what i need to add
    to either the CSS
    > file
    > or change something in settings that allow me to do
    this.
    >
    > sorry if this has been asked before...thanks for your
    help, Bryan
    >
    > PS i am using MX 2004
    >

Maybe you are looking for