[svn] 1536: -fix header
Revision: 1536
Author: [email protected]
Date: 2008-05-02 11:34:12 -0700 (Fri, 02 May 2008)
Log Message:
-fix header
-junit check: the method 'suite' must be declared with a junit.framework.Test return type.
ant main unit PASSES
Modified Paths:
blazeds/trunk/modules/core/src/java/flex/messaging/cluster/package-info.java
blazeds/trunk/modules/core/test/java/flex/messaging/util/concurrent/DefaultThreadPoolExec utorTest.java
Maybe this will help you.
Sticky Footer Demo (adjust location to top in your code)
http://alt-web.com/DEMOS/CSS2-Sticky-Footer.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com
Similar Messages
-
I've used a CS5 dream weaver template and altered it. I'm try to have a fixed header with the body scroll behind in like this site. http://saturday-london.com/
My header is hidden behind the body, how canI change it. I've linked my page and my added the html code at the bottom if someone can tell me where I'm going wrong.
My page: http://www.connexioneure.com/Maision.html
html listed below.
Thanks!!
<!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>Maision</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.6;
background-color: #FFF;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
font-family: Georgia, "Times New Roman", Times, serif;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #333;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
width: 970px; /* the auto value on the sides, coupled with the width, centers the layout */
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-attachment: scroll;
background-color: #FFF;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-image: url(cannesclosesort.jpg);
font-size: 10px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: center center;
margin: 8px;
padding: 8px;
position: fixed;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: left;
width: 180px;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: lighter;
background-color: #FFF;
.content {
padding: 10px 0;
width: 780px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px;
color: #363636;
ul.nav li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
background-color: #FFF;
color: #484848;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #FFF;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #333;
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
color: #676767;
background-color: #CDCDCD;
/* ~~ miscellaneous float/clear classes ~~ */
.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. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.Dropcap {
font-size: 16%;
-->
</style></head>
<body>
<div class="header">
<p> </p>
</div>
<p> </p>
<div class="container">
<div class="sidebar1">
<ul class="nav">
<li><a href="http://www.hintmag.com/post/at-cannes-a-brothel-revisited--june-02-2011">From HINT MAGAZINE</a></li>
</ul>
<p> The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.</p>
<p>If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.</p>
<!-- end .sidebar1 --></div>
<div class="content">
<p align="justify"><img src="close1.jpg" alt="close2" width="400" height="257" hspace="10" align="left" />The soulful crooning of the Moody Blues together with the decadence of fin-de-siècle Paris may sound like a Sofia Coppola period piece. But no, this particular mash-up took place in a film shown this year at Cannes. L’Apollonide—Souvenirs de la Maison Close (House of Tolerance) is the modest yet gorgeous historical drama that defetishizes and humanizes its female subjects, the belle filles of Maison Close, a turn-of-the-century brothel.<br />
<br />
The poignant portrait of an illicit community of women is depicted with heavy nudity but little sexuality. Along the way are graphic tales of the horrors of the whorehouse and others like it. The unconventional approach to featuring these ladies-of-the-night (and day) is precisely what makes them interesting. “In the film there are very few shots of men,” explains French director Bertrand Bonello of his vision. “I wanted to show the movie from the point of view of the girls, something you don’t really see in literature or paintings of the time. I found a lot of what’s known is what happened in these brothels between 8 pm to 4 am, so I wanted to show what happens from 11 am to 8 pm.“<br />
<br />
A tremendous amount of research went into the film, which competed against (and lost to) Terrence Malick’s The Tree of Life and Lars Von Trier’s Melancholia. “I read a lot of history, articles, diaries, and did visual research. I saw paintings and looked at their postures. It was important to me to capture that in the film,” said Bonello, whose actresses have a girlish Lolita quality, an inexperience showing through their pinned curls and rouged lips.<br />
<br />
The result is a visually lavish story that follows twelve girls of the enigmatic Maison Close. “While shooting I really had to pay attention to all of them," describes Bonello. "That was probably the hardest part, to make sure no one was overlooked, that each girl had her own story. Costumes were an important part of that. We put most of our money toward the corsets. Every girl had their own. They were the most beautiful creations. We tried to adapt each corset to each girl’s personality."<br />
<br />
As far the jarring choice of music, Bonello says, “Half of the music I wrote myself and the other half is soul music from the ’60s. Something I noticed was this relationship between the kind of slavery you hear in that era of soul music to the lives of these girls. I thought it related well.”</p>
<h2> </h2>
<!-- end .content --></div>You want to add top padding to the body element so your content clears the header:
body {
margin: 0;
padding: 40px 0 0 0;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.6;
background-color: #FFF;
Then edit your header rule thusly:
.header {
background-image: url(cannesclosesort.jpg);
font-size: 10px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: center center;
margin: 0px;
position: fixed;
padding-top: 40px;
top: 0;
width: 100%;
background-color: white;
z-index: 999;
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
Since 1998 -
[dataTable] fixed header and scrollable content all-in-one
Hi folks,
In your opinion, how can I use CSS like here (see [http://www.imaputz.com/cssStuff/bigFourVersion.html] or [http://web.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html]) in a "h:dataTable", to have a fixed header? Have you a quick example?
Thank you very much for your support.
G.The h:dataTable just renders a HTML table. Apply the same using the standard attributes and standard way of writing CSS.
-
Getting a fixed header for Mobile site?
Hi,
I am trying to set up a fixed header for my mobile site. I have tried multiple things and keep running into the same issue. Although I haven't tried to view on another mobile platform other than iOS 8.1, but the issue that I am having is my address bar will not collapse when I have any scroll effects set in the page. So what ends up happening is that I am loosing the top portion of my page because the address bar is still visible. Is there a work around?
I attached a image of my site and another site with what I am trying to accomplish.
Thank you!
DeanUnfortunately, it's a trade-off. Scroll effects on mobile devices are performed with JavaScript, which prevents iOS from shrinking the browser frame. See the link below:
Organic behavior of mobile browser / Scroll effects -
How do I get the top banner to always be viewed while scrolling? (fixed header)
How do I get the top banner to always be viewed while scrolling? (fixed header)
Have you tried pinning the banner as an element?
http://tv.adobe.com/watch/muse-feature-tour/muse-pin-objects-to-the-browser-window/ -
Fixed header in FIORI like app!!
Hello All,
I am building a Fiori like app. I want to have a fixed header for this app and the header would be the company logo and a stretched image. I have implemented this but the problem I am facing is that the, when I run the application on IPad, the footer is hidden below and does not show up until I double tap and close the header image.
My requirement is to display header and also the app inside the container to be shown on a single screen irrespective of the device it is running on.
My index.html script is as shown below.
<script>
new sap.ui.core.ComponentContainer({
name : "sap.ui.demo.myFiori"
}).placeAt("content");
</script>
<body class="sapUiBody">
<div id="image">
<img src="./images/App-header.jpg" style="max-width:100%;">
</div>
<div id="content" style="max-width:100%;"/></div>
</body>
Any ideas would be highly appreciated. ThanksHello Robin,
Thanks for your response.
Why not simply create a header inside your application shell?
Basically I do not find any header control to add an image. So I changed my code to the following:
new sap.m.Shell({
app : new sap.ui.core.ComponentContainer({
name : "sap.ui.demo.myFiori"
}).placeAt("content");
But, looking at the properties of a shell. here I can add an image as a background. but I cannot cannot set as an header. I hope I am doing the right thing. If I am wrong please correct me. Any sample example would come handy too.
Thanks
Sangamesh -
Hi Guys,
Any idea how to create a table with fixed header. I know I have the option to use pagination controls. But our requirement is such that we can't have pagination controls but scrolling only.
I also have an idea that I need to set some CSS style for table header. But where to set that in JSCreator datatable or table component.
Please help me as it is my urgent requirement.
Thanks !Hi,
Any idea regarding how to do it ?
-regards
sompan -
Scrollable table with fixed header (tutorial? also IE9)
Hi,
Does someone know of a tutorial about scrollable tables with a fixed header. Is there one on the adobe site. I found some on the net, but those didn't work for IE9. I favour the simple solutions.
I tried one, using only a few lines of CSS and the use of the thead and tbody tags in the table, but it didn't work on IE9.
Here is an example, of what I ment:
http://rcswebsolutions.wordpress.com/2007/01/02/scrolling-html-table-with-fixed-header/
I thank those, who red this.Thanks, that is a very cool way to divide a layout of a web-page!
Can I also use this to split up a header and table body region inside a large table you want to present compact inside a webpage?
html:
<body>
<table>
<thead>
<th>
</th>
</thead>
<tbody>
<td>
</td>
</tbody>
</table>
</body> -
Scrolling going over fixed header?
My pages are designed to scroll up under a fixed header and nav bar, but videos at least in ie9 move over the top of the header and nav bar. Pages scroll okay in firefox and chrome. I am using w7 64bit dw cs6. Can anyone tell me how to fix the problem of the videos moving over the top of my header when scrolling? I'm sure this is a simple css fix, but it is eluding me right now.
Thank you
joNo it's not a glitch.
Be sure in your Layers Panel that your header elements are higher than your page content elements.
A good way to stop this from happening is to create three folders in your layers panel.
1: Header
2: Content
3: Footer
Have all your Header content in the Header folder in your layers panel, content in the content, etc.
That way your header content will always be at the top. -
Revision: 11314
Author: [email protected]
Date: 2009-10-30 10:38:34 -0700 (Fri, 30 Oct 2009)
Log Message:
add the empty properties file to svn to fix the build.properties
QE notes:
Doc notes:
Bugs: fix the build
Reviewer: Pete
Tests run: checkintests
Is noteworthy for integration: no
Added Paths:
flex/sdk/trunk/frameworks/projects/playerglobal/bundles/de_DE/empty.properties
flex/sdk/trunk/frameworks/projects/playerglobal/bundles/fr_FR/empty.properties
flex/sdk/trunk/frameworks/projects/playerglobal/bundles/ja_JP/empty.properties
flex/sdk/trunk/frameworks/projects/playerglobal/bundles/ru_RU/empty.properties
flex/sdk/trunk/frameworks/projects/playerglobal/bundles/zh_CN/empty.propertiesThats good news.
-
Table with fixed header and scroll bar
Was able to use Dreamweaver 2004 to set up a table to display
data from a MySQL table. But then the customer wanted to have a
scroll bar on one side and fixed headers at the top "like Excel",
because the number of rows retrieved were too long to fit on a
page. This was harder than I thought. I had to use CSS and
Javascript with a lot of help to make this happen. Then it didn't
work in IE7, so I had to use a different approach for IE. I got it
to almost work perfectly in IE7. It just has a tiny bit of the
table visible scrolling by above the header rows.
http://www.ykfp.org/php/lyletrap/tabletotalscss13.php
Why does Microsoft make this so difficult? Why aren't web standards
good enough for Microsoft? Is there a better approach to tables
with scroll bars?When things go sour in any browser, validate your code. I see you have some unclosed <table> tags which could effect page rendering.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ykfp.org%2Fphp%2Flyletrap%2Ft abletotalscss09.php
If you still have problems with IE8 after fixing the code errors, try adding this meta tag to your <head>. It forces IE8 into IE7 mode.
<meta http-equiv="X-UA-Compatible" content="IE=7">
Hope that helps,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
Is there any way to show the fixed row header for Pivot Table. Currently its showing on hover.
Thanks
SuneeshHi,
I also have this problem. My view is using 3 EO, my third tables have multiple rows and I want these rows displayed as columns. So I'm using a pivot table to achieve this. I then only have one column in the "data" section of the pivot and all other data is to its left. I only see the column headers on hovering over the column and tha6t just wont suffice. Is there any way of modifying the width aswell? -
Hi all,
I was asked to make a fixed (non-scrollable) header in Web Dynpro.
I placed two ViewContainer-elements and linked two views to the main view - one view for the header on the top, another for the body of the document. But it doesn't work - the whole document is scrollable.
Who could help me and has an idea - how can I organize in Web Dynpro that the header is always on the top?
Thanks,
OleksandrHi Oleksandr,
I have achieved this by doing the following:
Create 2 Views-> View1(Main) , View2(Header).
In your main view create one "ViewContainerUIElement" (VCU) for header and change the layout of your rootelement conatiner to Matrixlayout now change the layout of the header ViewcontainerUIelement to MatrixheadData.
In your Main view create another "ViewContainerUIElement" for your content and change its layout to MatrixheadData as well.
Now in your header view insert UI element Image and again change the layout of rootelementcontainer to Matrixlayout and also of Image to matrixheadData.
In your content View change the layout as well to Matrix and just add few UI elements as per your need.
In your window add header view to Main view header VCU and content view to content VCU.
Test your application and it should be fine.
If you are still having the problem with the header scroll bar assign width and height to your image you may also try assigning the width to your header VCU.
Hope this is helpful.
Regards,
Abhinav -
[svn] 3391: Fix fast-track bug SDK-17068.
Revision: 3391
Author: [email protected]
Date: 2008-09-26 17:07:25 -0700 (Fri, 26 Sep 2008)
Log Message:
Fix fast-track bug SDK-17068. Make sure assignDisplayObjects() is called before calling validateProperties() on child graphics objects.
Bugs: SDK-17068 - Cannot apply transform at runtime for Rect, BitmapGraphic, and Line
QA: This should fix the graphics mustella failures
Checkintests: pass
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-17068
http://bugs.adobe.com/jira/browse/SDK-17068
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/flex/core/Group.asonearm wrote:
Svn revision 442 doesn't compile on Arch64:
[ 4%] [ 5%] Building CXX object src/CMakeFiles/guayadeque.dir/AlListBox.o
Building CXX object src/CMakeFiles/guayadeque.dir/ArListBox.o
In file included from /tmp/yaourt-tmp-gianluca/aur-guayadeque-svn/guayadeque-svn/src/guayadeque/Trunk/src/LastFMPanel.h:25,
from /tmp/yaourt-tmp-gianluca/aur-guayadeque-svn/guayadeque-svn/src/guayadeque/Trunk/src/MainFrame.h:27,
from /tmp/yaourt-tmp-gianluca/aur-guayadeque-svn/guayadeque-svn/src/guayadeque/Trunk/src/AlListBox.cpp:27:
/tmp/yaourt-tmp-gianluca/aur-guayadeque-svn/guayadeque-svn/src/guayadeque/Trunk/src/PlayerPanel.h:25:28: error: AutoScrollText.h: No such file or directory
[ 7%] Building CXX object src/CMakeFiles/guayadeque.dir/ArrayStringArray.o
[ 8%] Building CXX object src/CMakeFiles/guayadeque.dir/AudioScrobble.o
make[2]: *** [src/CMakeFiles/guayadeque.dir/AlListBox.o] Error 1
make[2]: *** Waiting for unfinished jobs....
make[1]: *** [src/CMakeFiles/guayadeque.dir/all] Error 2
make: *** [all] Error 2
Thanks for the bug report. It was a test i was doing but finally decided to not include it but left this line by error.
It have been fixed in svn 443.
Thanks again -
Fix header/footer size to print page size
Hi, is there a way to fix the font size of the header/footer to the print page size?
Example, when printing 1 PDF in letter, but the pages are from various sized originals, I want all the headers and footers to be the same size on the final letter size printed document. Currently the header and footer changes to the original page size.
HELP?????CR doesn't have an option to print just one part of the page. Your only option is to hide all parts you don't want to print first.
Also, you should post your question to the Legacy Developer forum. I'll move it there for you.
Maybe you are looking for
-
Where to see whether print is availabel or not
Hi all, My report server is running in Solaris mechine, we installed a printer on the same mechine. When i try to run a report and print directly thru the same printer, i am getting the following message. REP-3002: Error initializing printer. Please
-
Basically, I've already described the problem. Some songs play perfectly fine in itunes but the same songs corrupt when placed on different devices of varying age. Therefore, I don't think there's something wrong with the original file and I don't th
-
Any other way to write this using nvl(x,v) locator.
please solve my confusion. select * from emp where nvl(to_char(temperature),'a') in (select nvl(to_char(temperature),'a') from emp where ename = 'SCOTT'); temperature column in numeric value. Is there anyother way to execute the same answer without u
-
Hello, Inside of the Event Loop Structure is there a way of telling if the event was triggered by a Front Panel change or by the Value Signaling property. I'm thinking I could use the value tabs to the left of the structure (maybe source or type), bu
-
Using Belkin ADC toDVI cable on older G4
I have a new 23 inch apple display and it works perfect with my Windows laptop. I wanted to use it on a Mac G4 (Green). The video Card did not support DVI so I bought a Belken ADC to DVI cable from the apple store on 5th ave. I plug in and the screen