Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Jan 2011
    Posts
    1
    Member #
    26356
    I've been trying to remove the black border around the images in the slideshow. Below is the code, what should I change to get rid of that black border??? Please help, thanks. Also the site is patrickstiener . tumblr . com




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "">
    <html xmlns="" xml:lang="en" lang="en">
    <head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {blockescription}
    <meta name="description" content="{MetaDescription}" />
    {/blockescription}



    <!-- Coda Slider Effect from )/coda-slider-effect/ -->
    <script src=")/tumblr/port3/jquery-1.2.6.js" type="text/javascript"></script>
    <script src="tumblr/port3/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
    <script src="/tumblr/port3/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
    <script src="/tumblr/port3/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="/tumblr/port3/coda-slider.js" type="text/javascript" charset="utf-8"></script>


    <script src="/tumblr/port3/jquery.tooltip.min.js" type="text/javascript"></script>



    <script type="text/javascript">
    $(function() {


    $('.tools').tooltip({
    track: true,
    delay: 0,
    showURL: false,
    extraClass: "tips",
    fixPNG: false,
    left: -120,
    fade:250
    });


    });
    </script>
    <!-- Defaults -->

    <meta name="text:Resume Link" content=""/>
    <meta name="text:Blog Link" content=""/>
    <meta name="text:Email Address" content=""/>
    <meta name="color:Background" content="#eee"/>
    <meta name="color:Text" content="#000"/>
    <meta name="color:Link" content="#333"/>
    <meta name="image:Header" content=""/>






    <style type="text/css">

    body{
    margin: 30px 20px 20px 20px;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    background-color: {color:Background};
    }


    #top{
    padding:15px 0px 25px 0px;
    width:900px;
    margin:auto;
    }

    #wrapper{
    width: 900px;
    margin: 0 auto;
    font-size:12px;
    position:relative;
    color:{color:Text};
    }

    #description {
    padding: 20px;
    }


    a{
    color:{color:Link};
    }

    h1{
    color:{color:Text};
    padding:0;
    margin:0;
    }

    h2{
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
    }

    #slider{
    width: 775px;
    margin: 0 auto;
    position: relative;
    }

    .scroll{
    width: 790px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    }

    .scrollContainer div.panel{
    padding: 20px;
    width: 775px;
    }


    ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 46px;
    padding-bottom: 9px;
    }

    ul.navigation li {
    display: inline;
    }

    ul.navigation a {
    width:47px;
    height:17px;
    margin:10px 0px;
    text-indent:-2000px;
    background:url(/tumblr/port3/dot.png") no-repeat top center;
    display:block;
    float:left;
    opacity:.5;
    text-decoration: none;
    }

    ul.navigation a:hover {
    opacity:1;
    }

    ul.navigation a.selected {
    opacity:1;
    }

    ul.navigation a:focus {
    outline: none;
    }

    .scrollButtons {
    position: absolute;
    bottom: -18px;
    cursor: pointer;
    }

    .scrollButtons.left {
    display:block;
    left: 0px;
    width:50px;
    height:17px;
    text-indent:-2000px;
    background:url("/tumblr/port3/left.png") no-repeat top center;
    display:block;

    }

    .scrollButtons.right {
    display:block;
    right: -22px;
    width:50px;
    height:17px;
    text-indent:-2000px;
    background:url(/tumblr/port3/right.png") no-repeat top center;
    display:block;
    }

    .hide {
    display: none;
    }

    .caption{
    float:left;
    width:240px;
    padding:0px 10px 0px 20px;
    }

    .photobox,.photosetbox,.videobox{
    float:left;
    width:500px;
    }





    #about,.click2{
    display:none;
    }

    #menu{
    width:60px;
    position:absolute;
    top:5px;
    left:0px;
    list-style:none;
    margin:0;
    padding:0;
    }

    #menu li{
    padding:10px 0px;
    }


    #about,#work{
    float:left;
    width:790px;
    }
    #work{
    padding-left:65px;
    }
    #about{
    padding:0px 0px 0px 65px;
    }

    .tools{
    }

    .tips{
    width:180px;
    max-height:100px;
    overflow:hidden;
    display:block;
    position:absolute;
    background:{color:Text};
    color:{color:Background};
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px {color:Link};
    -moz-box-shadow: 2px 2px 2px {color:Link};
    -webkit-box-shadow: 2px 2px 2px {color:Link};
    padding:2px 10px;
    }

    .tips h3{
    font-weight:normal;
    font-size:11px;}

    .clear{
    clear:both;
    }


    #credit{
    position:fixed;
    bottom:0px;
    right:0px;
    font-size:10px;
    padding:5px;
    z-index:-1;
    }

    </style>
    </head>

    <body>

    <div id="top">
    {block:IfHeaderImage}
    <a href=""><img src="{image:Header}"border="0"/></a>
    {/block:IfHeaderImage}
    {block:IfNotHeaderImage}
    <h1>{Title}</h1>
    {/block:IfNotHeaderImage}
    </div>

    <div class="clear"></div>

    <div id="wrapper">

    <ul id="menu">
    <li class="click"><a href="#">About</a></li>
    <li class="click2"><a href="#">Portfolio</a></li>
    {block:IfResumeLink}
    <li><a href="{text:Resume Link}">Resume</a></li>
    {block:IfResumeLink}

    {block:IfBlogLink}
    <li><a href="{text:Blog Link}">Blog</a></li>
    {block:IfBlogLink}

    {block:IfEmailAddress}
    <li><a href="mailto:{text:Email Address}">Contact</a></li>
    {block:IfEmailAddress}
    </ul>

    <div class="clear"></div>

    <script type="text/javascript">
    $(".click a").click(function () {
    $("#about,#slider").slideToggle("slow");
    $(".click").hide();
    $(".click2").show();
    });
    </script>

    <script type="text/javascript">
    $(".click2 a").click(function () {
    $("#about,#slider").slideToggle("slow");
    $(".click2").hide();
    $(".click").show();
    });
    </script>



    <div id="about">
    <div id="description">{Description} </div>
    </div>

    <div id="slider">

    <div class="scroll">
    <div class="scrollContainer">
    {block:Posts}

    {block:Photo}
    <div class="panel post photo" id="{PostID}">
    <a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500} "class="photobox" alt="{PhotoAlt}" title="Click for Hi-Res Photo"/></a>
    {block:Caption}
    <div class="caption">{Caption}</div>

    {/block:Caption}
    </div>
    {/block:Photo}



    {/block:Posts}


    </div>
    </div>
    <div class="clear"></div>

    <ul class="navigation">
    {block:Posts}
    {block:Photo}<li><span class="tools" title="{PhotoAlt}"><a href="#{PostID}">&bull;</a></span></li>{/block:Photo}
    {/block:Posts}
    </ul>

    </div>
    </div>
    <div class="clear"></div>

    </body>
    </html>

    Reply With Quote

  2.  

  3. #2
    Member
    Join Date
    Jan 2011
    Location
    Edmonton, Alberta
    Posts
    82
    Member #
    26483
    Liked
    2 times
    The easiest way is to add this into the css:

    img {
    border: none;
    }

    What that does is tells the page to not use a default border for an image that is used as a link. If you want some of the images links to have borders, then I suggest making a specific class that takes away the border or makes the border look how you want.

    For example:

    .imgNoBorder {
    border: none;
    }

    Than you would add in that class to the image tag:

    <img src="stuff" title="stuff" class="imgNoBorder" />
    Check out some of my work: http://www.jr-webdesigns.com


Posting Permissions

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

Search tags for this page

add white border around tumblr photos
,
how do i add a border to a photo on tumblr
,

how to add borders on tumblr

,

how to change the color of your border on tumblr

,
how to get borders around posts tumblr
,
html code to get rid of background color around photos
,
tumblr border around title
,

tumblr border codes

,

tumblr border html

,
tumblr themes with borders for pictures
Click on a term to search for related topics.
All times are GMT -6. The time now is 05:18 PM.
Powered by vBulletin® Version 4.2.0
Copyright © 2014 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com