Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Kevon K. Hayes 255 posts 281 karma points
    Jul 30, 2010 @ 03:32
    Kevon K. Hayes
    0

    Installing Umbraco 4.5.1 Images are Missing (Incorrect CSS Path Mappings)

     

    Why is the CSS to my 4.5.1 pointing to localhost?
    (I've attempted this install 4 times and get the same thing)

    My login looks like this
    Here's what the stylesheet look like from Firefox 3.5.11 (omitted obvious styles for length purposes)
    .panel {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/panel/images/panel_bg.gif) repeat-x scroll center top;
    border:0 none;
    display:block;
    font-size:100%;
    margin:0 auto;
    padding:0;
    position:relative;
    width:17em;
    }
    .panel .boxhead {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/panel/images/panel_boxhead_bg.gif) no-repeat scroll left top;
    border:0 none;
    display:block;
    margin:0;
    padding:0;
    position:relative;
    text-align:center;
    width:auto;
    }
    .panel .boxhead h2, .panel .boxfooter h2 {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/panel/images/panel_boxhead_h2_bg.gif) no-repeat scroll right top;
    color:#378080;
    display:block;
    font-family:"Trebuchet MS",verdana,arial;
    font-size:10px;
    font-weight:bold;
    height:14px;
    margin:0;
    padding:3px 0 1px 10px;
    text-align:left;
    width:auto;
    }
    .panel .boxbody {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF url(http://localhost/umbraco_client/panel/images/panel_boxfooter_bg.gif) repeat-y scroll left bottom;
    border-right:1px solid #CAC9C9;
    border-top:1px solid #CAC9C9;
    margin:0;
    padding:0;
    position:relative;
    }
    .panel .boxfooter {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF url(http://localhost/umbraco_client/panel/images/panel_boxfooter_bg.gif) repeat-x scroll 11px 11px;
    height:12px;
    margin:0;
    padding:0;
    }
    .panel .boxfooter .statusBar {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/panel/images/panel_boxfooter_statusBar_bg.gif) no-repeat scroll left top;
    height:12px;
    margin:0;
    }
    .panel .boxfooter .statusBar h2 {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/panel/images/panel_boxfooter_statusBar_h2_bg.gif) no-repeat scroll right top;
    display:block;
    height:12px;
    margin:0;
    padding:0;
    }
    .panel .menubar_panel {
    background-image:url(http://localhost/umbraco_client/tabView/images/background.gif);
    border-bottom:1px solid #CAC9C9;
    border-left:1px solid #CAC9C9;
    border-right:1px solid #CAC9C9 !important;
    display:block;
    height:32px;
    margin:0;
    overflow:hidden;
    padding:0;
    }
    img {
    border:medium none;
    }
    .feedbackCreate {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/images/okLayerBackground.gif) repeat scroll 0 0;
    color:White;
    display:block;
    font-family:Trebuchet MS,Lucida Grande,verdana,arial;
    font-size:12px;
    font-weight:bold;
    margin:5px;
    padding:5px 5px 3px 36px;
    }
    .feedbackDelete {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://localhost/umbraco_client/images/errorLayerBackground.gif) repeat scroll 0 0;
    color:White;
    display:block;
    font-family:Trebuchet MS,Lucida Grande,verdana,arial;
    font-size:12px;
    font-weight:bold;
    margin:5px;
    padding:5px 5px 3px 36px;
    }
    .loginHeader {
    background-image:url(http://localhost/umbraco_client/images/loginHeader.gif);
    color:#666666;
    font-family:Trebuchet MS,Arial,Helvetica,Lucida Grande;
    font-size:medium;
    font-weight:bold;
    height:24px;
    width:242px;
    }
    .propertyuicontrols .Pane, .propertyPane {
    background-image:url(http://localhost/umbraco_client/propertyPane/images/propertyBackground.gif);
    border:1px solid #BABABA;
    display:block;
    margin:10px;
    }
    div.propertyDiv {
    background-image:url(http://localhost/umbraco_client/propertyPane/images/propertyBackground.gif);
    border:1px solid #BABABA;
    display:block;
    margin-bottom:10px;
    padding:7px;
    }
    .editorIconOver {
    background-image:url(http://localhost/umbraco_client/menuicon/images/buttonbg.gif);
    }
    .editorIconDown {
    background-image:url(http://localhost/umbraco_client/menuicon/images/buttonbgdown.gif);
    }
    .editorIconOn {
    background-image:url(http://localhost/umbraco_client/menuicon/images/buttonbgdown.gif);
    }
    .datePicker .previousButton {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:buttonface url(http://localhost/umbraco_client/images/arrow.left.png) no-repeat scroll center center;
    }
    .datePicker .nextButton {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:buttonface url(http://localhost/umbraco_client/images/arrow.right.png) no-repeat scroll center center;
    }
    .sprTree {
    background-image:url(http://localhost/umbraco/images/umbraco/sprites.png);
    display:inline;
    padding-bottom:2px;
    }
    Copy Link
  • Stone Yen 34 posts 55 karma points
    Jul 30, 2010 @ 04:42
    Stone Yen
    0

    did you access the web site with the localhost url for the first time?

    I think it's because the client dependency caching.

    delete all cached files under \App_Data\ClientDependency

    and do a IIS reset.

    not sure if this is the right way to do it. but it solved my problem.

     

    Copy Link
  • Rik Helsen 670 posts 873 karma points
    Jul 30, 2010 @ 09:15
    Rik Helsen
    0

    yup that fixes it, for one URL.

    If you do this and then access your website through umbraco.local, the path to the images will work for that url, but not for others. So you have to repeat this process once you change the URL to the production one. it's not possible to have a visually complete backend from multiple url's.

    Copy Link
  • Adam Shallcross 55 posts 211 karma points MVP c-trib
    Aug 07, 2010 @ 07:41
    Adam Shallcross
    0

    This worked for me too

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft