Promoted Links Tile Background Image Size Issue

I am brand new to using sharepoint and I am having an issue with the images attached to the promoted link tiles.  No matter what size I change the file too, I can not get the tile to show the whole pictures.
I have tried changing the image size for multiple different pictures in both photoshop and illustrator to 128px and 150px, with no luck!
Does anyone have any advice on how to make the pictures fit in the tiles or how to start with an illustrator or indesign image and format it correctly to display in the tile view?
As many details as possible will help since I just started using this program! 
Thank you!

Hi,
According to your description, my understanding is the promoted link tile can’t show the whole image.
By default, When image with a blank space around, it would be transformed properly in promote link tile, I suggest you modify the image to make it with blank space around.
For about modifying image, I suggest you post a question to the corresponding forum such as Photoshop forum:
https://forums.adobe.com/community/photoshop
Feel free to reply if there are still any questions.
Best regards
Patrick Liang
TechNet Community Support

Similar Messages

  • Promoted Links Tiles

    I am having an issue with the images attached to the promoted link tiles.  No matter what size I change the file too, I can not get the tile to show the whole pictures. 
    Does anyone have any advice on how to make the pictures fit in the tiles?
    Thank you!

    I would suggest going with a square size. Either 64x64 or 128x128. Also, try other pictures to make sure it's just an issue with that particular picture.
    Andy Wessendorf SharePoint Developer II | Rackspace [email protected]

  • Link on background image

    I created and inserted a  background image in the Container. It includes "link buttons" built into the image in Photoshop, meaning images intended to be clicked in order to move to another page.  I can't create hotspots/image maps to use to create links because the image is a background image.
    How do I create the actual hyperlinks to make the "buttons" function as navigiation links?
    Thanks for your suggestions.
    Barry

    Google is your friend.
    Search term
    "Links on background images"
    First link in search result
    http://xavisys.com/css-trick-turning-a-background-image-into-a-clickable-link/
    #yourdiv {
        background-image:url(image.png);
        display:block;
        height:58px;
        text-indent:-9999px;
        width:200px;
    You will need to style the position of the div(s)
    Learn CSS
    Shane

  • 8851 Background Image size

    I'm having problems with the thumbnail images on a 8551 phone.
    According to the docs at www.cisco.com/c/en/us/td/docs/voice_ip_comm/cuipph/8811_8841_8851_8861/10_5/english/adminguide/P881_BK_A92A3B94_00_adminguide-8811_41_51_61-10_5/P881_BK_A92A3B94_00_adminguide-8811_41_51_61-10_5_chapter_01010.html the thumbnail image sizes for the 8851 are 25% of the main image size (which is 800x480 at 24 bit colour depth so the thumbnail would be 200x120) But a few lines further down, the docs say the image size should be 159x109 (which is NOT 25% of the background image size and is a different aspect ratio.)
    I tried to open a couple of the existing thumbnails from Desktops/800x480x24 on my TFTP server, but they don't appear to be regonised as image files by my computer.
    I've tried images of 159x109x24 bit colour and 200x120x24 bit colour, all PNG, but none of them work as thumbnails.
    What are the specs of the thumbnail files for the 8851 phones?
    GTG

    Take a look at this bug:
    Documentation: background image size/path for 88xx phones is 800x480x24
    CSCus27001

  • Reducing background image size

    Hi all,
    I'm working with Captivate 4 and have made a screencast of a particular process for training purposes.
    The project has 80 slides - but each background image is 1800+kb. Overall the project comes out at 3 MB even with the highest possible compression in the publishing settings.
    The project is to be hosted on the Web so I really don't need this kind of detail in the background images and I can't find anyway to reduce the image size apart from exporting each of the 80 backgrounds into Photoshop, reducing them in size and importing them back into Catptivate. For 80 slides this would take too long.
    So, two questions:
    How can the background image size be reduced within Captivate?
    How can I change the settings so when capturing screenshots the image sizes are smaller in the first place?
    Thanks in advance for any tips,
    Neil
    Is there anyway the

    Thanks Lilybiri
    I've bene recording at full screen (1024x768 or close enough) in order to get the largest recording space possible - and then resizing the project to 800x600 for the web production. The problem is that there is no optimise for web setting (or none that I can see). I just did another test and each background image is 3000kb - way over the top for something that will be viewed on the web.
    Does this help you get a fuller picture? Any advice?
    Thanks for sparing your time to answer here btw - much appreciated
    Neil

  • Sort promoted links tiles(Tiles View) in alphabetical order.

    Hi,
    i want to sort my promoted linked list tiles in alphabetical order. OOTB there is no option to sort promoted links tiles view .Any pointers on how to do this will be really helpful.

    Hi,
    If you would like to sort it by title automatically, you would modify Tiles view aspx page in SharePoint Designer.
    Please open SharePoint Designer > All files > Lists > promoted link list > Tiles.aspx, then locate the below code:
    <Query>
    <OrderBy>
    <FieldRef Name="TileOrder" Ascending="TRUE"/>
    <FieldRef Name="Modified" Ascending="FALSE"/>
    </OrderBy>
    </Query>
    Then replace it by the code below:
    <Query>
    <OrderBy>
    <FieldRef Name="Title" Ascending="TRUE"/>
    </OrderBy>
    </Query>
    Regards,
    Rebecca Tu
    TechNet Community Support

  • Fitting background image size according to link text

    I am using a list for my navigation. I have a background
    image which is shown on the LI. If the text in the link is longer
    than the width of the image then the background image is repeated.
    How can I stretch the width of the image?
    Does it look like I am putting the background image in the
    right place? Am I doing this right? Thanks a lot
    <style type="text/css">
    BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: small;
    PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px;
    FONT-FAMILY: "Trebuchet MS", arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; min-width: 740px
    #navbar {CLEAR: both; MARGIN: 0px; WIDTH: 760px;
    bgColor=#cccccc
    #navbar LI {
    background-image: url(britishalliance/navback.gif);
    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
    #navbar UL {
    LIST-STYLE-TYPE: none;
    #navbar A:link {
    background-image: url(britishalliance/navback.gif);
    BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM:
    5px; COLOR: black; LINE-HEIGHT: 10px; PADDING-TOP: 5px;
    WHITE-SPACE: nowrap; TEXT-DECORATION: none
    </style>
    <DIV id=navbar>
    <UL><LI><A href="">aaaaaa aaaa
    aaaaaaaaaa</A>
    <LI><A href="">aaaaa aa aa aaaaaaaa</A>
    <LI><A href="">aaaaa aa aaaaaaaa</A>
    <LI><A href="">aaaaaaaaa</A>
    <LI><A href="">aaaaaaaaaaaaa aaaaaaaaa</A>
    <LI><A href="">aaaaaa aa</A></LI>
    </UL></DIV>

    > How can I stretch the width of the image?
    You cannot. But you can prevent it from tiling with CSS.
    > Does it look like I am putting the background image in
    the right place?
    It's not necessary to have it on both the <a> and the
    <li> tags.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Hydrowizard" <[email protected]> wrote in
    message
    news:[email protected]...
    >I am using a list for my navigation. I have a background
    image which is
    >shown
    > on the LI. If the text in the link is longer than the
    width of the image
    > then
    > the background image is repeated. How can I stretch the
    width of the
    > image?
    > Does it look like I am putting the background image in
    the right place? Am
    > I
    > doing this right? Thanks a lot
    >
    > <style type="text/css">
    > BODY {
    > PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: small;
    PADDING-BOTTOM:
    > 0px;
    > MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY:
    "Trebuchet MS",
    > arial,
    > helvetica, sans-serif; BACKGROUND-COLOR: #fff;
    TEXT-ALIGN: center;
    > min-width:
    > 740px
    > }
    > #navbar {CLEAR: both; MARGIN: 0px; WIDTH: 760px;
    bgColor=#cccccc
    > }
    > #navbar LI {
    > background-image: url(britishalliance/navback.gif);
    > PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
    PADDING-BOTTOM:
    > 0px;
    > MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
    > }
    > #navbar UL {
    > LIST-STYLE-TYPE: none;
    > }
    > #navbar A:link {
    > background-image: url(britishalliance/navback.gif);
    > BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    > FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px;
    COLOR: black;
    > LINE-HEIGHT:
    > 10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap;
    TEXT-DECORATION: none
    > }
    > </style>
    >
    >
    > <DIV id=navbar>
    > <UL><LI><A href="">aaaaaa aaaa
    aaaaaaaaaa</A>
    > <LI><A href="">aaaaa aa aa
    aaaaaaaa</A>
    > <LI><A href="">aaaaa aa aaaaaaaa</A>
    > <LI><A href="">aaaaaaaaa</A>
    > <LI><A href="">aaaaaaaaaaaaa
    aaaaaaaaa</A>
    > <LI><A href="">aaaaaa
    aa</A></LI>
    > </UL></DIV>
    >

  • Apply Different Background Color to Promoted Links Tiles

    Hello everyone,
    Does anybody know a way of changing the background color of each individual tile of Promoted Links? If possible, and if anybody is familiar, I would like to do it using a JS Link file.
    Thanks in advanced.
    Fausto Capellan, Jr - SharePoint Admin

    Hi Fausto,
    You could try the script below to set color without randomly change:
    <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script><script type="text/javascript">
    $(document).ready(function () {
    var id;
    var rgb;
    var rgb1;
    var rgb2;
    var rgb3;
    for (var i = 0; i < $("div.ms-tileview-tile-content").length; i++){
    id = $("div.ms-tileview-tile-content")[i].id;
    if(i%2 == 0){
    rgb1 = getRgb(0,i);
    rgb2 = getRgb(50,i);
    rgb3 = getRgb(150,i);
    }else{
    rgb1 = getRgb(150,i);
    rgb2 = getRgb(50,i);
    rgb3 = getRgb(0,i);
    rgb = "rgb("+rgb1+","+rgb2+","+rgb3+")";
    $("#"+id).css("background-color",rgb);
    function getRgb(n,i){
    var rgbNum = n + i *25;
    if (rgbNum < 255){
    return rgbNum;
    }else{
    getRgb(1,1);
    </script>
    Please set the parameter “n” with number per your situation in the function getRgb(n,i). The screenshot below is my result:
    Regards,
    Rebecca Tu
    TechNet Community Support

  • A a:link has background image

    I have a bkg img in my nav and bottom nav. (navBkg.jpg) These navs are styled very specifically for the nav and bottom Nav in my css.  However all the a links are displaying this background, rather than just the nav and bottom Nav.  You can see it in the lower box (Eva prim's Snack of the Week Club) where it says "...read more."
    http://carriecoren.com/test/Sept9
    here's the css:
    @charset "UTF-8";
    #column3 img {
              margin-left: 10px;
    @font-face
    font-family: myFirstFont;
    src: url(Gondola_SD.ttf); 
              margin:0;
              padding:0;
    a, a:link, a:hover {
                        background-image: url(../images/whtBkg.jpg);
    body {
              font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
              font-size: 14px;
              color: #222;
              line-height: 18px;
              margin-right: auto;
              margin-left: auto;
              text-align: left;
              background-image: url(../images/blue_bg_vert.jpg);
              background-repeat: repeat-x;
              background-color: #000;
    #container {
              width: 960px;
              margin-right: auto;
              margin-left: auto;
              margin-top: 0px;
              margin-bottom: 0px;
              text-align: left;
              background-color: #FFF;
              background-image: url(../images/containerBkg.jpg);
              background-repeat: repeat-y;
    #content  {
              width: 920px;
              padding-right: 20px;
              padding-left: 20px;
    #header {
              background-image: url(../images/header.jpg);
              background-repeat: no-repeat;
              padding: 0px;
              height: 280px;
              width: 960px;
              text-indent: -9999px;
              margin-top: 0px;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
    /* column 1 */
    #column1 {
              width: 590px;
              margin-top: 30px;
              margin-right: 0px;
              margin-bottom: 20px;
              margin-left: 10px;
              border: medium solid #888;
              background-image: url(../images/column1art.jpg);
              padding-bottom:50px;
              float: left;
    #column1  p{
              font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
              font-size: 14px;
              color: #222;
              line-height: 22px;
              padding-left: 253px;
              padding-right:10px;
              padding-bottom:10px;
    #column1  h1{
              font-weight:normal
              font-family: Gondola_SD.ttf;
              font-family: "Gondola SD", "Gondola SD - Swash";
              padding-top: 20px;
              padding-left: 240px;
              padding-bottom:10px;
              font-size: 20px;
              word-spacing: 95%;
              text-transform: uppercase;
              line-height: 30px;
              text-align: center;
    /* column 2 */
    #column2 {
              background-color: #FFF;
              padding: 0px;
              width: 250px;
              margin-top:30px;
              margin-right: 20px;
              margin-bottom: 0px;
              margin-left: 10px;
              float: right;
              padding: 0px;
    #column2 li {
              list-style-type: none;
              display: inline;
              padding: 0px;
              margin-top: 0px;
              margin-right: 8px;
              margin-bottom: 0px;
              margin-left: 0px;
    #column2 a, a:link {
              margin-top: 0;
              margin-right: 0px;
              margin-bottom: 0;
              margin-left: 0;
              padding-top: 0;
              padding-right: 0;
              padding-bottom: 0;
              padding-left: 0;
    /* column 3 */
    #column3 {
              width: 550px;
              margin-right: 0px;
              margin-bottom: 20px;
              margin-left: 10px;
              border: medium solid #888;
              padding: 20px;
              float: left;
              height: px;
              background-color: #FFF;
    #column3  p{
              font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
              font-size: 14px;
              color: #222;
              line-height: 22px;
    #column3  h2{
              font-weight:normal
              font-family: Gondola_SD.ttf;
              font-family: "Gondola SD", "Gondola SD - Swash";
              padding-bottom:10px;
              font-size: 16px;
              word-spacing: 95%;
              text-transform: uppercase;
              line-height: 30px;
              text-align: left;
    #column3  a, a:link{
              color: #33C;
              background-color: #FFF;
              background-repeat: no-repeat;
    #column3  a:hover{
              color: #33C;
              font-weight: bold;
    h1{
              padding-bottom:10px;
              font-weight:normal
              font-family: Gondola_SD.ttf;
              font-family: "Gondola SD", "Gondola SD - Swash";
              padding-top: 20px;
              font-size: 20px;
              word-spacing: 95%;
              text-transform: uppercase;
              line-height: 30px;
              text-align: center;
    /* the main nav */
    #nav {
              width: 960px;
              height: 35px;
              margin-bottom: 10px;
              padding-top: 5px;
              padding-right: 0px;
              padding-bottom: 0px;
              padding-left: 0px;
              text-align: center;
              font-size: 14px;
              line-height: 30px;
              font-family: "Gondola SD", "Gondola SD - Swash";
              border-top-width:thin;
              border-color:#000;
              background-image: url(../images/navBkg.jpg);
              background-repeat: repeat;
    #nav ul { /* this is the main nav list */
              list-style:none;
              margin-bottom:0px;
              width:100%;
              margin-top: 0px;
    #nav li {
              display: inline;
              background-image: url(../images/navBkg.jpg);
              background-repeat: repeat-x;
    #nav li a, a:link {
              padding-right:25px;
              padding-left:15px;
              text-decoration:none;
              background-image: url(../images/navBkg.jpg);
              background-repeat: repeat-x;
              vertical-align: bottom;
              width: 100%;
              padding-top: 0px;
              padding-bottom: 0px;
              margin-top: 0px;
    #nav li a:hover{
              background-image: url(../images/navBkgHover.png);
              background-repeat: repeat-x;
              padding-top: 6px;
              margin-top: 0px;
              width: 100%;
    /* bottom nav */
    #bottomNav {
              width: 960px;
              background-color: #003399;
              margin: 0px;
              padding-top: 0px;
              padding-bottom: 0px;
              border-top-width: 9px;
              border-top-style: solid;
              border-top-color: #000;
              text-align: center;
              background-image: url(../images/navBkg.jpg);
              background-repeat: repeat-x;
              float: left;
              height: 25px;
    #bottomNav ul {
              list-style:none;
              font-weight:bold;
              margin-bottom:0px;
              margin-top: 0px;
              padding-top: 0px;
              padding-bottom: 0px;
    #bottomNav li {
              margin-right:0px;
              position:relative;
              padding-right: 10px;
              padding-left: 10px;
              padding-top: 0px;
              padding-bottom: 0px;
              display: inline;
    #bottomNav a, a:link {
              margin-right:0px;
              padding-right: 10px;
              padding-left: 10px;
              padding-top: 7px;
              padding-bottom: 7px;
              display: inline;
              margin-top: 10px;
              margin-bottom: 0px;
              color: #DDD;
    #bottomNav a:hover {
              color:#DDD;
              background:#660000;
    #pinterest {
              width: 250px;
              margin-right: 0px;
              margin-bottom: 20px;
              margin-left: 0px;
    #twitter {
              background-color: #FFF;
              width: 250px;
              margin-right: 0px;
              margin-bottom: 20px;
              margin-left: 0px;
              height: 100%;
              margin-top: 15px;
    #social {
              width: 250px;
              height: 58px;
              background-color: #FFF;
    #copyright {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 9px;
              line-height: 20px;
              color: #222;
              text-align: center;
              width: 100%;
              float: left;
    #contact {
              margin: 0px;
              height: 140px;
              width: 50px;
              padding-right: 10px;
              padding-left: 20px;
              border: thin solid #222;
              padding-top: 40px;
    .clear {
              width: 900px;
              color: #EEE;
              margin-top: 100px;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              clear: both;
    #container #content #clear {
              width: 700px;

    OK, you didn't need to post your CSS here, it's available on the page.
    But I am confused. Perhaps I am misreading you here.
    You have your bottom nav and your top nav. Then you have your "read more" which is not nav-it's just a link. Doesn't have your nav background.
    When you set the rules for links for Column 3, you set the way the "read more" would work:
    #column3  a, a:link{
              color: #33C;
              background-color: #FFF;
              background-repeat: no-repeat;
    #column3  a:hover{
              color: #33C;
              font-weight: bold;
    So when you hover, it turns bold and maintains the same color. And the background for links in Column 3 is white, which is the background for column 3. Really not needed.
    Additionally, the W3C Validator is finding problems with your page. Please fix those, then get back to us.

  • Problems with the background image size in a photobook

    Hi there, I really need help here. When I make a photobook I want to display my images large, taking the whole page. To do that I put the image as a background and it's OK. My problem is that when I do this, iPhoto always crops it. I have to use the move tool to move the image up and down, left or right to chose a best position. I don't want to do this, I want my image to be shown perfectly from end to end. I have to resize the image in many ways, even used the book's native resolution but it still doesn't work. If I choose "fit photo to frame size" I end up with two stripes at the top and the bottom of the page.
    Please help me, what size should I resize my image to, so that iPhoto displays it as it is?
    Thank you

    Hi
    The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
    But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
    Change - background-image:url(file:///Macintosh  HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
    To - background-image:url(images/test_back.png);
    But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
    PZ
    www.pziecina.com

  • Menu background image size

    Hi...if I follow this link http://docs.info.apple.com/article.html?path=iDVD/6.0/en/17.html and the instructions for preparing menu background images. My images still get cropped. Does anyone know the real sizes that will fit perfectly?
    From the Apple link:
    "If you want your images to fit the DVD window exactly, use an image-editing application to crop and resize the images to the following dimensions:
    720 x 540 pixels for standard video in NTSC format
    854 x 480 pixels for widescreen in NTSC format
    768 x 576 pixels for standard video in PAL format
    1024 x 576 pixels for widescreen in PAL format"
    Many thanks in advance

    Shingy,
    Today there is an update to iDVD (as well as other iApps) that you should make.
    After doing the update this is what I found:
    I'm not sure if the things I'm seeing are a result of the update, but after updating I have further defined the problem.
    The problem now seems to be in figuring out the proper background size when using a widescreen theme converted to 4:3
    Widescreen as widescreen and 4:3 as 4:3 work as expected in PAL.
    So, if you stick with the originally discussed image sizes for PAL you will be OK AS LONG AS you don't try to use a widescreen theme as a 4:3 theme. (I didn't try using a 4:3 theme as widescreen.)

  • Replacing images used as a link with background image

    OK - I'm embarrassed to say that what I'm trying to do is
    blindingly
    obvious, and I've used Dw for several years - and do most of
    the work
    in code view but I'm having a senior moment and can't do what
    I want.
    I've read that when you use images on a page for background
    styling,
    for example the logo, or an image of a professional body such
    as IEE,
    it is more semantically correct to use CSS background images
    rather
    that a <img src=
    tag
    So I have a div in which I put the background, but then
    perhaps quite
    logically you can't directly put a link to it. So how do you
    do it.
    I've tried to ensure there was a block element so when you
    hover l
    mouse over it you get a block link - but no joy.
    maybe my dyslexia early is the sign of premature brain fade
    ~Malcolm N....
    ~

    You cannot place a link on a background image. However, you
    can place a
    link on a transparent image floated over the background.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Malcolm N_" <[email protected]> wrote in message
    news:[email protected]..
    >
    > OK - I'm embarrassed to say that what I'm trying to do
    is blindingly
    > obvious, and I've used Dw for several years - and do
    most of the work
    > in code view but I'm having a senior moment and can't do
    what I want.
    > !!!
    >
    > I've read that when you use images on a page for
    background styling,
    > for example the logo, or an image of a professional body
    such as IEE,
    > it is more semantically correct to use CSS background
    images rather
    > that a <img src=
    > tag
    >
    > So I have a div in which I put the background, but then
    perhaps quite
    > logically you can't directly put a link to it. So how do
    you do it.
    >
    > I've tried to ensure there was a block element so when
    you hover l
    > mouse over it you get a block link - but no joy.
    >
    > maybe my dyslexia early is the sign of premature brain
    fade ;-)
    >
    > --
    >
    > ~Malcolm N....
    > ~

  • Image map + link in background image

    Is it possible to put an image map and link to a background
    image of a table?

    no but you can put a 1px by 1 x blank transparent image over
    the background image and add an image map to that

  • Resizing browser to background image size

    I am trying to redo my website and I want to have a large landscape image on the opening page and for the browser to automatically resize to the proportions of the images and for the image to change in size when the browser window is changed in size.
    To make it easier to understand I want it to work like this:-
    http://www.lachapellestudio.com/
    I don't want a 'border' to appear at any point. Does anyone know a small HTML snippet that will make this work???

    > Does a background image have to be smaller than a
    certain size in order to
    > show up as your background on a web page
    no
    -Darrel

  • Background Image Size

    Hello! First time poster :)
    Is there any way to compress background images in Captivate
    3? I'm creating a tutorial on how to use the admin side of a
    website that will be uploaded for people to log in and view. When
    all is said and done, there will be about 300 slides and 45 minutes
    of audio broken up over those slides. I'm editing MP3s outside of
    the program to keep their size low, but the background screen shots
    are killing me. In order to fit the entire browser into the shot,
    the slides had to be 920 x 695 pixels and each shot is about 2.5MB,
    making my .cp file size a cumbersome 800+MB. I'm worried that the
    size of the published file is going to be too large for most people
    to view easily.
    I feel pretty comfortable with this program, but as a first
    time user, I'm worried that there are things I should be doing
    differently to avoid such large file sizes. Any suggestions on ways
    to decrease my file size?
    Thanks so much!

    Thanks for your quick reply! Having only used Captivate in
    tutorials, I wasn't sure what its capabilities were as far as how
    much you should put in one file. I have the slides divided into
    sections that I could easily save out as separate projects, but
    here is my concern. I need the tutorial to work as one cohesive
    piece. Ideally, the user needs to be able to watch it once all the
    way through, but have the option of skipping to various sections
    they'd like to view again. I was planning on doing this via a
    button appearing on each slide that would take them to a single
    slide that would navigate them to whatever section they needed. Is
    there any way to split up the files, yet still make a singular
    published file (or at least something functioning as like a
    singular published file)? What are your recommended limits for
    Captivate projects?
    Any suggestions are welcome as I'm running into a time
    crunch. Let me know if my explanation is at all unclear.
    THANKS!!

Maybe you are looking for

  • Can the iPad 1st Generation be mirrored on Apple TV?

    Can the original iPad be video mirrored on Apple TV (2nd Gen)?

  • Apple screwed up by allowing all devices to upgrade to iOS 8 and 8.0.2

    Many of old devices having problems with iOS 8.0.2 Dropped calls, texts freezes, screen freezes, battery drain, and many more.. Apple needs to better job making sure all devices are compatible with new upgrades, like in the past. A solution needed qu

  • Mapping Problem Context Change

    Hi all I use Sap ABABusinessPartner to replicate Data. Here I have to map only TelephoneNumber where StandardSenderIndicator = X           partner           partner             Telephone                 StandardSenderIndicator                 Telepho

  • BlueTooth USB dongle problem

    Hello, I have a problem with my BlueTooth USB dongle OS: Win98 Drivers: latest 1.4.2.10 When I setup a connection the following error occurs: ERROR: Unable to start the BlueTooth stack service Can anyone tell me how to solve this problem?? Andries

  • Job and Position Descriptions in ESS

    Hi all, Does anyone know of a way of an employee accessing their Job and Position Descriptions from OM via ESS/MSS? I can see that ESS is very usefull for dealing with the PA side of an employee, but find it hard to allow access to their own OM data.