Jquery CSS question..

Hi all..
Please help me with this issue.
I am trying to place a button on ""top right corner"" of my page.
I am able to place it in the right position with CSS.
But somehow after the button got moved it looks ""ugly"".
Not sure what got changed
Please check the following page.
http://apex.oracle.com/pls/apex/f?p=52018:2
I am using the following CSS for that
#SUBMIT_BUTTON {
position:absolute;
right:100px;
top:20px;
}I also tried with jquery too. It does the same
$("#SUBMIT_BUTTON").css({"position":"absolute","right":"100px","top":"20px"});
Thanks

Hi jari...
Somehow my ""Region Position#8"" got messed up.
we did some changes to our page template depends on the requirement.
The following is our changed templated(minor changes). There is a substitution string
""#REGION_POSITION_08#"". But my button is not showing up.
Is there anything that we messed up in changing the template?
But as you said, i tried "region position#8" in a test application , and the button looks good.
There is something wrong in our modified template
Please let me know if i am missing something..
Modified Template
<div id="header">
    #REGION_POSITION_07#
<div id="navbar">
    #NAVIGATION_BAR#
   <div class="app-user1">Database Name: &DB_NAME. |</div>
    <div id="logged" class="app-user1">Logged In User: &APP_USER. |</div>
    
    #REGION_POSITION_08#
</div>
</div>
<div>
<br>
</div>
<div id="app-logo"><a href="#HOME_LINK#">#LOGO##REGION_POSITION_06#</a></div>
<div id="tabs">
<div class="frame">
    <div class="bg">
      <div class="tab-holder">
        #TAB_CELLS#
      </div>
    </div>
</div>
</div>
<div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
<div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
<div id="body">
<table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
    <tbody>
      <tr>
        <td class="tbl-main" width="100%">#REGION_POSITION_02##BOX_BODY#</td>
        <td class="tbl-sidebar">#REGION_POSITION_03#</td>
      </tr>
    </tbody>
</table>
</div>

Similar Messages

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.

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.

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:
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?

My JQuery/CSS is not working properly in Firefox on the first load. After hitting refresh, it works fine.

I am a very amateur web designer, who is also very new to CSS, so please be gentle…
I am having a very frustrating issue with Firefox. My website is designed so that when my main menu navigation bar is too long for the screen, it automatically converts into a drop down menu. Naturally, this function is to better serve mobile and tablet devices.
This feature works perfectly on every browser except for Firefox. With Firefox, my main navigation menu bar is converted to a drop down menu, even though I am viewing it on a standard laptop, not a tablet or mobile device.
AND, as soon as I refresh the page, it displays just fine. And, as long as I don’t clear my history or cache, it will continue to display just fine.
Not a “huge” deal, but super annoying that new visitors to my site who are using Firefox get this experience as their first experience.
I have studied my CSS code for hours, searched through countless numbers of CSS forums for help, tweaked every bit of code I thought was relevant, and I am completely baffled.
I do realize that a simple JQuery is what tests the menu size, so it's probably something wrong there? Or maybe there is some sort of overstack issue occurring? Maybe not. Who knows – as I say, I am an amateur.
If anyone could look at my code and give me some help, I would be very appreciative.
My website is http://mikerylander.com
Thanks!
PS: This is the first time I’ve not been able to solve a CSS or HTML problem on my own, so hopefully the answer isn’t something ridiculously easy.

I see the menu when the browser window is wider than about 1180px.<br />
If the window is smaller than I get the menu button.<br />
In Google Chrome this works the same.
A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues.<br>
You need to register at the mozillaZine forum site in order to post at that forum.

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"%>

<%
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">

</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">
        
        <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>
©</p>
</div>
</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

Jquery selector question..

Hi all...
Please help me with this jquery question.
In the Interactive reports,I would like to hide the option
"Row"(filter) (radio button option) under the "Actions-->Filter"
This is the code i was using,but it is not working.
I am very new to jquery, please help me with the jquery syntax.
$(function(){
$("ul li:contains('Filter')").live('click',function(){
$("#APEXIR_FILTER_TYPE_1").hide(); -- i need to hide that ""complete option""
});APEX: 4.1
Database: 11g
Browser: IE7

Hi,
There us 2 options. Default is columns. Why you like show this if you hide Row option?
What I did test filter works ok when both options are hidden.
I did not test your jQuery selector, but problem is that region where radio buttons exists are append using Ajax call.
When your onclick event fires, element are not in HTML document, and that is main reason why your jQuery solution do not work
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0

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.

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
>

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:

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....

Htlm link to css question

Hello Dreamweavers.
im seeing two types of codes in order to link a htlm file to a css sheet.
one code is: <link rel="stylesheet" type="text/css" href="theme.css">
second code is: <link href="styel.css" rel="stylesheet" type="text/class" media="screen" />
what is the difference between these 2?
Kind Regards.

Ok i have understood that. i was just asking this question because i went to w3schools. and wheni typed in link to external file sheet.
the default came up as :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
smthing different to the tutorial i was doing.
Bu thank you for the Help.

Photoshop CS3 to Dreamweaver CS3 CSS question

Hi all,
I am sorry if this is allready dicussed a couple of times.I did a search and just could not find it. When I export a site from Photoshop CS3 to DIV (generate CSS by ID) it is aligned to the left and all DIV's have a specific position on the page. How can I get my site to center in Dreamweaver CS3 without having to adjust al separate DIV's?
For Example: When I export from Photoshop all slices are exported as folowed.
#Table_01 {
position:absolute;
left:auto;
top:0px;
width:832px;
height:562px;
right: auto;
#test-13 {
position:absolute;
left:275px;
top:26px;
width:9px;
height:189px;
#test-14 {
position:absolute;
left:284px;
top:26px;
width:128px;
height:98px;
I know how to make a DIV center (with Margin auto left and right) but I do not know how to center all DIV's at once.
I hope you are willing to help me with this. In case you have more questions let me know.

The answer is to not let Photoshop write either your HTML or your CSS for you. What you show is a disaster waiting to happen, really, and is characteristic of the kind of mess produced by any wizard that writes HTML based on a graphic layout. Use your graphics editors to produce your graphics. Build your page in DW. It's a much better way to go.
I know how to make a DIV center (with Margin auto left and right) but I do not know how to center all DIV's at once.
I hope you are willing to help me with this. In case you have more questions let me know.
Leaving your page with all absolutely positioned elements is really asking for trouble, but here's how to make them all center at once -
Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. Change as needed */
</style>
</head>
change this -
<body ...>
(the ellipsis represents any other attributes that might be mentioned in the body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -

</div>
</body>
and see if that helps.

Javascript and CSS questions

Just two quick questions. First, I am trying to change the value of one of my backing bean properties using js. It is a boolean and what I tried was:
onfocus="{ ${displayOnly} = true}"
however, as expected, this tries to set the actual value of displayOnly (false) to true which cant be done. How do I set the variable displayOnly to true?
My other questions is about css. I have a panelgrid which has many inputText and labels. Using a styleclass on the panelgrid changes the styles of the labels but the inputText stay the same. Is there a way to write a subclass of my panelgrids style (pgstyle)? I tried .pgstyle t:inputText and .pgstyle #t:inputText but neither worked. As you can see, I have no idea what I am doing when it comes to subclassing style classes so I would appreciate any help I can get.

Just two quick questions. First, I am trying to
change the value of one of my backing bean properties
using js. It is a boolean and what I tried was:
onfocus="{ ${displayOnly} = true}"
however, as expected, this tries to set the actual
value of displayOnly (false) to true which cant be
done. How do I set the variable displayOnly to true?JavaScript is executed on the client side. Your backing bean lives on the server side. So the only way to modify the backing bean properties is when the server is processing a request. You can use JavaScript to help define what this request will be and even invoke it, but you cannot directly change the backing bean via JavaScript.
>
My other questions is about css. I have a panelgrid
which has many inputText and labels. Using a
styleclass on the panelgrid changes the styles of the
labels but the inputText stay the same. Is there a
way to write a subclass of my panelgrids style
(pgstyle)? I tried .pgstyle t:inputText and .pgstyle
#t:inputText but neither worked. As you can see, I
have no idea what I am doing when it comes to
subclassing style classes so I would appreciate any
help I can get.CSS is interpreted on the client side. The inputText components are interpreted on the server side; they generate HTML which is what the browser sees.
You need to have a solid understanding of what is executed where in order to develop web applications.

One more CSS question

The question pertains to this page
this
page
This is a class project & am not allowed to touch the
html page. Only the CSS Tab in D/W.
Ideally, what I would like to do is move the paragraph which
starts with "A demonstration of what can be accomplished" up at the
very top, aligned with "Zen Garden" but justified right.
If that is not possible, then I would at least like the
second paragraph.. which starts out as "So What is This About?" to
wrap around the paragraph I mentioned above.
Thanks again!
Edit: Link to CSS page:
http://www.webrevamps.com/adwclass/a2/sample.css

quote:
Originally posted by:
bregent
Uh. Are you asking us to do your homework for you?
LOL! No, however I am asking for help, which I'm allowed to
do (it's an online class).

Jquery CSS question..

Similar Messages

Maybe you are looking for