7 Replies Latest reply: Jul 29, 2013 6:26 AM by GESYMSB RSS

    CSS Styling

    GESYMSB Community Member

      Hello Folks I'm experimenting / Learning with CSS and I wonder is there is a way to reduce the space

      between the div border and the text. Thanks.

      SEPAR.jpg

      The CSS Code.......

       

      .GEMENU
      { width: 100%;     overflow: hidden;    border-bottom: 0;    position: absolute;
        left: 34px;      top: 218px;          font-family: Arial, Helvetica, sans-serif;
        font-style: normal;  line-height: normal;   font-weight: bold;
      }

      .GEMENU ul
      { margin: 0;     padding: 0;      padding-left: 0px;    font: bold 12px arial;
        list-style-type: none;
      }

      .GEMENU li{ display: inline; margin: 0; }

      .GEMENU li a
      {  float: left;   display: block;   text-decoration: none;   margin: 0;
         padding: 7px 8px; /*padding inside each tab*/
         border-right: 0px solid white; /* Tab's Right Divider between*/
         color: #FF0;        background: #3b3b3b; /*Default Color*/
      }

      .GEMENU li a:visited{ color: yellow; /*Visited Color*/

        • 1. Re: CSS Styling
          Nystromium

          Please post your HTML  so experts can give you a proper response.

          • 2. Re: CSS Styling
            Nancy O. CommunityMVP

            Remove code in RED

             

            .GEMENU {

            width: 100%;    

            overflow: hidden;

            border-bottom: 0;

            position: absolute;

            left: 34px;

            top: 218px;

            font-family: Arial, Helvetica, sans-serif;

            font-style: normal; 

            line-height: normal;  

            font-weight: bold;

            }

             

             

             

            Nancy O.

            • 3. Re: CSS Styling
              GESYMSB Community Member

              I will try that, 100000000 of thanks again !

               

              BTW do you know where I can go to post questions about Javascript ?

              This is what I would like to post, mabe you can help me, most example just

              print ( write to the page ) noticed I want a variable to display between 2

              strings or words.....

               

              From WC3 I found this:

              JavaScript getFullYear() Method     Return the year:

               

              var d = new Date();     var n = d.getFullYear();

              The result of n will be: 2013

               

              Can I do this?:   (new Date()).getFullYear()

               

              Also how I can use the ID tag, for example:

              Today is year ( variable that shows the year here ) take care.

              Thanks

              • 4. Re: CSS Styling
                Nancy O. CommunityMVP

                <p>Current year

                <script type="text/javascript">

                var theDate=new Date()

                document.write(theDate.getFullYear())

                </script></p>

                 

                 

                 

                Nancy O.

                • 5. Re: CSS Styling
                  GESYMSB Community Member

                  Going back to the CSS Boxes, Nancy, just want to let you know that
                  I did experimenting with "Floats" instead "absolute" positioning and

                  everything come out GREAT on all 3 Browers I had for testing
                  ( Chrome, IE and Firefox )

                   

                  On your post above, document.write(theDate.getFullYear())

                  will display the variable, but I read some place

                  some where, you can pass that value do a div box

                   

                  I try a couple of times and dint work, do you know what I'm

                  talking about?      The return from theDate.getFullYear()

                  to be displayed inside div box, I think you use the div ID....

                  • 6. Re: CSS Styling
                    Nancy O. CommunityMVP

                    <div id="foo">

                         <p>Current year

                         <script type="text/javascript">

                         var theDate=new Date()

                         document.write(theDate.getFullYear())

                         </script></p>

                    </div>

                     

                     

                    Nancy O.

                    • 7. Re: CSS Styling
                      GESYMSB Community Member

                      Thanks!