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.
Similar Messages
-
CSS - Table width breaking layout
I have a CSS issue with page layout. I have created a layout where I have a main wrapper that encompasses the page. Inside the wrapper are three sections: header, content, and footer. These all adjust 100% to the width of the browser. I will have tables of varying sizes within the content area. My issue is that when the browser goes to a size smaller than the width of the table, the content area will scroll to the right, but the rest of the areas will not stay at the same width as the content area. The result is that the header and footer will remain at 100% in the viewable area, but you have to scroll to the right to see the rest of the information. This breaks the layout. What I would like to see is that the header and the footer will always match the width of the content area and so if a table happens to push to the right, the header and footer will always match it. Here is a link to an example: http://www.artomicblast.com/csstest/interior.html.
You'll see that if you have the browser filling up the whole screen, everything looks fine. As you start adjusting the size down, the center section will reach a point where you get a scrollbar and it breaks out of the width of the screen so that you'll see the header and footer to the left, and it sticking out to the right.
Is there a way to make it to where the outside wrapper will keep everything contained no matter the size of the table in the content area?
Thanks!I have a CSS issue with page layout. I have created a layout where I have a main wrapper that encompasses the page. Inside the wrapper are three sections: header, content, and footer. These all adjust 100% to the width of the browser. I will have tables of varying sizes within the content area. My issue is that when the browser goes to a size smaller than the width of the table, the content area will scroll to the right, but the rest of the areas will not stay at the same width as the content area. The result is that the header and footer will remain at 100% in the viewable area, but you have to scroll to the right to see the rest of the information. This breaks the layout. What I would like to see is that the header and the footer will always match the width of the content area and so if a table happens to push to the right, the header and footer will always match it. Here is a link to an example: http://www.artomicblast.com/csstest/interior.html.
You'll see that if you have the browser filling up the whole screen, everything looks fine. As you start adjusting the size down, the center section will reach a point where you get a scrollbar and it breaks out of the width of the screen so that you'll see the header and footer to the left, and it sticking out to the right.
Is there a way to make it to where the outside wrapper will keep everything contained no matter the size of the table in the content area?
Thanks! -
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. -
Hi ,
I have a quick question about report Layout.
I have created a report in 6i. Now if I want to change my
select statement and add new table to select from , it just
restructures my report layout again and set that to Default One.
Is there any way where I can set my Own layout as Default for
that particular Report ?
I would really appreciate any feedback.
Thanks
VidyaTry to give it alias names to the columns . Then when you
change the table your are selecting from . The layout should
not change. -
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? -
I'm designing my first website using Fluid Grid Layouts. CSS question
I'm designing my first website using CS6 and Fluid Grid Layouts so I need a lot of help. I realize CS6 creates something called a boilerplate css file. However, in addition to that file, do I have to create an individual external style sheet for my desktop, ipad, and smart phone pages (3 separate style sheets) or should I have only one external style sheet for everything?
Or this is there another recommended way to use Fluid Grid Layouts?FluidGrid Layouts creates a boilerplate.css file, a respond.js file & a Fluid.css file for you -- you name it whatever you like. I like to call mine Fluid.css so I remember what it is.
Fluid.css contains mobile first -- upon which all others are based. Inside, CSS Media queries, you'll find code for tablet and later on desktop. So one stylesheet generated by DW covers all 3.
TIPS:
FluidGrids are very temperamental. Do not tamper with boilerplate.css or Fluid.css files. Instead create a separate external style sheet for your typography & other custom content styles.
Build mobile first, then tablet and finally desktop.
Keep your designs simple and uncluttered.
Don't worry about content until you get the layout perfected.
Have fun with it . You'll probably have to start over a few times before you get what you want.
Nancy O. -
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 -
<!-- /wrapper -->
</div>
</body>
and see if that helps. -
I previously designed an html website in Dreamweaver MX 2004
that I need to switch over to CSS. I've been studying pages and
pages of tutorials, and have some questions that haven't really
been addressed, or else I've been missing the point!
So far, I've successfully created a simple, external .css
file that had paragraph and heading rules, linked it to an
existing, table-based, html test-page, published it, and it worked
fine.
Now I want to get away from using tables to using divs, and
there's a sample layout in DW that I selected: Two column, elastic,
with header and footer. Now I'm confused.
In the sample page, along with css rules and instructions,
there are paragraphs of content:
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla
fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus,
fermentum id, molestie in, commodo porttitor, felis. Nam blandit
quam ut lacus. </p>
Question #1: Does this mean this isn't supposed to be an
external style sheet? Because I'm pretty sure one doesn't put any
content on an external style sheet. Can I turn this into an
external style sheet, and what do I need to do in order to
accomplish this?
Question # 2:
As mentioned above, my first foray into an external style
sheet worked fine with one of my table-based html pages. What I
fail to grok is when you set up an external style sheet with divs
how exactly do you put your content on your page in design view? Do
I need to convert tables to divs, which would be on each individual
page? Then am I giving up having the divs controlled by an external
style sheet? I don't mind making all new html pages to be
controlled by the divs on a css, but then I'm back to the first
question - how do you place content on an html page, when the divs
are supposed to be controlled by the external ss. This seems to be
a never-ending loop in my mind!
Many thanks in advance for trying to straighten this out!> Dreamweaver the Missing Manual - a good overall
reference to the whole
> of Dw - but don't follow everything as it teaches you
about the bad
> bits such as frames - and nested templates.
Not so much the one on CS3....
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
==================
"Malcolm N_" <[email protected]> wrote in message
news:[email protected]...
> On Sun, 30 Dec 2007 23:44:45 +0000 (UTC), "mindi-1"
> <[email protected]> wrote:
>
>>Malcolm M,
>>
>> Thank you for your reply! I'm starting to get more
comfortable in code
>> view.
>>I appreciate your letting me know about moving the
styles from the page to
>>the
>>external style sheet. Good idea to get some books -
do you have any to
>>recommend?
>>
>> Kim,
>>
>> Thank you for the link - I'll do the tutorials, as
they are ones I
>> haven't
>>seen before.
>>
>> Happy new year to you both!
>> Mandira
>>
>>
>
>
> Yes the cssmax tutorial are good - and a good place for
css controlled
> navigation list
>
>
> My recommended library:
>
> HTML,XHTML & CSS by Elizabeth Castro - very
comprehensive, readable
> and attractive book explains all - ( or most at least )
>
> HTML Mastery - Semantics, Standards , and Styling by
Paul Haine - an
> excellent guide to how to really use html, including a
comprehensive
> guide to styling tables used for data.
>
> CSS Mastery - Advance Web Standards Solutions - by Andy
Budd - an
> excellent companion to HTML Mastery - which really
guides you into
> using CSS correctly with valid code.
>
> These two Mastery books compliment each other extremely
well.
>
> CSS - The Definitive Guide - by Eric Meyer - an
excellent reference -
> perhaps a little more difficult style to read - but
clearly the author
> is one of the top experts on CSS.
>
> Dreamweaver CS3 with CSS, Ajax and PHP by David Powers -
another
> excellent book, very readable style on how to produce
good websites
> with Dw. It is NOT like your typical guide to Dw - just
regurgitates
> the help files - including the bits of Dw that should
have been binned
> - David guides you on best practise and the parts of Dw
to avoid.
>
> Dreamweaver the Missing Manual - a good overall
reference to the whole
> of Dw - but don't follow everything as it teaches you
about the bad
> bits such as frames - and nested templates.
>
>
>
> --
>
> ~Malcolm N....
> ~ -
Hi,
I've got some doubt while developing forms application.
In tabular layout:
1) Can we set somewhere that enable user will always see an empty line as the last record in the block?
For example, we set 5 records in the block, when we hit the last row in the block (row 5), it will automatically
display an empty row below it. So when user move the mouse cursor into the empty line, it will be taken as trying to create
a new record.
2) could we change the item's property only pertaining to the current record, without affecting the other record?
For example, I have this data block on customer, which has id , name and address. From 5 records I showed, I would like to
disable column name and address when I navigate to record 2, but when I move record 3 it will be enabled again.
Your input is really appreciated. Thanks very much.
WanThanks for the response Patrick. I guess I should have been more specific. What I do not understand is how to reference the values in the report if the select is for example: #1 select empno, ename, job, sal from scott.emp
If you are doing a manual tabular form, you use the PL/SQL variable HTMLDB_APPLICATION.G_F01 to HTMLDB_APPLICATION.G_F50 but in that case you would create the select differently, for example
#2 select htmldb_item.hidden(1, empno) empno,
htmldb_item.text(2, ename) ename,
htmldb_item.select_list_from_query(3,job,'select distinct job, job from emp') job,
htmldb_item.text(4,sal) sal from emp
HTML DB has allot of flexiblilty but not clear on how everything works yet.
If you have a one record form then you just reference the name of the item in PL/SQL as for example: :P2_EMP_NAME if P2_EMP_NAME is the item name in the form.
I guess if you create a report with type SQL Query (updateable report) then it must be a tabular form where the select has to be like in #2??? I tried to create like #1 and create a Multi Row Update process but that did not work. I get the message, Error in mru internal routine: ORA-20001: no data found in tabular form.
So I guess the question is: Is the only way to create a form in table format either by the Tabular Form wizard or using the HTMLDB_ITEM package? -
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>
©</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 -
CSS Flexbox - a new layout method for web pages
Hi,
As you may all know, css flexbox is a new layout method for laying out your web page, and with Firefox releasing version 22 within the next few days, (should have been yesterday) it is now no longer hidden behind browser settings. Add to this the fact that all desktop browser except IE10 and Safari 5 & 6, no longer require the use of a vendor prefix, and that http://html5please.com/ simply say ’USE’, flexbox is now finally a viable layout alternative, especially for responsive layouts.
Flexbox has been available on all Android and iOS devices, (and any device using the webkit engine, e.g. new blackberry’s and Kindle Fire devices) since they were first release.
To help find problems, and provide help in using flexbox, we would be grateful if you would experiment and provide feedback in the use of flexbox for layouts.
To help you get started a video tutorial, (with files to download) and examples of layouts, (more to be added next week) and tips & tricks to help with some of the more common problems have been provided at http://flexboxlayouts.com/. This site will also be updated to provide you with a list of problems and hopefully the solutions to those problems, so that you will have a ’one stop’ reference site for using flexbox.
If you have any tips in using flexbox, or a flexbox layout that you would like added to the site, then you can use the ’Submit’ email address on the http://flexboxlayouts.com/ site.
For more info on the css flexbox specifications see -
http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/
or if you just want to know what property is supported by which browser/device -
http://flexboxlayouts.com/pdfs/flexbox%20browser%20Properties%20.pdf
Note to regular contributors & moderators:
As I only have time to visit and help in the forum for a few hours per week, should you find any flexbox problems unanswered then please let me know via email.
PZHi Al
Yes I know, and this is why I am asking people to experiment with flexbox.
The fix for IE10 is to give the right hand sidebar, (or the content) a larger flex-grow property, the bug is caused by the flex shorthand property not recognizing % values, and using the flex-basis as a set width instead of a preferred size.
I have logged the bug, (and many others) with the various browser bug bases.
This and other bugs, do have 'fixes', so I hope users will experiment with flexbox and provide feedback.
Flexbox is no different than any other css feature, "we can only find the problems in actual use".
Strangely enough, I have found the most consistent to use is the old 2009 implementation on mobile devices, (no doubt iOS7 will change all that ).
PZ -
HTML/CSS match to InDesign layout
Hello,
I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
Please help!!!Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
" ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
ligatures
alternate characters
real small capitals
tabular or oldstyle figures
.. wait -- better switch off *all* OTF features
Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
Language based hyphenation.
Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
~16 decimals of precision for every object, line width, text size, spacing, et cetera
any real-world based measurement unit.
I probably forgot a few too.
--- add.
Advanced character/class kerning
Optical kerning (not enabled by default)
-- add2.
Balance Ragged Lines (off by default; but you can't use it)
Optical Margin Alignment (as above)
Align to Baseline grid
last line indent
Align to spine
justify last line (can only be achieved with span/div tricks)
tabs
about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
[*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
Message was edited by: [Jongware]
Message was edited by: [Jongware] -
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
JohannSearching 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 WordPressA1: 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. -
Hi guys im relatively new to css ive just learn few of the
basic to contruct
a layout in divs.
i have one issue i dont know how to overcome its just
positioning a div
using floats and the clear styles.
http://www.strongtowerint.org/ginericpage.html
check the link..I'm trying to have all divs at the top in its
right full
area instead the middle content div lingers under neath it
all and i know no
way to fix that. i tried floating right and left clearing
right and left for
each div and what you see is the best i came up with all
combos.
i also tried reizing the width of the content div to no user.
thanqx for your replyAre you using an external .css file for the dynamic text in
your Flash
movie, or is the formatting written in actionscript?
Is some of the formatting working in Safari or is none of the
formatting
showing up?
Rob
Rob Dillon
Adobe Community Expert
http://www.ddg-designs.com
412-243-9119
http://www.macromedia.com/software/trial/
Maybe you are looking for
-
Free-of-charge iWork and iLife
I would like to whether the free-of-charge iLife and iWork are bound with my iOS device only or to my Apple ID(so that I can download to other iOS devices)?
-
Does sort the Phonto App in IOS 5 only according file name ?
After updating to IOS 5 on my iPad 1 I´m wondering about the new sorting order in my Photo App folders. Reading some hints on the Apple homepage, that the iPAd is sorting according the capture time I changed file date and capture date to the correct
-
MDX - Filter members using AND operator in Query designer or otherwise
Hi, I have the following table: ID Column A 1 ValA 1 ValA 1 Special 2 ValA 3 ValA I need to return only IDs which has a Special value in Column A. So the output would be: ID Column A 1 ValA 1 ValA 1 Special I thought that one way would be to use th
-
Default-locale setting is ignored!
Hi gurus, i tried following: <application> <message-bundle>mymessagess</message-bundle> <locale-config> <default-locale>en</default-locale> </locale-config> </application> In my application the locale is still de. What have i done wrong? Or how can i
-
JMS, Oracle 9i, Oracle AQ
Is anybody using JMS in conjunction with Oracle AQ? Are you using Oracle 8i or Oracle 9i? What is your impression of Oracle's AQ technology? What is your impression of Oracle's JMS implementation?