adding a frame around something

Sir Chivas™ wrote:Hi,

Can you either provide through PM your forum URL and tutorial used or can be done by posting it here. Also, if you're going to provide your forum URL, can you please provide a test account?

Thank you.

Spoiler:

BewizPro wrote:

Code:

Code Removed

Code:

border: 1px solid #000

Code:

HTML :
<div class="myDIV">Hello !</div>

CSS :
.myDIV {
padding:3px;
border:1px solid #000;
}

Ange Tuteur wrote:

BewizPro wrote:

Code:

Code Removed

Hello ?

If you want to add a border to something it's simple. Use the following CSS property :

Code:

border: 1px solid #000

Without the code we have no Idea what the selector for it is so that is your call. An example of an element with a border would be :

Code:

HTML :
<div class="myDIV">Hello !</div>

CSS :
.myDIV {
padding:3px;
border:1px solid #000;
}

I invite you to read the following, it should be helpful further.
http://www.w3schools.com/cssref/pr_border.asp

Code:

$(function(){$(function(){
              var numeroMinimoPalabras = 4;
              var longitudMinimaPalabra = 2;
              var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";
              var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png"; 
           
              if($("#text_editor_textarea").length != 0){
                  $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");     
                  $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'>Words minimum to send a message: " + numeroMinimoPalabras + " (at least " + longitudMinimaPalabra + " letters)</div><div id='div_minchars_info'></div></div>");
                 
                  var sceditor = $("#text_editor_textarea").sceditor("instance");                 
                  var str = sceditor.val();
                  var regex = new RegExp('\\w{' + longitudMinimaPalabra + ',}\\b', 'g');
                  var str_arr = str.match(regex);
                  var str_len = str_arr == null ? 0 : str_arr.length;
                 
                  if(str_len >= numeroMinimoPalabras) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                 
                  sceditor.keyUp(function(e) {
                    str = sceditor.val();
                    str_arr = str.match(regex);
                    str_len = str_arr == null ? 0 : str_arr.length;
                    if(str_len >= numeroMinimoPalabras) {
                        $("#div_minchars_info").html("You wrote <span style='color:green'>" + str_len + "</span> word(s). You can send the message <img src='" + ico_compl  + "' />"); 
                      $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                    }else{
                        $("#div_minchars_info").html("You wrote <span style='color:red'>" + str_len + "</span> word(s). You need " + (numeroMinimoPalabras - str_len) + " more word (s) to write this message <img src='" + ico_incompl  + "' />");
                        $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
                    }
                  });
              }
            })});

BewizPro wrote:here is the code i will post again so i can get the correct code needed

Code:

$(function(){$(function(){
               var numeroMinimoPalabras = 4;
               var longitudMinimaPalabra = 2;
               var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";
               var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png";  
            
             if($("#text_editor_textarea").length != 0){
                  $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");      
                  $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'>Words minimum to send a message: " + numeroMinimoPalabras + " (at least " + longitudMinimaPalabra + " letters)</div><div id='div_minchars_info'></div></div>");
                  
                  var sceditor = $("#text_editor_textarea").sceditor("instance");                  
                  var str = sceditor.val();
                  var regex = new RegExp('\\w{' + longitudMinimaPalabra + ',}\\b', 'g');
                  var str_arr = str.match(regex);
                  var str_len = str_arr == null ? 0 : str_arr.length;
                  
                  if(str_len >= numeroMinimoPalabras) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                  
                  sceditor.keyUp(function(e) {
                     str = sceditor.val();
                     str_arr = str.match(regex);
                     str_len = str_arr == null ? 0 : str_arr.length;
                     if(str_len >= numeroMinimoPalabras) {
                        $("#div_minchars_info").html("You wrote <span style='color:green'>" + str_len + "</span> word(s). You can send the message <img src='" + ico_compl  + "' />");  
                       $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                     }else{
                        $("#div_minchars_info").html("You wrote <span style='color:red'>" + str_len + "</span> word(s). You need " + (numeroMinimoPalabras - str_len) + " more word (s) to write this message <img src='" + ico_incompl  + "' />");
                        $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
                     }
                  });
               }
            })});

Code:

#div_minchars { border:1px solid black; }

Code:

#div_minchars { margin:3px auto; }