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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 26
  1. #1
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Exclamation Paypal button width not working properly

    http://www.uafclan.com
    is my website

    If you see to the right hand side is a paypal button. I've tried so many things, but I can't get the width to show up properly. It auto stretchese itself to really long. I've even deleted the div's it was nested in, and it was still stretched.

    The html for it is in the header, here is the html for all the right side boxes:
    **Note** I tried putting height and width elements in the paypal code, however height seemed to work fine, width would not respond. I checked and rechecked the code and it was correct.****

    Code:
    <!------------------- RIGHT Side Box Elements -------------------->
    <!-- RIGHT Side Box Elements -->
    <div class="class1"><!-- Lnk Properties-->
    <div id="inviscontainerrightboxes"><!-- Begin invisible container to hold txt boxes-->
    
    
    <!-------------BEGIN SIDEBOX ------------>
    <!-------------SideBox Header ------------>
    <DIV style="height:21px; width:150px; font-size: 14px; background-color: #000000; color: #000000; text-align: center; 
    
    font-weight: bold; background-image:url(http://www.uafclan.com/main/assets/sideboxheader.png); background-repeat: 
    
    repeat; ">
    
    </div><!--END Div Style -->
    
    <!-------------SideBox Content------------>
    <div id="sideboxbackground">
    <!-- Side Box Content -->
    <span class="boxtext">
    <span class="mainbodytext">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </span><!-- END mainbodytext -->
    </span><!-- END boxtext -->
    </div><!--END Sideboxbackground-->
    <!-------------END SIDEBOX------------>
    
    <br>
    
    <!-------------BEGIN SIDEBOX ------------>
    <!-------------SideBox Header ------------>
    <DIV style="height:21px; width:150px; font-size: 14px; background-color: #000000; color: #000000; text-align: center; 
    
    font-weight: bold; background-image:url(http://www.uafclan.com/main/assets/sideboxheader.png); background-repeat: 
    
    repeat; ">
    Top Donators
    </div><!--END Div Style -->
    
    <!-------------SideBox Content------------>
    <div id="sideboxbackground">
    <!-- Side Box Content -->
    <span class="boxtext">
    <span class="mainbodytext">
    
    <br>
    No Donations have been made to UAF yet
    <br>
    <br>
    
    </span><!-- END mainbodytext -->
    </span><!-- END boxtext -->
    </div><!--END Sideboxbackground-->
    <!-------------END SIDEBOX------------>
    
    <br>
    
    <!-------------BEGIN SIDEBOX ------------>
    <!-------------SideBox Header ------------>
    <DIV style="height:21px; width:150px; font-size: 14px; background-color: #000000; color: #000000; text-align: center; 
    
    font-weight: bold; background-image:url(http://www.uafclan.com/main/assets/sideboxheader.png); background-repeat: 
    
    repeat; ">
    Upcomming Events
    </div><!--END Div Style -->
    
    <!-------------SideBox Content------------>
    <div id="sideboxbackground">
    <!-- Side Box Content -->
    <span class="boxtext">
    <span class="mainbodytext">
    
    <br>
    We currently do not have any upcomming events
    <br>
    <br>
    
    </span><!-- END mainbodytext -->
    </span><!-- END boxtext -->
    </div><!--END Sideboxbackground-->
    <!-------------END SIDEBOX------------>
    
    <br>
    
    <!-------------BEGIN SIDEBOX ------------>
    <!-------------SideBox Header ------------>
    <DIV style="height:21px; width:150px; font-size: 14px; background-color: #000000; color: #000000; text-align: center; 
    
    font-weight: bold; background-image:url(http://www.uafclan.com/main/assets/sideboxheader.png); background-repeat: 
    
    repeat; ">
    Affiliates
    </div><!--END Div Style -->
    
    <!-------------SideBox Content------------>
    <div id="sideboxbackground">
    <!-- Side Box Content -->
    <span class="boxtext">
    <span class="mainbodytext">
    
    <br>
    We currently do not have any affiliates
    <br>
    <br>
    
    </span><!-- END mainbodytext -->
    </span><!-- END boxtext -->
    </div><!--END Sideboxbackground-->
    <!-------------END SIDEBOX------------>
    
    <br>
    
    <!-------------BEGIN SIDEBOX ------------>
    <!-------------SideBox Header ------------>
    <DIV style="height:21px; width:150px; font-size: 14px; background-color: #000000; color: #000000; text-align: center; 
    
    font-weight: bold; background-image:url(http://www.uafclan.com/main/assets/sideboxheader.png); background-repeat: 
    
    repeat; ">
    Get Flash Here!
    </div><!--END Div Style -->
    
    <!-------------SideBox Content------------>
    <div id="sideboxbackground">
    <!-- Side Box Content -->
    <span class="boxtext">
    <span class="mainbodytext">
    
    <br>
    
    <a href="http://www.adobe.com/shockwave/download/download.cgi"><img 
    
    src="http://www.uafclan.com/main/assets/get_flashplayer.gif" border="0" alt="Get Flash Player Here If You Cannot 
    
    Properly View the Flash On This Site!"></a> 
    <br>
    <br>
    
    
    </span><!-- END mainbodytext -->
    </span><!-- END boxtext -->
    </div><!--END Sideboxbackground-->
    <!-------------END SIDEBOX------------>
    
    
    <br>
    
    
    <!-------------BEGIN SIDEBOX ------------>
    <!-------------SideBox Header ------------>
    <DIV style="height:21px; width:150px; font-size: 14px; background-color: #000000; color: #000000; text-align: center; 
    
    font-weight: bold; background-image:url(http://www.uafclan.com/main/assets/sideboxheader.png); background-repeat: 
    
    repeat; ">
    Donate To UAF!
    </div><!--END Div Style -->
    
    <!-------------SideBox Content------------>
    <div id="sideboxbackground">
    <!-- Side Box Content -->
    <span class="boxtext">
    <span class="mainbodytext">
    
    <br>
    
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_xclick">
    <input type="hidden" name="business" value="wolfcry044@msn.com">
    <input type="hidden" name="item_name" value="United Armed Forces">
    <input type="hidden" name="no_shipping" value="2">
    <input type="hidden" name="no_note" value="1">
    <input type="hidden" name="currency_code" value="USD">
    <input type="hidden" name="tax" value="0">
    <input type="hidden" name="lc" value="US">
    <input type="hidden" name="bn" value="PP-DonationsBF">
    
    <input type="image" src="http://www.uafclan.com/main/assets/donate.png" border="0" name="submit" alt="Make payments 
    
    with PayPal - it's fast, free and secure!" >
    
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
    
    <br>
    
    </span><!-- END mainbodytext -->
    </span><!-- END boxtext -->
    </div><!--END Sideboxbackground-->
    <!-------------END SIDEBOX------------>
    
    
    <br>
    
    </div><!--END Inviscontainer that wraps around the body to maintain position of text boxes-->
    </div><!--END Class1 link properties-->

    Here's the CSS Stylesheet:


    Code:
    @charset "utf-8";
    
    /**************************************************************************
    * This Style Sheet Controls The Styles, And Graphics Of The Entire Website*
    ***************************************************************************/
    
    
    /* --------------------Background Properties-------------------- */
    
    
    /* --------This Script and the script in the header file  Preloads the images so they only have to load once!---------- */
    .hiddenPic {display:none;}
    
    
    
    
    body { 
      font-family:sans-serif;
     
      background-repeat: repeat;
      background-color: #000000;           
      background-position: 0px 0px; position: relative;
      background-attachment:fixed;
      color: #000000; 
      text-align: left;
       font-size: 13px;
        
    }
    
    
    
    .mainbodytext {font-family: sans-serif;    
      font-size: 13px; color: #ffffff; background-color: transparent; 
    }
    
    
    .sidebartext {font-family: sans-serif;    
      font-size: 14px; color: #C3C4B6; background-color: transparent; 
    }
    
    
    
    /* --------------------Page Graphics-------------------- */
    
    #banner {position:absolute; left:40px; top:0px; z-Index:10;}
    
    #mech {position:absolute; left:20px; top:10px; z-Index:100;}
    
    #menubar {position:absolute; left:40px; top:77px; z-Index:1;}
    
    #undertopbannermorals {position:absolute; left:40px; top:112px; z-Index:1;}
    
    #soldier {position:absolute; left:794px; top:110px; z-Index:100;}
    
    #handbookindex {position:relative; left:200px; }
    
    #copyright {  border-color:transparent; border-style:solid; border-width:0px; background-color: transparent; font-size: 10px; text-align:center; font-weight: none; color: #ffffff;}
    
    #inviscontainer { position: absolute; left: 195px; top: 165px; z-Index:1; width: 600px; background-color: transparent; } 
    
    #inviscontainerleftboxes { position: absolute; left: 40px; top:366px; z-Index:100; width: 150px; background-color: transparent; } 
    
    #inviscontainerrightboxes { position: absolute; left: 803px; top:165px; z-Index:100; width: 150px; background-color: transparent; } 
    
    #textboxes { border-color:#5C5950; border-style:solid; border-width:2px; width: 600px; background-color:#252525; font-size: 20px;  } 
    
    #sideboxbackground {  border-color:#5C5950; text-align: center; border-width:0px; width: 150px;  background-color: #252525; background-image:url(sideboxbackground.png);font-size: 15px;  } 
    
    
    
    
    
    
    /*--------------------Form CSS for Enlist Page--------------------*/
    
    
    <style type="text/css">
    
    label{
    float: left;
    width: 120px;
    font-weight: bold;
    }
    
    input, textarea{
    width: 180px;
    margin-bottom: 5px;
    }
    
    textarea{
    width: 250px;
    height: 150px;
    }
    
    .boxes{
    width: 1em;
    }
    
    #submitbutton{
    margin-left: 120px;
    margin-top: 5px;
    width: 90px;
    }
    
    br{
    clear: right;
    }
    
    </style>
    
    
    /*--------------------Generic Text And Link Attributes--------------------*/
    
    
    
    .boxtext { padding: 8px;} 
    
    
    /*--------------------*NOTE* the nowrap code is so the text does not Get out of order 
    when browser resizes. Not good to use for main body however, just for headers--------------------*/
    
    
    /* *mental note to self* Remember to make more classes if you need to make different text subjects have different link attributes. Any name can be used
    but for simplicity purposes I've chosen class1, class2. etc. change if you wish*/
    
    
    .class1 a:link { color:#CCCCCC; background-color: transparent; text-decoration: none;} 
    .class1 a:visited { color:#CCCCCC; background-color: transparent; text-decoration: none;} 
    .class1 A:active { color:#FFFFFF; background-color: transparent; text-decoration: none;} 
    .class1 a:hover { background: #B6B7A9; color :#000000;  text-decoration: none;} 
    
    
    /*--------------------Text Indent [used anytime anyone uses p tag--------------------*/
    
    p {text-indent: 8px;}
    
    
    
    /*--------------------Unique Text Attributes--------------------*/
    
    /*--------------------*REMEMBER, to use whitespace: nowrap; when you dont want text to stretch with browser--------------------*/
    
    
    
    /*--------------------Body header is the welcome header unique to each page. --------------------*/
    
    #bodyheader {font-family: sans-serif, Arial, Helvetica;  border: 0px; text-decoration:underline overline;  
      font-size: 18px; font-weight: bold; color: #000000; background-color: transparent;  position: absolute; left: 375px; top: 195px; 
      z-Index:1; white-space: nowrap; width:450px; height: 25px; text-align: center;
    
    }

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,661
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    You have 105 HTML errors and at least 3 CSS errors. Fixing those might fix your image.

    For example I've seen HTML in your CSS file which shouldn't be there:
    Code:
    <style type="text/css">
    label{
    float: left;
    width: 120px;

  • #3
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts
    WolfCry044, this is your problem:

    input, textarea{
    width: 180px;
    margin-bottom: 5px;
    }
    <div> - putting your mind in a box since 1997

  • #4
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts
    ohhh I forgot that I had made some css for a form I was doing. I didnt realize it interacted with other form elements.

    Also, upon validating the code, it messed up my entire site. The boxes that hold the information were DIVS that I was nesting inside an invisible div container so that they would be positioned on the page. They had no length, so that when more boxes were placed, it would let them scroll down the page but it wouldnt go past 600px width.

    However I found I was using DIV's more than one time. That was causing many errors. Now that I've tried making them SPAN instead of DIV so that I could use them more than once, the elements in the page are messed up.

    how do I fix this? when I try to use span, the background for the headers dont stretch past what the text is. It ignores length and width.

    It was all going fine until I validated it. Now I dont know what to do.

  • #5
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts
    Thanks VIPStephan for violating the new guy's page!

    Er, validating...



    Wolf, try this:

    Put this above <HTML>:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Now re-validate (if you want to), see what comes up, and check how your page looks.
    <div> - putting your mind in a box since 1997

  • #6
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,661
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Hm, sorry 'bout that. I guess sometimes things better stay unspoken...

  • #7
    New Coder
    Join Date
    Dec 2006
    Location
    Bahrain
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nice template, maybe that's paid hehehe lol

  • #8
    Regular Coder ArcticFox's Avatar
    Join Date
    Jan 2004
    Location
    Vostok Station, AQ
    Posts
    602
    Thanks
    35
    Thanked 3 Times in 3 Posts
    And that's 104 Errors on vipstephan.de/!

    Unspoken by me, of course.
    <div> - putting your mind in a box since 1997

  • #9
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts
    The graphics for the site was made entirely by my own hand. It's not a template.

    Is there any way to fix it so it works like how I wanted it to but validated as well?

    And, I fixed most of the errors. The ones that remain now are because I took the text boxes apart and are trying to figure out how to put them together again. I tried Div, but you can't use a div more than once, and I tried Span, but it messes everything up. That's why I'm asking you guys, is there any other way to get it to work?
    Last edited by wolfcry044; 01-26-2007 at 08:58 AM.

  • #10
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,639
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Most people put way too many divs in their page. Usually you can get what you want by applying the style to the particular tags directly rather than having to enclose them in a div. Also you can use as many divs as you need.

    It is ids that have to be unique. If you want to apply the same style in multiple places use a class.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #11
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts
    But when I use a class, it makes it to where the background image of the text only stretches as far as the amount of text that is in there. On my site I want there to be headers, that have text aligned to the middle. They are headers of some text boxes. But they all need to be the same size, not just the size the text is that is in the header.

    do I use div style just outside the spans?

    And what is div class, and how should it be used?

  • #12
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I've tried div class, and it seems to be working. Is it ok to use div classes more than once?

  • #13
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Ok, I've figured it out. Div class instead of Div ID was all I needed.

    The main page is now 100 percent valid transitional. The rest of the pages are not yet, but at least I have the index page properly coded. Now all I have to do is do the same thing to the side boxes, and then do the same thing to all the other pages on the site.

    Thanks for your help guys. I figured classes would work at first, but span class ruined it. Div Class rocks!

    http://www.uafclan.com

  • #14
    New to the CF scene
    Join Date
    Mar 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by wolfcry044 View Post
    Ok, I've figured it out. Div class instead of Div ID was all I needed.

    The main page is now 100 percent valid transitional. The rest of the pages are not yet, but at least I have the index page properly coded. Now all I have to do is do the same thing to the side boxes, and then do the same thing to all the other pages on the site.

    Thanks for your help guys. I figured classes would work at first, but span class ruined it. Div Class rocks!

    http://www.uafclan.com
    Hi,
    I am facing the same issue...my paypal button streches out of propotion.
    Below is the CSS stle sheet....can you help

    /* CSS Document */
    * { margin:0; padding:0;}
    html, body { height:100%; }
    body {font-size:100%; line-height:.9375em; background: url(images/bg.gif) top left repeat-x #e5eced }
    html, input, textarea { font-family: Arial, Helvetica, sans-serif;
    color:#232323; }

    .alignMiddle{ vertical-align:middle}
    .alignCenter{ text-align: center}
    .container1{ width:100%}
    object { vertical-align:top; outline:none}
    .clear { clear:both;}
    .fleft{ float:left}
    .fright{ float:right}
    div.container { overflow:hidden; width: 100%;}
    a img{ border:0}
    img{ vertical-align:top; }

    a{color:#38aff3; text-decoration:underline; outline:none}
    a:hover{text-decoration:none}

    .link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em }
    .link:hover{text-decoration:underline }

    .button{color:#f8f7f3; background:url(images/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none; }
    .button:hover{text-decoration:underline }

    #content ul{margin:0; padding:0; list-style:none;}
    #content ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
    #content ul li a{color:#232323; text-decoration:none ; line-height:1.53em; font-size:13px}
    #content ul li a:hover { text-decoration:underline; }
    #content ul li span { background:#f9ab8c; color:#fff; font-size:13px; }

    #content .ul1{margin:0; padding:0 25px 7px 0; list-style:none;}
    #content .ul1 li{background:none; margin:0; padding-left:0; line-height:1.66em; }
    #content .ul1 li a{color:#d84348; text-decoration:none; font-size:12px; float:right; font-weight:bold; background: url(images/marker2.gif) top left no-repeat; background-position:0 3px; padding-left:24px}
    #content .ul1 li a:hover { text-decoration:underline; }

    #content .ul li{background:#e5f3f5; background-position:0 5px; margin:0; padding-left:10px; }
    #content .ul .li{background:#fbfbfb;}
    #content .ul li a{color:#38aff3; text-decoration:none; line-height:2.16em; font-size:1em}
    #content .ul li a:hover { text-decoration:none; color:#000 }

    .link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
    .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; font-size:13px}
    .link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; font-style:normal; line-height:22px}
    .link-1:hover{ text-decoration:none; color:#000000}
    .link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
    .link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top; font-size:13px}
    .link-2 b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 11px 0 11px; font-style:normal; line-height:22px}
    .link-2:hover{ text-decoration:none; color:#000000}


    /*header*/
    #header {font-size:0.75em; color:#FFFFFF }
    #header .logo{ margin:35px 0 19px 0 }
    #header .block{ background:url(images/jhonson.png) top left no-repeat; height:332px; width:100%; color:#202020 }
    #header .indent-block{padding:55px 0 0 27px}
    #header .indent{margin:30px 0 0 519px; position:absolute; width:461px; background:url(images/block1.gif) top left no-repeat; height:55px}
    #header .indent3{margin:118px 0 0 860px; position:absolute; width:110px; }
    #header .indent4{margin:256px 0 0 0; position:absolute; width:980px; }
    #header .indent3 a{ color:#000; text-decoration:none; font-weight:bold; font-size:1.08em}
    #header .indent3 a:hover{ text-decoration:underline}
    #header .indent1{padding:0 0 27px 0; background:url(images/bg_menu.gif) top left no-repeat;}
    #header .indent2{padding:16px 0 0 16px;}

    #header ul{margin:0; padding:0; list-style:none;}
    #header ul li{ margin:0; display:inline; float:left; background:url(images/bg_menu.gif) top right no-repeat;}
    #header ul .last{background:none}
    #header ul li a{color:#030303; text-decoration:none; display:block; float:left ; padding:0 20px 0 22px; font-weight:bold; line-height:36px; font-size:1.08em}
    #header ul li a:hover {color:#fa4348; text-decoration:none; }
    #header ul li .current{color:#fa4348; text-decoration:none; }


    #header h1{color:#232323; font-size:3.58em; letter-spacing:-1px; line-height:1.2em }
    #header h2{color:#232323; font-size:1.83em; letter-spacing:-1px; margin-bottom:19px; line-height:1.2em }
    .link-3{color:#232323; font-size:1.33em; line-height:1.2em; background:url(images/marker.gif) center left no-repeat; padding:5px 0 2px 28px; text-decoration:none }
    .link-3:hover{ text-decoration:none; color:#1ea7ef}

    /*content*/
    .bg-cont{ background:#fdfbfb; border:1px solid #c3dbde;}
    #content{ font-size:0.75em; width:100%; text-align:left;}
    #content .indent-main{padding:15px 27px 30px 26px}
    #content .title{ margin-bottom:16px}
    #content .img-left{ float:left; margin:0 15px 28px 0}
    #content .img-left1{ float:left; margin:0 10px 16px 0}
    #content .img-left2{ float:left; margin:0 10px 0 0}
    #content .img-left3{ float:left; margin:0 15px 0 0}
    #content .img-right{ float:right; margin:0 0 10px 15px}
    #content .img-indent{ margin:0 0 16px 0}
    #content p{ margin:0 0 17px 0}
    #content .p{ margin:0}
    #content .p1{ margin:0 0 17px 0}
    #content .p2{ margin:0 0 7px 0}
    #content h2{color:#000000; background:url(images/tail.gif) bottom left repeat-x; padding-bottom:12px; margin-top:7px; font-size:1.33em; line-height:1.2em; margin-bottom:17px; }
    #content h1{color:#fdfdfd; font-size:1.58em; letter-spacing:-1px; line-height:1.2em; margin-bottom:31px;}
    #content h1 b{ text-transform:uppercase}
    #content h3{color:#111111; font-size:1em; line-height:1.2em; margin-bottom:21px; font-weight:normal }
    #content h3 span{color:#111111; font-size:1.83em; line-height:1.2em; margin-bottom:17px; }
    #content h5{color:#f64729; font-size:1.33em; line-height:1.2em; margin-bottom:7px; letter-spacing:-1px }
    #content h4{color:#f64729; font-size:1em; margin-bottom:13px; font-weight:normal }
    #content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
    .txt{ color:#000; font-size:1.92em}
    .txt1{ color:#8f8f8f}

    #content .indent{padding:0 0 0 150px}
    #content .indent1{padding:30px 0 0 0}
    #content .indent4{padding:0 0 0 16px}
    #content .indent2{padding:20px 0 0 16px}
    #content .indent3{padding:14px 0 0 0}
    #content .indent5{padding:0 0 0 208px}

    /*box*/
    .box{ background:#fbfbfb; width:100%;}
    .box .border-top {background:url(images/border_top.gif) repeat-x top;}
    .box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
    .box .border-left {background:url(images/border_left.gif) repeat-y left;}
    .box .border-right {background:url(images/border_right.gif) repeat-y right;}
    .box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
    .box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
    .box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
    .box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
    .box .indent-box{ padding:12px 16px 16px 16px; }
    /*box1*/
    .box1{ background:#e5eff0; border:1px solid #d3e4e7; font-size:1.16em; line-height:1.42em}
    .box1 .indent-box{ padding:14px 10px 10px 18px; }
    #content .box1 h2{color:#000000; background:none; padding-bottom:0; margin-top:0; font-size:2.14em; line-height:1.2em; margin-bottom:17px; letter-spacing:-1px }
    /*box2*/
    .box2{ background:#fbfbfb; border:1px solid #d3e4e7; font-size:1.16em; line-height:1.42em}
    .box2 .indent-box{ padding:14px 10px 10px 18px; }
    #content .box2 h2{color:#000000; background:none; padding-bottom:0; margin-top:0; font-size:1.57em; line-height:1.2em; margin-bottom:1px; letter-spacing:-1px }
    /*box3*/
    .box3{ background:#e5eff0; border:1px solid #d3e4e7;}
    .box3 .indent-box{ padding:14px 10px 20px 18px; }
    #content .box3 h2{color:#000000; background:none; padding-bottom:0; margin-top:0; font-size:1.83em; line-height:1.2em; margin-bottom:17px; letter-spacing:-1px }
    /*box4*/
    .box4{ background:#fbfbfb; border:1px solid #d3e4e7; }
    .box4 .indent-box{ padding:14px 10px 10px 18px; }
    #content .box4 h2{color:#000000; background:none; padding-bottom:0; margin-top:0; font-size:1.83em; line-height:1.2em; margin-bottom:1px; letter-spacing:-1px }

    /*footer*/
    #footer { color:#232323; font-size:0.75em;}
    #footer .indent-footer{ padding:16px 50px 0 37px;}
    #footer a {color:#232323; text-decoration:none}
    #footer a:hover { text-decoration:underline}

    #footer ul{margin:0; padding:0; list-style:none;}
    #footer ul li{ margin:0; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}
    #footer ul li a{color:#38aff3; text-decoration:none; display:block; float:left; padding:2px 15px 2px 15px}
    #footer ul li a:hover { text-decoration:underline; }
    #footer ul .first{background:none;}
    #footer ul .first a{ padding-left:0}


    .jamp{ width:113px; margin-left:6px}
    select{font-size:12px; color:#2d3331; height:22px; font-family: Arial, Helvetica, sans-serif;}

    .indent-2{ position:relative; padding-left:10px; float:left}
    .indent-3{ position:relative; padding-left:30px; float:left}
    .h{ height:38px}
    .h1{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
    .block-contact span{ float:right; margin-right:0}
    .input{
    border:none;
    background:none;
    width:258px; height:18px;
    font-size:1em;
    color:#000;
    padding-left:10px;
    padding-top:2px;
    padding-bottom:2px;
    }input{
    border:1px solid #d3e4e7;
    background:#FFFFFF;
    width:241px; height:18px;
    font-size:1em;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:2px;
    }
    textarea{
    border:1px solid #d3e4e7;
    background:#FFFFFF;
    width:271px; height:127px;
    font-size:1em;
    padding-left:10px;
    margin-bottom:11px;
    overflow:auto}

    the button becomes normal if i cange the textarea width but the the entire template gets screwed.....plz help
    Last edited by dotnet98; 03-01-2010 at 08:36 PM.

  • #15
    New Coder
    Join Date
    Jan 2007
    Posts
    88
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Wow, I was last here back in 2007, 3 years ago lol

    1. Which of that CSS has to do with the paypal button?
    2. Can you post the HTML portion of that paypal button?


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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