Bottom layer that scrolls, but a top layer of text that doesn't?

Hi all,
Only just getting the hang of dreamweaver at the moment and in need of some help.
I would like to be able to have text on screen that wouldn't scroll when scrolling down the page. This would mean that when the page is scrolled content behind text only scrolls.
I have found a web site by a graphic design agency 'the international office' that does exactly what I'm looking for but I really don't know how they have done it.
here is the link http://the-international-office.com/
I was hoping somebody could help
thanks,
minor_threat.

Probably because this approach isn't reliable in all browsers without conditional comments or hacks.  The following code works in most modern  browsers but fails in IE6.  I'll let you figure out the hacks on your own.
<!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=iso-8859-1" />
<title>Fixed Divison over APDiv Example</title>
<style type="text/css">
#ContactLayer {
     position:fixed;
     width:450px;
     border: 1px solid red;
     line-height: 1.2;
     z-index: 3;
     visibility: visible;
     left: 65px;
     top: 0px;
     padding: 0 20px;
#ImageLayer {
     position: absolute;
     width:7000px;
     z-index:2;
     left: 570px;
     top: 0px;
     border: 1px solid maroon;
     background: #DCD29C;
     height: 200px;
     padding: 150px 20px 0 20px;
h1,h2,h3,h4 {
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #000;
h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
p {font-size: 0.90em}
</style>
</head>
<body>
<div id="ContactLayer"> #ContactLayer
<h1>Company Name</h1>
<address>
PH +123 /456-7890<br />
<a  href="mailto:[email protected]"> [email protected]</a> <br />
Street address,
City, State/Province
</address>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo facilisis suscipit. </p>
<h3> Heading 3</h3>
<p>Morbi dignissim tortor a augue rhoncus nec aliquet justo pharetra.  Suspendisse feugiat euismod felis eget interdum. </p>
</div>
<!--end ContactLayer -->
<div id="ImageLayer">
<p>#ImageLayer </p>
<p>Tested in FF 3.5. &amp; Safari 3x. This won't work in IE6 becuase older browsers don't recognize Fixed properties on anything but the Body.</p>
<p><img src="#" alt="" width="100" height="100" id="SomeImage" style="background-color: #006633" />
<img src="#" alt="" width="100" height="100" id="SomeImage" style="background-color: #006633" />
<img src="#" alt="" width="100" height="100" id="SomeImage" style="background-color: #006633" />
<img src="#" alt="" width="100" height="100" id="SomeImage" style="background-color: #006633" />
</p>
</div> <!--end ImageLayer -->
</body>
</html>
See also Sticky Text Demo
http://alt-web.com/DEMOS/CSS2-Sticky-Text.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

  • How to create a part with SMD pads on top and bottom layer

    I'm trying to create a part that is a printed antenna. The board will contain an array of these so I am trying to create it as a part I can place. The active element of the antenna is on the top layer and the ground part is on the bottom layer. So I need an SMD pin on top for the active element and I need an SMD pin on the bottom to connect that part to ground. But I can't seem to be able to place an SMD pad on the bottom layer. How can I do this?
    Solved!
    Go to Solution.

    Thanks for the additional information. I've entered this into our
    defect tracking system so that I can resolve this for a future relase.
    If you want to check the status, the ID is D114004.
    Garret
    Senior Software Developer
    National Instruments
    Circuit Design Community and Blog
    If someone helped you, let them know. Mark as solved or give a kudo.

  • DVD Studio Pro 4 Dual Layer Disc Question - Can Files Be Moved from Top to Bottom Layer?

    HI Everyone -
    I have authored a dual layer DVD for a feature film with lots of bonus material.  I put the layer break in the least intrusive spot where the frame is already still and there is little sound.  Layer switch is fine.  DVD plays as it should with no problems other than the expected pause during the layer break.
    I'd like to have the layer break at a point much earlier in the movie, where it actually goes to black and silence for a moment - a spot DVDSP4 won't let me assign a layer break marker to.  I do understand why. 
    DVD Studio Pro has the movie on the bottom layer of the DVD, I assume because that is the first track I created.
    At this point, is it at all possible to move the tracks around where the bonus features take up most of the bottom layer so the less of the movie is on the bottom layer and I can move that layer break up (without completely re-authoring)?
    Thank you for your time.
    Joe Grisaffi
    Houston TX

    The fun continues...
    The DVD Drive on my 10.6 machine seems to no longer be working...
    Maybe this caused/contributed to/resulted in the earlier problem?
    Anyone else experiencing similar issues? All hard drives and firewire drives seem to be functioning normally at this time.
    My 10.5 machine appears to be eating through the DVD writing process successfully... slowly, but successfully

  • When you reduce opacity of a top layer how do you keep a bottom layer from shining through?

    I have two objects intersecting each other on different layers. The object on the top layer I reduced the opacity for and the bottom layer which was previously hidden now is shining through. I do not want this to happen. I want the bottom layer to remain hidden beneath the top layer despite the lowered opacity. How would I accompish this simply? I have CS2.
    Thanks for any help with this...

    Thanks Trex,
    Yes! This works very well, amazingly great advice. One side note you might be able to use for future reference: the object on the bottom layer assumes a slightly different hue than the object on the top layer even when I adjust the opacity to the exact same level (both objects were the same color to begin with). I discovered this was because colors show up slightly different whether the background is white or a background with no color. So I simply created one more layer and placed a white colored object and placed this layer below my bottom layer object. This then matched the colors of both the intersecting objects.
    Anyways, you probably already knew this, can be confusing to explain all of this in words.
    Thanks a lot for your help, this saved me many minutes of frustration.
    Jack

  • Unable to route bottom layer

    My Ultiboard is not working correctly at all. I'm sure I've enabled all the options like Options>PCB Properties>Copper Bottom>Routable but I still get DRC errors saying:
    "The object "Copper Polygon: Width(10.0000 mil) Layer(Copper Bottom)Clearance(10.0000 mil) Net(9) " is on a layer that is not allowed by the net settings"
    The Autorouter refuses to use the bottom layer even though I have thru-hole parts that should be easily routable from the bottom. This is driving me crazy.
    Ryan R.
    R&D

    I am not sure which version you have, but you need to look at the bottom of the screen. There should be a spreadsheet view done there. In this spreadsheet you will find a list of tabs. Goto the tab that is labeled "nets" and click it. Once there go to the right and find the column that says "routing layer" and see what it says. If you transfered from Multisim it will probably say "10" which means to route the copper top only.
    To change this i use this technique. I go down selecting all the nets with SHIFT>Left Mouse button and then once they are all highlighted I click on one net in the column and then enter the following based upon which side of the board you want routed
    10  Copper Top
    01 Copper Bottom
    11 Both sides
    Once you change one using this technique all of them will be changed as a group.
    This works for me in the Power Pro Version. if you have a different version then I will have to go back and re-investigate how this can be done without the spreadsheet.
    I hope I have helped some.
    Kittmaster's Component Database
    http://ni.kittmaster.com
    Have a Nice Day

  • Getting master graphics to be on the bottom layer.

    Hi all, I have a master page with a footer that has a shadow coming of the top. On my pages, this shadow is covering up the graphics. I want my page graphics on top, but I can't seem to figure it out, even though I've put  the master graphics on the bottom layer. Anyone have a solution?

    Thanks for helping. So this is a combination of two masters. The first is my base master, with the footer. The second is a master with product information. When I open the product page master, it looks fine there. Below is a screenshot of what the master page looks like.

  • Use a text layer on top of another text layer as a clipping mask?

    I have searched and searched but I can not find an answer to this question. I've been creating a variety of graphic styles to use in illustrator. The appearance panel is an AMAZING tool but one function seems to be missing. I would very much like to use two identical layers of text to create a clipping layer within a graphic style. The reason I would like to do this is to create the illusion of beveling or just just to create an inner shadow without having to create highlights and shadows manually. As you can see in the attachment the Toony Toons Text has a highlight effect which I created by duplicating the text, removing the effects from the graphic style I made, expanding the words into outlines, overlapping the two and placing them offset of each other so I could shape subtract them and then placing the final highlight on top of the text. This would be SOOO much simpler if I could just create a stroke that sets INSIDE the text and could be offset as well as clipped by the text layer below it. Is this possible? I noticed I can't place a stroke on the inside of a text layer when I'm in the appearance pallet and masking text with text doesn't seem to work. If anyone has any ideas or suggestions that would be really great!

    Podsixia wrote:
    I apologize if this has been answered in other discussions, but the search function isn't working right now.
    A Google search phrase that includes the word InDesign finds results in Adobe user forums like this one, as well as in InDesign resources all over the Internet.
    HTH
    Regards,
    Peter
    Peter Gold
    KnowHow ProServices

  • Extremely slow in every way. Typing, loading, moving and even just scrolling from the top of the page to the bottom. Keeps getting worse. Maddingly frustrating!!! Help!!

    Firefox has gotten extremely slow. Typing, loading, searching, even just scrolling from the top of a page to the bottom. My daughter had the same thing happen to her and had to get her computer stripped down and completely reloaded. I don't have that option. It has no viruses and has been completely freed of all things that could slow it down.
    == This happened ==
    Every time Firefox opened
    == About a month ago. It is getting worse.

    Hmm... try downloading the [http://www.firefox.com latest] version... but if that doesn't work then try [http://support.mozilla.com/en-US/kb/Safe+Mode Safe Mode]. Not sure what could be causing it...

  • Since installing the latest update of Photoshop CC two days ago, Auto Blend for focus stacking is selecting all pixels from the bottom layer instead of selecting the ones in best focus from each layer. Has anyone else seen this problem?

    I installed the latest update of Photoshop CC two days ago on my Macbook Pro, and now when I try to do focus stacking by opening multiple photos and doing Auto Align and Auto Blend, the blend selects the entire bottom layer instead of selecting the in-focus areas from each layer. I even tried again on a series of images where this worked a week ago and the problem occurs. I have Photoshop on a Windows 8 machine and did not apply this latest update and it works fine. Has anyone else encountered this?

    And since installing this same update, my Photoshop is crashing just after starting.
    Ashutosh.Nigam suggested me in this forum to change the permissions to SLStore & SLCache Folder, but it did not work.
    Ali from french Adobe support told me to delete my Settings files, but it was not enough.
    A girl with no name from the same team told me to update my video card driver, but you know I run the latest Mac OS X version and everything is updated, mademoiselle.
    Stephane sent me a link to a huge page of things to do :
    -  Troubleshoot account-specific fonts, but there wasn't any corrupted font
    - Delete account-specific Adobe cache files but... guess what...
    - Troubleshoot account-specific login items but... yes, that's it, I can see you understand me
    - Reset the access settings on the user account's Library folder... oh god, that was fun, I used the Terminal and sudo commands
    I did all of these things because when I tried to open PhCC in an other admin session, it worked, so that was an incompatibility between my session and PhCC. But, but, but, when I tried again to lauch the app in the second session, it worked fine but refused to quit. Ha ha ha.
    So you can try to delete your Settings files. I wish it'll work for you. If not you can try the long list above... or hope a better answer from the support.
    I didn't change anything but Photoshop on my session and they ensure that the bug is due to my session and not to their update. Strange affair.
    Good luck,
    JLuc

  • How do I mask text across layers to an image at bottom layer?

    I have several layers of text which I want to mask to a bottom layer, which is a moving image.
    The text layers appear in sequential chronological order to make a sentence (and I need them on several layers for positioning). The first word's mask works great, but none of the other texts/masks end up showing as they are on lower layers and are being masked
    I also want the masked out area to be black.
    I am attaching an image which shows what I want, but imagine each word is on a different layer, show up sequentially, and are surrounded by black.
    Thanks!

    Use text animators to reveal your text. Use the text layer as a track matte for the video. All that is required is two layers.
    If you insist on having each word on a separate layer, precompose your animated text layers and then use the pre-comp as an alpha track matte for your video.
    These are AE basics.

  • How to get rid of the new bottom layer with piano roll etc. in arrange??

    Hey guys,
    Just a quick question i suppose.
    I work with 2 screens.
    When I double click a midi event, i want the piano roll to open in a floating window, just like it used to be, and not in the new bottom layer (pop up) bar in the bottom of the arrange window. I want this because i like to edit on the second screen while still haveing an overview of my arrange on my 1st screen.
    Does anyone know how to do this? Or perhaps know how to get rid of this new bar all together?
    I hope someone does....
    thanks in advance!
    cheers,
    PM

    how annoying is it to go to a seperate screen set and then click a midi region just to edit it?
    You haven't grasped the concept of screensets.
    In the "old" way of working, in your arrange, you double-click on a region, which opens that region in an editor. You may have to move the editor position/size etc. You make your edits, and then close the window.
    The screenset way of doing this is simpler and quicker. In your arrange, you select your region (one click, rather than a double click). You then hit a key command, lets' say "2" to switch to your editor screenset, which has the eitor or combination of editors you use, in link mode. As soon as you hit your 2 key, the editors will be recalled at the precise locations you specified, showing you the contents of your selected region.
    When you are finished editing, just hit "1" to go back to your main arrange window.
    Once you get used to this, you'll find it's a lot quicker and more efficient than all that rsi double clicking and window closing...

  • Scroll arrows together top AND bottom

    I used to have up and down scroll arrows on the top AND the bottom. Now I can get them together only at the bottom. Can this be changed? I want them together on the top AND bottom. Thanks.

    Yes, but you need a third-party utility to do it. You will find the option configurable using TinkerTool - VersionTracker or MacUpdate.

  • I am using Adobe XI Pro and in various parts of the document there is brown / biege lettering when on the document it shows as black.  My printer guy has been in and checked it out top to bottom and that part is fine.  I have tried to print the same docum

    I am using Adobe XI Pro and in various parts of the document there is brown / biege lettering when on the document it shows as black.  My printer guy has been in and checked it out top to bottom and that part is fine.  I have tried to print the same document and it comes out fine.  Any ideas ?   Using Windows 7 Service Pack 1

    Sorry my bad.  I have tried to print the same document on another printer and all the formatting is fine. 

  • I can't be the only person who has this problem - when a month ends on a Saturday I can't drag events into the next month and instead have to cut and paste - a real pain in the butt. I thought there was something called "scroll" but I can't find that

    I can't be the only person who has this problem with iCal- when a month ends on a Saturday I can't drag events into the next month and instead have to cut and paste - a real pain in the butt. I thought there was something called "scroll" but I can't find that.

    Yeah that works, but, it involves a click on the event, a click on edit, a click on the date, keystrokes, plus, since you can't see the next month you have to have a calendar in front of you so as to put it to the right date. It's easier just to cut it and advance the month and paste it, once you are in the right month you can move it around helter skelter willy nilly no problems. Although now that you mention it I will try it, maybe it is easier than cut and paste as I don't really care about the date, as long as it gets moved into the right month I can drag it around all I want.

  • After updating to ios5 the shortcut 'tapping top of screen' to scroll back to top does not work! Is there a way to get that back?

    Since updating my ipad2 to iOS 5 the shortcut 'tap top of screen to quickly scroll back to top' no longer functions! How can I get this back?

    It still works on my iPad - is it working on any of your apps e.g. Safari, Mail, Notes, and are you touching right at the top of the screen (I've seen a few other posts implying that the area of the screen that you need to touch isn't quite as deep as it used to be) ? Have you tried a reset to see if it works after the iPad has restarted ? Press and hold both the sleep and home buttons for about 10 to 15 seconds (ignore the red slider), after which the Apple logo should appear - you won't lose any content, it's the iPad equivalent of a reboot.

Maybe you are looking for