Menu under the image / content

Hello I ask for help (sorry my English is very bad). I have created a drop down menu in the master page. Unfortunately, the sub-menu always works under the pictures in the content pages. Weis someone here some advice The problem:
http://uc-design.de/xmastest/unbenannt3.html

Hi, have you tried bringing the menu to front or sending to the back?
I'd try making sure there isn't something above it.
Also if this doesn't work try putting the menu on a new layer.
Hope this helps

Similar Messages

  • How to keep the right sidebar on this website from going under the main content (center) column?

    Hi...is there a way to keep the right sidebar on this website from going under the main content (center) column when the browser window is made smaller? It would be great if the middle (main content) column could get smaller instead of the sidebar moving under the text when the window is made smaller. I'm working with a fluid layout and this is the first time I've tried this. Any help would be appreciated. Here is the link to the website:
    http://www.elynncohen.com
    and here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 100%;
        line-height: 1.4;
        background-image: url(images/background.gif);
        background-repeat: repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl {
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;    
        padding-left: 15px;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    a img {
        border: none;
    a:link {
        color:#414958;
        text-decoration: underline;
    a:visited {
        color: #4E5869;
        text-decoration: underline;
    a:hover, a:active, a:focus {
        text-decoration: none;
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    .header {
        padding-top: 40px;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    .sidebar1 {
        float: left;
        width: 20%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
    .content {
        float: left;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        width: 30%;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: left;
        width: 30%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        position: relative;
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #Quote {
        float: right;
        clear: both;
    ul.nav {
        list-style: none; /* this creates the space between the navigation on the content below */
        font-family:museo-sans; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited
        display: block;
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: museo-sans; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
        color: #C60651;
        font-family:museo-sans; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    .footer {
        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 */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    .fltrt { 
        float: right;
        margin-left: 8px;
    .fltlft {
        float: left;
        margin-right: 8px;
    .clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    #footer {    width: 100%;
        background-color: #FFF;
    .container .sidebar2 h4 img {
        padding-left: 20px;
        padding-top: 0px;
    .sidebar2 p img {
        border: medium solid #C60651;
    #Insert_logo2 {
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: #fff;
    .container .content p .content strong {
        font-family: museo-sans; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    test {
        font-family: "Binary ITC Bold";
    .container .sidebar2 p img {
        margin-right: auto;
        margin-left: auto;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: #C60651;
        border-right-color: #C60651;
        border-bottom-color: #C60651;
        border-left-color: #C60651;
    li strong {
        line-height: 130%;
        list-style-type: circle;
        color: #978980;
    .container .content ul {
    .container .sidebar1 .nav {
        margin-top: 10px;
        margin-bottom: 10px;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .nav li a {
        background-image: url(images/navbar2.gif);
        background-repeat: no-repeat;
        background-position: right center;
        left: auto;
        right: auto;
        clip: rect(auto,auto,auto,auto);
    .container .sidebar1 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .container .sidebar2 p {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 5px;
    #Insert_logo2 #Insert_logo2 {
        padding-left: 15px;
    .container .content ul {
        color: #C60651;
    h6 {
        color: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
        min-width: 200px;
        max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content
    ul.nav a { zoom: 1; } 
    </style>
    <![endif]--></head>
    <body><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
        ; display:block;" /></a></p>
        <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
        <p class="clearfloat"> </p>
    </div>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Home</a></li>
          <li><a href="#">High School Students</a></li>
          <li><a href="#">College Students</a></li>
          <li><a href="#">Parents/Educators</a></li>
          <li><a href="#">Professionals</a></li>
          <li><a href="#">Bio</a></li>
          <li><a href="#">Q &amp; A Blog</a></li>
          <li><a href="#">Testimonials</a></li>
        </ul>
      </div>
      <div class="content">
    <p>Given today's competitive job market, global economy, and changed corporate culture,
    we can no longer depend upon others to ensure our professional futures. Choosing or
    changing your career direction requires self-reflection, career education and an action plan.</p>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><li><strong>Considering your college choices &amp; career options</strong></li>
          <li><strong>Preparing for the world of work after college</strong></li>
          <li><strong>Seeking a new position to further your career</strong></li>
          <li><strong>In-transition and considering new opportunities</strong></li>
          <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
        </ul>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
             </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>

    You should make your sidebar1 and sidebar2 fixed positioned. Make your content DIV fluid.
    This should help you: http://www.glish.com/css/7.asp

  • Most times when I import photos from my desktop or dropbox to iPhoto, iPhoto will keep the title I created for the image as the display title under the image. but occasionally it displays the filename instead and I have to go back through and reenter

    most times when I import photos from my desktop or dropbox to iPhoto, iPhoto will keep the title I created for the image as the display title under the image. but occasionally it displays the filename instead and I have to go back through and reenter the title in iPhoto. why the inconsistency? running OS 10.9.5 and using iPhoto 9.5.1

    Try this:  select one of the photos that are showing the wrong title and use the Photos ➙ Batch Change ➙ Title to File Name menu option.
    See if that will put the name that you want under the thumbnail.

  • Placing Caption under the image (photo)

    I have Photoshop Elements 5.0.2 running under Windows Vista Ultimate on an HP Pavilion having 4GB RAM.
    Would like to place a caption directly under 4x6 or 6x4 photo. How do I do this? I have spent hours on this. For printing the photo there seems to be some relationships between canvas size, image size and contents of the paper size field of the Page Setup window. Where does one find what all the fancy choices are in the paper size field of the Page Setup window? I have searched the help and also my copy of Brundage's Photoshop Elements 5: The Missing Manual. Failure. Besides I'm wasting ink.
    Would prefer not to have to type in using the Text (T) tool directly in the image as it appears to drastically increase the physical file size of the image (from 689K to 25.785MB).
    I do not care if the caption is on a border on not. Would like no borders on top, left or right.
    Please specify what goes in the Page Setup and the Print Preview windows.
    Thanks.

    I want the caption to appear under the picture.
    I have come up with one solution: Crop the image (photo) to, e.g., 4x5.5, then extend the canvas .5 inch below the image, thus obtaining a 4x6 for printing. Then I use the text tool (T) to type in what I want as the caption on the canvas showing at the bottom of the image.
    Is there a way of using the built-in Caption facility rather than my hokey method above? I would like to not have to retype the text (once for the Caption which I can have as part of files to send folks and once to print). - There must be a way of having the built-in Caption show up on a border which only shows at the bottom and outside (not on) the photo. (?)
    Thanks to Juergen for solving the size problem. - How stupid of me!
    Thanks Barbara.

  • How to: Create a folder directly under the KM content 'Root' directory

    I need to create a new folder directly under the 'root' directory of the KM content...
    If I go to the KM root directory and click on any of the folders in it, I can create new folders.
    For example: clicking on the 'documents' folder. Opening it, I can create new folders by clicking on 'Folder' --> 'New' --> 'Folder'.
    However, when I am in the root directory itself, the only option under 'Folder' is 'Clipboard'.
    How can I create a new folder under the Root? Am I missing a role?
    Cheers,
    Edwin.

    You cannot create a folder under root directory
    all the folders that you are seeing under root are  KM Repositories.
    You need to create a repository and then in that you can create a folder structure.
    As an example Documetns is a standard SAP KM repository. You can also create your own repository under
    system admin-> system configuraiton->KM->CM-> Repository Managers
    There you can get options of creating the repositories
    Hope it is clear
    also check the below thread that will help you
    http://help.sap.com/saphelp_nw70/helpdata/en/e3/923224b24e11d5993800508b6b8b11/frameset.htm
    Raghu
    Edited by: Raghavendranath Garlapati on Jul 16, 2009 9:39 AM

  • Cannot find "Structure" menu under the Insert tab.  Need it to insert a header

    I just downloaded a trial version of DW CS6 and am following the on-line tutorial, but cannot find the "Structure" option under the "Insert" tab when creating an HTML document.  Where di it go?

    I think the confusion here is you appear to be following along some resource for DWCC while using DWCS6.
    There are many changes between DWCS6 and DWCC. Actually, there are quite a few changes between DWCS6 Disk version and DWCS6 Cloud version with even more between both of those and DWCC (and now DWCC 2014).
    With the speed that Adobe applications are changing with the Creative Cloud delivery system, you really must make sure you are using the correct resource version for your program version.

  • Can iPhoto display RAW under the image once imported?

    Hi,
    I've just started shooting with my Canon EOS 30d using the RAW + JPEG setting. However when i import the pics into iPhoto i don't know which is which unless i select "info". This also presents a problem when i drag them into Photoshop Elements for editing, it doesn't say RAW?
    Is there a way for iPhoto to dispaly or tag them as RAW images so they display that way in iPhoto and Elements?
    Thanks.

    When you import a Raw it is automatically keyworded with Raw so, View -> Keywords will display the keywords, including the Raw badge.
    However...
    This also presents a problem when i drag them into Photoshop Elements for editing
    You will simply never get a Raw to Elements that way.
    When you import a Raw to iPhoto the app makes a quick preview of the Raw, and this preview is what dragging from the iPhoto Window will access only.
    You can set Photoshop (or any image editor) as an external editor in iPhoto. (Preferences -> General -> Edit Photo: Choose from the Drop Down Menu.) This way, when you double click a pic to edit in iPhoto it will open automatically in Photoshop or your Image Editor, and when you save it it's sent back to iPhoto automatically. This is the only way that edits made in another application will be displayed in iPhoto.
    For sending Raw to Elements: be sure you've checked the 'Use Raw when using External Editor' box in the iPhoto -> Preferences -> Advanced pane.
    Remember that processing a Raw with Elements means that you create a new file, and that must be saved to the desktop and then imported to iPhoto.
    Regards
    TD

  • Slide show with "reflections" under the images

    Just tried iWeb to post image pages created in iPhoto. Things went quite well until I used the slide show feature in the finished page on the web. All images appear on a black background (even though I used a white background templare) and have a strip of "reflection" at the bottom. How can I remove this tacky and distracting feature? The Reflection slider and checkbox in the Graphic Inspector are grayed out and can't be used.
    G5 dual 2GB   Mac OS X (10.4.6)  
    <span

    Hi Will,
    many thanks for your reply! But even your detailed explanation is way above my head. I'm so stupid, I couldn't even open the recommended url - any variation I tried (with my site name, album name or slide show inserted) landed me on a page of a company called theplanet.com and that was the end of it.
    I'm using Macs and Apple software for their famous simplcity and user-friendliness, not to take lessons on html code. At least your response proves that others have found the reflection gimmick annoying as well. So maybe someone from Apple reads this and incorporates a "remove reflection" button in the next udate of iWeb.
    Thanksalot anyway
    Thomas

  • How do I recreate a session that was lost on the computer when it was turned off accidentally. In the menu under the tab history there is no such a possibility .

    The opportunity to re-start in Firefox is not even activated

    Check that the Bookmarks Toolbar is visible and that the "Bookmarks Toolbar items" is still placed on the Bookmarks Toolbar.
    If the menu bar is hidden then press F10 or hold down the Alt key, that should make the "Menu Bar" appear.
    Make sure that toolbars like the "Navigation Toolbar" and the "Bookmarks Toolbar" are visible: "View > Toolbars"
    * Open the Customize window via "View > Toolbars > Customize" or via "Firefox > Options > Toolbar Layout" (Linux, Windows)
    * Check that the "Bookmarks Toolbar items" is on the Bookmarks Toolbar
    * If the "Bookmarks Toolbar items" is not on the Bookmarks Toolbar then drag it back from the toolbar palette in the customize window to the Bookmarks Toolbar
    * If you do not see the "Bookmarks Toolbar items" or other items that are missing in the toolbar palette or on a toolbar then click the "Restore Default Set" button
    See also:
    *http://kb.mozillazine.org/Uninstalling_add-ons
    *http://kb.mozillazine.org/Uninstalling_toolbars

  • When I export to a PNG in Illustrator I get a small reflection of the image content at the lower border of the PNG...how do I get rid of this?

    Notice the one pixel blue lines on the bottom of the logo.

    CoreyKat,
    If you select the artwork and select one of the bottom Reference Points in the Transform palette, is the Y value an integer?
    If not, what happens if you move the artwork so that it is?

  • Image content type in Site Asset Image library: The Preview and Thumbnail Preview columns do not display the picture of the item.

    I have two different Site Asset libraries.  The Site Asset Picture library has items of
    content type picture.  The Site Asset Image Library has items of
    content type image. 
    1) I do not quite understand the different between a picture content type versus an image content type. 
    2) the thumbnail and preview columns do not display the image in the Site Asset
    Image Library.  (the image does display in the thumbnail column of the Site Asset Picture library.)  I expected the image to display in the Site Asset Image Library the same as it does in the Site Asset Picture library. 
    Why doesn't it?
    Betty
    Betty Stolwyk

    I have subsequently found out that our "Site Asset Images" library is a Document Library to which someone must have replaced the Document content type with an Image content type.  I also found out that picture previews/thumbnails cannot be displayed
    in Document libraries.  So the problem was the library type, not the content type.
    So I simply created a new Picture Library (whose content type = picture) and copied the files into that and the thumbnails displayed just fine!
    I bet what led to this is the default "Site Assets" library that is created for a new Team site.  It is just a document library but sounds very similar to the "Assets" library.  I can imagine someone thinking the "Site Assets" library was a standard
    container for images, and simply changed the name to better identify the content! 
    As far as 'image' vs 'picture' content types, I noticed that a new Picture Library contains a content type of 'picture', but an Asset Library contains a content type of 'image' (as well as audio and video).  Although the 'image' content type has a few
    more fields than the 'picture' content type (picture content type does not have thumbnail), the actual Picture Library contains pretty much all the same fields, including the thumbnail.  So for all practical purposes, either library type can be used for
    storage of pictures.  I am guessing that the Pictures Library which uses the picture content type is for backwards compatibility purposes, and that the 'image' content type is newer, being derived from the new "Rich Media Asset" content type and used
    in the new Asset Library which can hold audio and video in addition to pictures.  
    Microsoft Help also mentioned that a Picture Library has a slide view which an Asset library does not.  So my take on that is that if you want the potential of seeing your pictures as a slide show, put them in a Picture library which is still using
    the 'picture' content type of previous SharePoint versions.  If you want to keep pictures organized with audio/video files, then put them into an Asset library which uses the  'image' content type derived from the new Rich Media Asset content type.
    Betty Stolwyk

  • Black Line under Linked Image

    Hey, I have started another website for my portfolio, consisting of many pages. Anyway, I'm mainly using CSS, but there is a little HTML for the navigation.
    Heres the question: When I linked the top banner image to go to the Home page (index.html), there is a random black line under the image. I gave the image and ID tag in CSS and made sure that border:0;
    Please respond, I desperatly need this for a school project and it will look random if there is a weird line in the middle of the page. Thanks in advance!

    Here is the CSS code
    @charset "utf-8";
    /* CSS Document */
    html {
         background-color: #F1D66B;
         background-image: url(../Images/Background.png);
         font-family: "Showcard Gothic", "Cooper Std Black", Calibri, serif;
         word-spacing: 6px;
    body {
         background-color: #F9ECB9;
         margin: 0 auto;
         width: 700px;
         padding: 20px;
         word-spacing: 0px;
    h1 {
         font-size: 38px;
         text-decoration: underline;
         font-variant: small-caps;
         font-weight: bold;
         margin-bottom: 40px;
    h2 {
         font-size: 28px;
         text-decoration: underline;
         font-variant: small-caps;
    h3 {
         margin-top: 20px;
         font-size: 16px;
         background-color: #F1D66B;
         padding: 15px;
         padding-top:40px;
         padding-bottom:40px;
         text-align: center;
         margin-top: 100px;
         word-spacing: 0px;
         font-family: Georgia, "Times New Roman", Times, serif;
         font-weight: bolder;
         font-variant: small-caps;
    h4 {
         font-size: 50px;
         text-decoration: underline;
         font-variant: small-caps;
         font-weight: bolder;
         margin-left: 0px;
         margin-right: 0px;
         margin-top: 20px;
         margin-bottom: 20px;
         text-align: center;
    p {
         font-size: 20px;
         font-family: Georgia, "Times New Roman", Times, serif;
         text-indent: 40px;
         margin-bottom: 70px;
    ul {
         font-family: Georgia, "Times New Roman", Times, serif;
         font-size: 20px;
    strong {
         font-weight: 1200;
    a {
         text-decoration:none;
    a:link {
         color: #000;
         text-decoration: underline;
    a:visited {
         color: #000;
         text-decoration: underline;
    a:hover {
         color:#846B0D;
         text-decoration: underline;
    div{
         bakcground-color: #7C9614;
         text-decoration: underline;
    #logo{
         border-bottom: 10px;
    h5 {
         text-align: center;
         margin: 0 auto;
    a img{
         border: none;
         text-decoration: none;
    And here is the HTML for my index.html page
    <!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>Spinoff - Home</title>
    <link href= "CSS.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    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_nbGroup(event, grpName) { //v6.0
      var i,img,nbArr,args=MM_nbGroup.arguments;
      if (event == "init" && args.length > 2) {
        if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
          img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
          if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
          nbArr[nbArr.length] = img;
          for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
            if (!img.MM_up) img.MM_up = img.src;
            img.src = img.MM_dn = args[i+1];
            nbArr[nbArr.length] = img;
      } else if (event == "over") {
        document.MM_nbOver = nbArr = new Array();
        for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
          if (!img.MM_up) img.MM_up = img.src;
          img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
          nbArr[nbArr.length] = img;
      } else if (event == "out" ) {
        for (i=0; i < document.MM_nbOver.length; i++) {
          img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
      } else if (event == "down") {
        nbArr = document[grpName];
        if (nbArr)
          for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
        document[grpName] = nbArr = new Array();
        for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
          if (!img.MM_up) img.MM_up = img.src;
          img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
          nbArr[nbArr.length] = img;
    //-->
    </script>
    </head>
    <body>
    <h4><a href="index.html"><img src="../Images/Logo.jpg" name="logo" width="700" height="200" border="0" id="logo" /></a></h4>
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="230"><a href="gameshome.html" target="_top" onclick="MM_nbGroup('down','group1','Games','',1)" onmouseover="MM_nbGroup('over','Games','','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Games.jpg" alt="" name="Games" border="0" id="Games" onload="" /></a></td>
        <td width="230"><a href="videoshome.html" target="_top" onclick="MM_nbGroup('down','group1','Videos','',1)" onmouseover="MM_nbGroup('over','Videos','','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Videos.jpg" alt="" name="Videos" border="0" id="Movies" onload="" /></a></td>
        <td width="219"><a href="photoshome.html" target="_top" onclick="MM_nbGroup('down','group1','Photos','',1)" onmouseover="MM_nbGroup('over','Photos','','',1)" onmouseout="MM_nbGroup('out')"><img src="../Images/Photos.jpg" alt="" name="Photos" border="0" id="Photos" onload="" /></a></td>
      </tr>
    </table>
    <h2>Welcome!</h2>
    <p>Welcome to the home page of <strong>Spin-Off</strong> media! Hey, thanks for coming! As you can see, we have many games, videos and photos for you! We hope you enjoy your stay, and come back! Well, what are you waiting for? Get clicking!</p>
    <h2>Submissions</h2>
    <p>We welcome your submissions here at spin-off! Got a game you want other people to play? Think some people will get a good laugh at your home video? Have a photo you think some people will get a kick out of? Send it to us HERE and we will review it before posting. Please, put the file in the attachment, as well as any title and description you want in the body.</p>
    <p><strong>*NOTE* </strong>Any submissions that do not pass will not be notified, in fact, nobody will be notified. If you see it on the site, congratulations, you have something ahead of you kid. If not, keep trying!</p>
    <h3>Not-So-Copyrighted - Spinoff Media<br />
      <a href="index.html">[home]</a> <a href="gameshome.html">[games]</a> <a href="videoshome.html">[videos]</a> <a href="photoshome.html">[photos]</a><br />
      <a href="mailto:[email protected]?subject=Spin-Off">[contact]</a> <a href="legal.html">[legal]</a> <a href="mailto:[email protected]?subject=Submission">[submit]</a> <a href="about.html">[about]</a><br />
    NSFW? Tell us <a href="mailto:[email protected]?subject=NSFW">HERE</a> and we will respond</h3>
    </body>
    </html>
    The little black line happens right under the first h4

  • How to automatically remove the wiki page's images from the Images library , when a wiki page is deleted

    I have noted the following strange behavior inside my Publishing enterprise wiki site collection. Now by default when I create a new wiki page and I add Pictures to it, the pictures will be saved under the “Images” library and will be inside a unique folder
    that have its name similar to the page name.
    But when users delete the picture from the wiki page or they delete the whole wiki page, then the related folder inside the “Images” library will not be removed. So can anyone advice if there is a way to automatically remove the page’s pictures
    folder from the Images library when the page is deleted? as currently i might end up having many pictures inside the Images library which are not linked to a wiki page, and they will waste my server desk space...

    I think, not sure, there's no out-of-the-box solution in SharePoint for this problem. So I can only think of custom solution:
    In event Receiver, ItemDeleting, you can delete images. The only downside is if some other pages are referring the images..... you need to check somehow which is quite time-consuming operations if you have thousand of pages in wiki library
    A timer job, that will run periodically, every day or week, and clean all unused images. 
    Hide the default delete button and add your own. And then using your own custom layout page, show a 'configuration dialog' to user if they want to delete both page and images.
    Thanks,
    Sohel Rana
    http://ranaictiu-technicalblog.blogspot.com
    Please do not tell me this is not supported out of the ox ,,,,, i that i should handle this process by myself !!! and SharePoint does not support this feature .... this is another  problem i should include in my list .....

  • Possible to place subtitles beneath the image with 16:9?

    Hi everybody,
    I couldn't find away to put subtitles beneath the image with 16:9 like it would be possible with such a video in FCP: having the 16:9 video in a 4:3 image, placing the subtitle in the black under the image - the issue with FCP is that later the text becomes blurry ...
    Any ideas..? best, s

    If you're looking to adjust the positioning of subtitle text based on the playback system's aspect-ratio, no, DVDSP is not able to do this. This is made even more frustrating by the fact that this was possible in the Spruce product that DVDSP is based on and because many clients demand what you're asking for (subtitles always appear under letterboxed video on 4:3 monitors).
    The only viable 'alternative' that I've found is to adjust the Y offset of the subtitle stream so that the bottom line (or only line) is in the letterbox area. The downside to that is, on 16:9 displays, the subtitles appear very low (though I've never encountered a setup where they are ever cut off.
    If some sample code helps, this is what I use:
    // Begin Font & Formatting Data
    $FontName = Arial
    $Bold = True
    $FontSize = 28
    $ColorIndex1 = 7
    $ColorIndex2 = 1
    $ColorIndex3 = 1
    $ColorIndex4 = 3
    $TextContrast = 14
    $Outline1Contrast = 15
    $Outline2Contrast = 15
    $BackgroundContrast = 0
    $HorzAlign = center
    $VertAlign = bottom
    $XOffset = 0
    $YOffset = 20
    $TapeOffset = True
    // End Font & Formatting Data

  • IKImageView, NSScrollView and Locking the image  to the top.

    I have an NSScrollView with an IKImageView inside to display images. This seems to work.
    However, if I make the window smaller than the image, the scrollbars appear as they should, but the BOTTOM of the image is locked to the bottom of the window, instead of the top of the image being locked to the top of the window. In other words, I want the image to not move on the screen when I re-size the window from the bottom right.
    I understand why this is, because in All of these classes, the origin is in the lower left, not the upper left. However, It's still behaving wrong. If you look at any other product (including Preview, which I assume is written with some of these libraries) the image/content/whatever, is locked to the top not the bottom.
    How do I do this?
    I've looked for methods in the NSScrollView and IKImageView. I've considered capturing the scroller events and manually moving the image down or up as appropriate, but I haven't seen a way to do this (Set the selector to a method I write in the controller?) and anyway, that seems very messy...
    Is there an easy way to do this?
    thanks.

    Brian Postow wrote:
    I kind of need the autohide... and actually I couldn't figure out how to turn that off..
    Well, I went back in and put your workaround scroller back in and now it seems to be doing what it is supposed to.
    One of the things I did a lot with your code was comment out parts. When in doubt, always remove code. Only add new code as a last resort. If you can get it working properly with less code, then you should. I commented out most of the code in that one method where you load the URL and do everything with the imageView and is still worked fine. The only parts you really need are the 3 scrollbar lines. It seems as if the imageview kind of "takes over" the scroll view. But it still has an auto hide but that the scroll view workaround fixes.
    Keep the following in mind - IKImageView has obvious bugs with the scrollers. The demo program was written by either the same programmer who wrote IKImageView or maybe even someone more junior. Apple demo code is meant to be an example on how to use APIs. In terms of quality, lots of it is junk. Developer tools just do not get the same level of spit and polish as consumer software.

Maybe you are looking for

  • How to write WSDD file to deploy web service

    I write a server code,I want to deploy it as service,but I don't know how to write WSDD file?I use AXIS and SOAP I need help,thanks a lot. Regards William 2.24

  • Create an context menu item to open a file on a specific display

    Hello, I have an external display connected to my MBP, but I don't always need to use it so it's not always on. I'd like to have a way to open a file (or application) on a specified display on a case by case basis. I know that I can assign an applica

  • Problem with nokia 603

    i cannot view the pdf files from the files option and i don't see any wallpaper in the gallery after i downloaded it from web . My os is nokia belle fp2.

  • Solaris zones with whole root

    Hi, i was trying to configure a solaris whole root zone, but when i try to install , it gave an error , sanity check error. solaris# zonecfg -z solaris8 solaris8: No such zone configured Use 'create' to begin configuring a new zone. zonecfg:solaris8-

  • Recompiling oracle binaries

    Hi, I am trying to clone from source to target. i have copied the source(ORACLE_HOME) binaries to target(different location in target there is already a oracle_home and I dont' want to disturb it). and then recompiling the target binaries. Please let