Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder
    Join Date
    May 2006
    Posts
    1,673
    Thanks
    28
    Thanked 4 Times in 4 Posts

    My image borders are not showiing ??

    I have a page with images on and because the images tend to merge into the page I wanted to put borders around them.

    This is the inline css

    Code:
    <img style="border:2px; border-color:blue;" src='http://www.expressresponse.net/images/tute_wp_04.jpg' alt='Auto Responder for SimplePage' title='Auto Responder for SimplePage'>
    Not sure why it's not working

    This is the page:

    http://www.expressresponse.net/HowTo...SimplePage.php


    Any ideas ?

    Thanks.


    .
    If you want to attract and keep more clients, then offer great customer support.

    Support-Focus.com. automates the process and gives you a trust seal to place on your website.
    I recommend that you at least take the 30 day free trial.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    You need to add a border-style:solid/dotted/dashed; Or just
    Code:
    border:2px solid blue;
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder
    Join Date
    May 2006
    Posts
    1,673
    Thanks
    28
    Thanked 4 Times in 4 Posts
    Thanks,

    I thought that I could also use this method
    for the border:

    Code:
    <INPUT name="x_name" value='' size="20" border="1" 
    maxlength="30" type="text">
    But it doesn't seem to work.

    As you can see on this page:
    http://gigext.com/

    the input boxes and the SUBMIT button do not have borders.

    The code looks like this:

    Code:
    <!-- Express Response Plugin-Code Begin -->
    <div style="width:200px; border:1px solid black; padding:20px;">
    <span style="font-size:14px;font-weight:bold;color:black;">
    Pick Up Our Free Newsletter</span>
    <form name="regis"action="http://expressresponse.net/leads.php" 
    method="POST"><span><input type="hidden" name="xrkey" 
    value="uk96k1978a9172j96xy"></span><br>
    <span><b>Name:</b>
    </span><span><INPUT name="x_name" value='' size="20" border="1" 
    maxlength="30" type="text"></span><br><span>
    <b>Email: </b></span><span><INPUT name="x_email" 
    value='' size='20' maxlength='60' type='text'></span>
    <br><br><center><input type='submit' value='SUBSCRIBE'>
    </center><span style="font-size:8px;"><br>
    <a href="http://www.expressresponse.net">
    Free Autoresponder Plugin</a></span></form><br>
    </div>
    <!-- Express Response Plugin-Code End -->

    Do I have to put style="border:1px solid black;" on
    each of the 3 lines ? or is there a more efficient method ?

    Thanks.


    .
    If you want to attract and keep more clients, then offer great customer support.

    Support-Focus.com. automates the process and gives you a trust seal to place on your website.
    I recommend that you at least take the 30 day free trial.

  • #4
    Regular Coder
    Join Date
    Apr 2012
    Posts
    165
    Thanks
    1
    Thanked 39 Times in 39 Posts
    Use CSS to set your styles so you don't have to type it out every time. Also, try to keep your code case-sensitive when referring to the various page elements (especially if you need to use them in a javascript) It's just good practice.

    Here's an example to show you how you can assign all the styles once and they will populate throughout your page:

    CSS:
    Code:
    #main {
    width: 200px;
    border:1px solid black; 
    padding:20px;
    }
    
    #sp1 {
    font-size:14px;
    font-weight:bold;
    color: #000;
    }
    
    #sp2 {
    font-size:8px;
    }
    
    img {
    border:2px solid blue;
    }
    
    input {
    border:1px solid black;
    }
    and then your HTML:
    Code:
    <div id="main">
    <span id="sp1">Pick Up Our Free Newsletter</span>
    <form name="regis"action="http://expressresponse.net/leads.php" method="POST">
    <span><input type="hidden" name="xrkey" value="uk96k1978a9172j96xy"></span><br />
    <span id="sp1">Name:</span>
    <span><input name="x_name" value='' size="20" maxlength="30" type="text"></span><br />
    <span id="sp1">Email: </span>
    <span><input name="x_email" value='' size='20' maxlength='60' type='text'></span>
    <br /><br /><center><input type='submit' value='SUBSCRIBE'></center>
    <span id="sp2"><br /><a href="http://www.expressresponse.net">Free Autoresponder Plugin</a></span>
    </form><br />
    </div>
    Last edited by EpicWebDesign; 06-19-2012 at 04:07 PM. Reason: added sample code

  • #5
    Senior Coder
    Join Date
    May 2006
    Posts
    1,673
    Thanks
    28
    Thanked 4 Times in 4 Posts
    Thanks for reply.

    But this being a "Plugin Code" it has to be self supporting.
    Between:

    <!-- Express Response Plugin-Code Begin -->

    and

    <!-- Express Response Plugin-Code End -->

    The reason is, this code will be copy n pasted into webapges where
    I have no control over the css.

    So I need to use inline css.

    I want to keep the code as short as possible.

    Do I have to put style="border:1px solid black;" on
    each of the 3 lines ? or is there a more efficient method ?


    Thanks.


    .
    If you want to attract and keep more clients, then offer great customer support.

    Support-Focus.com. automates the process and gives you a trust seal to place on your website.
    I recommend that you at least take the 30 day free trial.

  • #6
    Regular Coder
    Join Date
    Jun 2012
    Location
    Near Chicago, USA
    Posts
    123
    Thanks
    7
    Thanked 19 Times in 19 Posts
    If you have no control over the CSS where your code will be used, I think your only viable option is to use inline CSS. Independently importing CSS code could result in class name clashes.

    Will
    Numerology API for apps - Facebook, iPad, mobile phones. No charge to use API. [info]


  •  

    Posting Permissions

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