Results 1 to 3 of 3

Thread: unable to put a border around a pic slideshow

  1. #1
    Join Date
    Jul 2012
    Vantaa, Finland

    unable to put a border around a pic slideshow

    I have copied the code for a slideshow which uses html. css and jquery. The slideshow doesn't have a border and I have been unable to create one.

    I have used the following css code;
    #fadein { padding; 10px;
              border-width: 2px;
              position:relative; height:255px; width:500px; 
    #fadein img { position:absolute; left:0; top:0; }
    This is what the url looks like.

    What do I need to do to create a border around it? Or is there a place to get the entire code? I have tried 1 on css tricks but it didn't work.

    If it helps the jquery I used is below it is in the order that it is in my file.

    Head section;
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    	$('.fadein img:gt(0)').hide();
    	setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
    body html
    HTML Code:
    <div class="fadein">
      <img src="http://what-do-christians-believe.co.uk/test/bible_spk_small.png">
      <img src="http://what-do-christians-believe.co.uk/test/candles.png">
    <!--  <img src="http://what-do-christians-believe.co.uk/wpimages/people_2d.png"> -->
    <!-- END OF SLIDER CODE -->
    You can view the whole html file here

  2. #2
    Join Date
    Mar 2011
    In your HTML code, 'fadein' is a class name and you're addressing it as an ID attribute in your CSS. Change it to a class name in your CSS.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Jul 2012
    Vantaa, Finland
    Thanks for your reply. it works now. I have raised a new ticket because their is a different issue with it. Not sure if this was the correct way to do it though.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center