-3

First: i have a slide in (start.html) in this page. To move thumb images row to top I changed border,margin,padding,exchange top and left in slider stylesheet but my triangle border lost its head (start2.html).
minimized page: jsfiddle.net/ht6gmaku/

I already know how to create triangle border can anybody tell me the reason for corrupted display.
the original and changed slide stylesheets page

Community
  • 1
  • 1
omidshadbash
  • 51
  • 7
  • 3
    Questions seeking code help must include the shortest code necessary to reproduce it **in the question itself** preferably in a [**Stack Snippet**](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). See [**How to create a Minimal, Complete, and Verifiable example**](http://stackoverflow.com/help/mcve) – Paulie_D Mar 01 '16 at 10:11
  • 1
    You may find help here: [Speech bubble with arrow](http://stackoverflow.com/questions/30299093/speech-bubble-with-arrow) – jbutler483 Mar 01 '16 at 10:42

1 Answers1

1

Give height 100% at the thumbs container:

.ms-tabs-template .ms-thumb-list.ms-dir-h {
  top: -101px;
  width: 100%;
  height: 100%;//GIVE 100%
}

Result:

enter image description here

silviagreen
  • 1,679
  • 1
  • 18
  • 39