Thread: Css trouble

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2010
    Posts
    2
    Rep Power
    0

    Css trouble


    I have a site with menu pop ups on footer but for some reason when I ad links it puts the link on a new line no matter what and nothing before or after it.
    Code:
    	      /*     Item Name : Pure CSS3 Sticky Footer     Author URI : http://themeforest.net/user/Keliah     Item URI : http://codecanyon.net/item/pure-css3-sticky-footer/128701     Version : 1.4     */           /*           TABLE OF CONTENTS           01 FOOTER - GENERAL STYLES     02 FOOTER - DROP DOWN MENU (DROP UP)     03 FOOTER - COLUMNS CONTENT           */                       /*  _______________________________________                   01 FOOTER - GENERAL STYLES         _______________________________________  */                       /* The #footer must stick to the bottom of the page, the fixed positionning is here necessary. */           #footer {             position: fixed;             bottom: 0px;             margin:0;             left:0;             right:0;             width: 100%;             min-width:980px;     height: 18px;             background:#006C00;             border-top: 1px solid #006C00;             padding:5px;             font-family:Arial, Helvetica, sans-serif;             text-shadow: 0px 0px 0px #000;                         /* CSS3 Stylings - Creates the double top border */             -moz-box-shadow: 0px -1px 0px #161616;             -webkit-box-shadow:  0px -1px 0px #161616;         box-shadow:  0px -1px 0px #161616;                         /* CSS3 Stylings - Creates the gradient background */             background: -moz-linear-gradient(top, #006C00, #006C00);             background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006C00), to(#006C00));     }           /* General typography stylings, paragraphs and H2 tags */           #footer h2 {             font-size:15px;             line-height:15px;             color:#000000;             letter-spacing:0px;             padding:0px 10px 0px 10px;             margin:12px 0;     }     #footer h3{             font-size:15px;             color:#000000;             padding:0px 10px 0px 10px;             text-decoration:none;             line-height:15px;     }     #footer p {             color:#ffffff;             font-size:13px;             padding: 0px 0px 0px 0px;             line-height:18px;                         float:left;             margin:0px 100px;     }     #footer img {             border:none;     }     #footer a {             color:#ffffff;             text-decoration:none;     }     #footer li ul {             list-style:none;             padding:0;             margin:0 0 12px 0;     }           #footer .strong { /* Forcing a bold text */             font-weight:bold;     }     #footer .italic { /* Forcing an italic text */             font-style:italic;     }     .clear { /* Use this class between rows of content when you use columns */             clear: both;             display: block;             overflow:none;             visibility: hidden;             width: 0;             height: 0;     }           /* Images containers */           #footer .imgshadow { /* Better style on dark background */             background:#FFFFFE;             padding:4px; /* Makes the light borders thanks to the background color */             border:1px solid #333333;             margin-top:5px;             /* CSS3 shadow */             -moz-box-shadow:0px 0px 5px #000000;             -webkit-box-shadow:0px 0px 5px #000000;             box-shadow:0px 0px 5px #000000;     }     #footer .img_left { /* Image sticks to the left */             width:auto;             float:left;             margin:5px 15px 5px 0px;     }     #footer .img_right { /* Image sticks to the right */             width:auto;             float:right;             margin:5px 0px 5px 15px;     }           /* Black background text box */           #footer .black_box {             background-color:#111111;             padding:4px 6px 4px 6px;             margin-bottom:6px;                   /* CSS 3 Rounded Corners */             -moz-border-radius: 5px;         -webkit-border-radius: 5px;         -khtml-border-radius: 5px;         border-radius: 5px;             /* CSS 3 Inset Shadow */             -webkit-box-shadow:inset 0 0 5px #000000;             -moz-box-shadow:inset 0 0 5px #000000;             box-shadow:inset 0 0 5px #000000;     }           /* Social Icons */           #footer #social {             float:right; /* Positionning of the social icons container */             width:auto;             margin:5px 15px 0px;             padding:0px;             overflow:hidden;     }     #footer #social li {             margin-right:12px; /* 12px is the space between each one of them */             _margin-right:0px; /* IE6 only */             float:left;             width:24px;             padding:0px;             height:32px;             list-style:none;     }     #footer #social li:hover {             margin-top:-1px; /* Icons move 1px up on hover, you can remove this if you don't like */     }           /* Tooltips for social icons */           a.tooltip:hover {             text-decoration:none;     }     /* The "span" defines the text appearing on mouse hover, these are basic stylings */     a.tooltip span {             display:none;             padding:5px;             bottom:44px;             position:relative;             width:55px;             text-align:center;             /* CSS3 Rounded Corners */             -moz-border-radius: 3px;             -webkit-border-radius: 3px;             border-radius: 3px;     }     a.tooltip:hover span {             display:block;             position:absolute;             border:1px solid #333333;             background:#181818;             color:#dddddd;             font-size:12px;             margin-left:-20px;     }                       /*  _______________________________________                   02 FOOTER - DROP DOWN MENU (DROP UP)         _______________________________________  */                       #footer_menu {             margin: 0;             padding: 0;             width:auto;     }     #footer_menu li {             list-style: none;             float: left;             font-size:13px;             padding: 0px 14px 14px 14px;             border-right:1px solid #006C00;             border-left:1px solid #006C00;             background:#006C00;                         /* CSS3 Stylings - Creates the gradient background */             background: -moz-linear-gradient(top, #006C00, #006C00);             background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006C00), to(#006C00));     }     #footer_menu li:hover {             background:#006C00;             /* CSS3 Stylings - Creates the gradient background */             background: -moz-linear-gradient(top, #006C00, #006C00);             background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006C00), to(#006C00));     }     #footer_menu li a {        display: block;        color:#ffffff;        text-decoration: none;     }     #footer_menu li a:hover {        color: #ffffff; text-decoration: underline;     }     #footer_menu .imgmenu { /* Used for the home item, text is here hidden and replaced by an image */         padding:5px 8px 0px 14px;         border:none;         background:none;     }     #footer_menu .imgmenu a { /* Used for the home item, text is here hidden and replaced by an image */         background:url("img/home.png") top left no-repeat;         width:360px;         height:30px;     }     #footer_menu li.imgmenu:hover {         background:none;     }     #footer_menu li.imgmenu a:hover {         background:url("img/home2.png") top left no-repeat;     }           /* Drop Up */           /* You may have heard about drop down menus, the principle is here the same except that        the content is going up instead of down */             #footer_menu li ul.dropup {        display: none;        width: 10em;   /* Width for Opera */}     #footer_menu li:hover ul.dropup  {             display: block;             position: absolute;             margin: 0 0 0 0px;             bottom:23px; /* Distance to the bottom of the browser */             background-color:#006C00;             border: 1px solid #006C00;             border-bottom:none;                   /* CSS3 Stylings - Rounded Corners */             -moz-border-radius: 7px 7px 0px 0px;             -webkit-border-radius: 7px 7px 0px 0px;             border-radius: 7px 7px 0px 0px;     }           #footer_menu li:hover a {             color: #ffffff;     }     #footer_menu li:hover a:hover {             color: #ffffff;     }     #footer_menu li:hover p {             margin:0px 0;     }     /* Right Panel */           #footer_menu .right { /* Use the right class to push the content to the right */             float:right;     right:12px;             margin-right:2px;     }     #footer_menu .one { /* Use the right class to push the content to the right */             float:right;             padding-right:25px;             margin-right:0px;     }                 /*  _______________________________________                   03 FOOTER - COLUMNS CONTENT         _______________________________________  */                       /* Following the principles of the 960 grid, we define here 3 containers        which can contain from 1 to 3 columns */             #footer .dropdown_1column,     #footer .dropdown_2columns,     #footer .dropdown_3columns {             margin:4px auto;             position:absolute;             padding:0px 0px 0px 0px;             display:none;             text-align:left;     }           /* Drop Downs Sizes */           #footer .dropdown_1column {width: 140px;}     #footer .dropdown_2columns {width: 280px;}     #footer .dropdown_3columns {width: 420px;}     /* Showing Drop Down on Mouse Hover - Left aligned */           #footer_menu li:hover .dropdown_1column,     #footer_menu li:hover .dropdown_2columns,     #footer_menu li:hover .dropdown_3columns {             display: block;             position: absolute;             margin: 0 0 0 -16px;             bottom:23px;             background-color:#006C00;             border: 1px solid #006C00;             /* CSS3 Stylings - Rounded Corners */             -moz-border-radius: 7px 7px 0px 0px;             -webkit-border-radius: 7px 7px 0px 0px;             border-radius: 7px 7px 0px 0px;     }           /* Columns sizes, they have to be placed within a dropdown_columns DIV */           #footer .col_1,     #footer .col_2,     #footer .col_3{             display:inline;             float: left;             position: relative;             margin-left: 5px;             margin-right: 0px;     }     #footer .col_1 {width:135px;}     #footer .col_2 {width:270px;}     #footer .col_3 {width:410px;}                 /* Lists stylings */           #footer_menu li ul.simple { /* Reset stylings for other lists inside columns */             margin-left:5px;     }     #footer_menu li ul.simple li {             border:none;             padding:0px;             width:120px;             line-height:24px;             margin-left:5px;     }
    I need to know what part of code to change this. Thx
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2013
    Posts
    3
    Rep Power
    0
    I know you cannot post live url here but you can post it without www or http,,, so we can help you better...

IMN logo majestic logo threadwatch logo seochat tools logo