How do I make my left side bar "sticky"?

Hey, I appreciate this community and the help I've recieved from you all so far, but I'm going to have to ask for a little more.
I create all my own images in CS5.
I was trying to create a sticky left sidebar with no margin and make it 100 pixels wide. I made an image for it and it seems to work, the only problem is I can't make it sticky.
Also the side bar needs to have 5 icons which will link you to the 5 web pages of my website for which I created images. I have 5 more created images for the icons as i want them to glow when they are scrolled over and a word to pop up if that's possible.
ex. blue little house icon. (scrolled over) glowing blue little house icon with the word 'home' appearing to it's right.
Thanks in advance for any advice/help you all offer to me.

I'd love to help!
When you say "sticky" do you mean fixed positioning?
Here is an example of fixed positioning:
http://davidwalsh.name/demo/css-fixed-position.php
The CSS rule for that would be:
#myid {
     height: 300px;
     width: 100px
     position: fixed;
You can use floats to make it stick to the left or right side!
#myid {
     height: 300px;
     width: 100px
     position: fixed;
     float: right;
To add your background image, you'll need another rule for that, and a path to the directory where you have your image saved:
#myid {
     height: 300px;
     width: 100px;
     position: fixed;
     float: right;
     background-image: url(site/images/mybackground.png);
You will need to create an HTML div container for these rules:
     <div id="myid"></div>
Within this container, you will place your icons with background images. For this, you will need to create new ids.
You'll repeat the previous steps in order to get the icon containers how you'd like them, instead of divs I suggest you use and <a id="icon1" href=""></a> tag so that they will be links. Since they are housed within the myid div, they will not need to be positioned fixed, and they will need their own set of rules.
Let me know if you need anymore help!
Julia

Similar Messages

  • How to make a left side menu?

    I need to know how to make a left side menu for my site,  can anyone help me? I am new to macromedia dreamweaver MX. Thanks

    I prefer to use CSS styled lists for menus.  Very easy to edit later.  Web friendly for people and search engines.
    EXAMPLE:
    http://alt-web.com/TEMPLATES/3-col-fixed-layout.shtml
    Several FREE CSS menu systems here.
    CSS Express Drop-Down Menus  (tutorial)
    http://www.projectseven.com/tutorials/navigation/auto_hide/
    CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus  (download)
    http://www.highdots.com/css-tab-designer/
    List-O-Rama  (DW Extension)
    http://www.dmxzone.com/go?5618
    CSS  Menu Maker (On-Line Menu Generator)
    http://www.cssmenumaker.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Hard drive not identified during Installation. Disk Utility showing nothing in left side bar

    Some day before my Macbook pro shown the flashing question mark. I have tried to install thr OS Snow leopard using disc.
    When I started to install the OS, my start up disc ( Hard drive) is not showing for installation.
    I have gone through the Disk Utility to repair it, but in that  Hard drive is not showing in left side bar.
    Kindly suggest how can I recover my Hard drive to install the OS?

    That suggests that the drive is dead; if so, it needs to be replaced, and any data on it can only be recovered by a professional service, which can charge hundreds or thousands of dollars.
    (101654)

  • How to display sign in left side in ALV Grid Function module?

    Hi,
    How to Dispaly sign in left side for amount fields in ALV GRID function module?
    Ex : Amount = 1234-
    I want to dispaly it as -1234.
    Is there any option in ALV Grid function module?

    Hi sreedhar,
    Use FM  'CLOI_PUT_SIGN_INFRONT'
    it will giv the value like '-1234' if u pass '1234-'.
    DATA : v_field(17).
    MOVE v_amount to v_field.
    CALL FUNCTION 'CLOI_PUT_SIGN_IN_FRONT'
    CHANGING
        VALUE   = v_field.
    MOVE v_field to v_amount.
    OR
    FORM change_sign changing var type c.
    if var LT 0.
    shift var right deleting trailing  '-'.
    shift var left deleting leading  ' '.
    concatenate '-' var into var.
    else.
    shift  var left deleting leading  ' '.
    endif.
    ENDFORM.
    reward pts if it helps.
    Edited by: venkat reddy on Jan 2, 2008 7:19 AM

  • How to remove an item from side bar?

    Can anyone teach me how to remove following item  from side bar:    Thank you!

    Niel thank you very much for you help.

  • HT2490 How do I make the top tab bar stay on the screen all the time

    How do I make the top bar stay on the screen all the time?

    "Top tab bar"?
    The top of the screen is where the applications menus appear on the left and system icons (time, volume. etc) appear on the right side.
    This entire area is "covered over" when you enter into "Full Screen" mode. You can expose it while still in full screen by moving your cursor over the area.

  • Working outside the slide boundaries...  how do I see the left side?

    I want to have some objects slide in from the right side of the slide, and exit again later on the left side - and I want to be able to move them back again later.
    I can see the right outside boundary of the slide, but not the left - how can I do this? - It seems that the rulers always crop to left and top of the slide.... is there a way to change this?

    Bizarrely enough, the slide is pinned to the top left corner, and one cannot see blank off-slide space to the top and left.
    The workaround is to attach a transparent "handle" to the object -- create a long rectangle, make it transparent, group it with the object, and then you can use the "handle" to move the object off-slide.

  • The Photo Stream option dissapeared from the left side-bar in iPhoto.

    Hello everyone, just to let you all know, I'm new to the world of Mac. As I was setting up Photo Stream in iPhoto, I accidently clicked on the "No Thanks" option instead of clicking on the "Turn on Photo Stream" option. Now the link has disappeared from the side-bar in iPhoto, I am affraid I might have ruined my ability to 'photostream'. Is there anyway I can redo the entire process? Any input will be greatly appreciated. By the way, I enabled photostream in iCloud from system prefences. Will enabaling it in iCloud make Photo Stream work even though it does not appeare in the iphoto side-bar?

    James Ward4 wrote:
    It smacks your hand when you try?

  • How move vertical scrollbar to left side (for lefties on tablets)

    till now in all previous ff i could easily move vertical scrollbar from right side to left. but i cant find the instruction now

    Set the pref layout.scrollbar.side to '3' to place the scroll bar at the left side.
    See http://kb.mozillazine.org/layout.scrollbar.side (default is 0: user interface)
    To open the <i>about:config</i> page, type <b>about:config</b> in the location (address) bar and press the "<i>Enter</i>" key, just like you type the url of a website to open a website.<br />
    If you see a warning then you can confirm that you want to access that page.<br />

  • How can i open the left side of the G4?

    Hello!
    Have G4 that is starting to sound like an aeroplane. I opened the four screws on the left side of teh computer but it still hangs on to the apple so I can not get the side off. I tried to pull a little but i is stuck.
    How do I open the side after i have removed the screws?
    There are a lot of dust bunnies/rats etc.
    Thanks in advance
    Per-Anders

    There is a plastic stand-off, that's attached to the (inside) center of the side panels. When pressed into place, two tabs snap-lock the panel securely to the chassis. For the left side, removal of the internal fan assembly will provide access to these two tabs. Gently squeeze them together, and the panel will be released. To avoid breakage, don't use excessive force on them. The right panel requires removal of the logic board, to access the catch/release tabs.

  • How do you make the left-most toolbar smaller. It's covering the download helper icon.

    The Firefox navigation toolbar covers the download helper icon in the left.
    I cannot grab it to resize.
    I don't know what made it bigger in the first place.
    How do I make it smaller again? reinstall?

    Can you attach a screenshot?
    *http://en.wikipedia.org/wiki/Screenshot
    *https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
    Use a compressed image type like PNG or JPG to save the screenshot.
    You can check for problems with the localstore.rdf file.
    *http://kb.mozillazine.org/Corrupt_localstore.rdf

  • How can I make disapear Windows title bar?

    Helo all,
    I'm actually working on an AIR application and I would like
    to know how can I make disapear the Windows title bar (with the
    "close", "minimize", "full screen" buttons) like it is in
    kuler.
    thanks for your help ^^

    Hi, in order to have the best chance of getting an answer, I
    suggest you repost on the
    AIR
    forum
    :-) Sami

  • How do I move History and Bookmarks from the left side bar back to the top of the window where they were for so long. Firefox 34.0.5 OS 10.8.5

    Hello,
    I moved my History and Bookmarks to the sidebar, but now can't even find those instructions. I don't like them on the side. I had them on the top for years. Thanks for your help.
    Do I get email notification on this forum?
    [email protected]
    Rafael

    I see that you have increased some font sizes.
    You might be interested in the NoSquint extension.
    You can use the NoSquint extension to set font size (text/page zoom) and text color on web pages.
    *NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
    Make sure that toolbars like the "Bookmarks Toolbar" are visible.
    *"3-bar" Firefox menu button > Customize > Show/Hide Toolbars
    *View > Toolbars<br>Tap the Alt key or press F10 to show the Menu Bar
    *Right-click empty toolbar area
    Open the Customize window and set which toolbar items to display.
    *"3-bar" Firefox menu button > Customize
    *check that "Bookmarks Toolbar items" is on the Bookmarks Toolbar
    *if "Bookmarks Toolbar items" is not on the Bookmarks Toolbar then drag it back from the Customize palette into the Customize window to the Bookmarks Toolbar
    *if missing items are in the Customize palette then drag them back from the Customize window on the toolbar
    *if you do not see an item on a toolbar and in the Customize palette then click the Restore Defaults button to restore the default toolbar setup

  • After rotating video, how do I change the black side bars from black to white?

    In the bad old days when I used iMovie, I coud rotate a video 90 degrees and get black bars on either side of the video.  Then I could add the negative effect and it would not only give me the negative of the video itself but it would also change the black bars to white bars, something I quite liked for the project I was working on.  This doesn't automatically happen in FCP X, so my question is How do I change the black sidebars to white sidebars (without changing anything in the video itself)?  Thanks.

    Make a white generator and put it underneath the video. The pillars are not black. They're empty.

  • How can we make consecutive left outer joins in Composite Provider?

    Hi,
    For the following design:
    Sales order and Delivery DSO's are unions on field Delivery Number.
    Invoice(Billing DSO) is having left outer join and joins with Sales Order DSO's based on the field Sales Order Number.
    Shipment DSO has left outer join, joins with Invoice DSO based on Delivery number.
    My doubt here in this composite provider design, is more than one consecutive left outer joins(in Invoice, shipment dso join) are allowed?
    Since this is possible in SAP ERP through writing abap codes, I came across that this kind of modelling is not possible in BW on  Hana through Composite provide kindly suggest how can we achieve this design in SAP BW On hana.
    Regards,
    Antony Jerald.

    Hi,
    Could anyone please help me on this?
    Hope, you are able to understand my question.  Please suggest.
    Regards,
    Antony Jerald.

Maybe you are looking for

  • F110 - Run date error

    Hi I am running the F110 for the F110 for the Denmark company code with the RFFODK_U in the payment medium program. I am getting the following error message : Run date 20081014 changed to 20081015 Message no. F0 235 Diagnosis The data medium created

  • Windows Server 2003 R2 x64 ISO

    Bryan - I'm not sure that replacing the card is an option.  It's of the age where the card and the drive cage mate up.  I'm not just attaching the drives directly to the controller card. However..since it's Adaptec, they may well have a working Linux

  • Export to .avi Leaves Undrendered Frames?

    I'm trying to Export a Sequence in QT Compression to .avi. But when I do it leaves a few frames unrendered. What am I doing wrong?

  • Choosing optimum resolution/file format

    What I have seen about this has been incomplete and contradictory, so I will greatly appreciate your recommendation.  I have about 300 black and white snapshots of various sizes which I took while in the Army during World War II.  I want to scan them

  • Using MDW to drop publication

    I created a publication using Mobile Database Workbench (MDW). I can now see the publication in the mobile manager. I can also see the "replicatoin objects" created in the "owning" schema and in the MOBILEADMIN schema. (These are well described in th