Need CSS help pleaseee

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Juicy D. Links
    So Fucking Banned
    • Apr 2001
    • 122992

    #1

    Need CSS help pleaseee

    Logo is left aligned in FF and Chrome but not IE


    CSS is below:


    Code:
    #header .line1 .logo a img {
    	width: 456px;
    	height: 50px;

    What can i add to make it left aligned for a image?
  • machinegunkelly
    Confirmed User
    • Jun 2003
    • 3304

    #2
    .logo {
    text-align:left;}

    Should likely do it ?

    Would have to see the code you're working with man.
    dead.

    Comment

    • mc-nudes
      Confirmed User
      • Jun 2008
      • 191

      #3
      float: left;


      http://www.MC-NUDES.com | daily female seduction
      ------------------------------------------------
      DAILY UPDATES SINCE 2004 - 100% EXCLUSIVE - CCBILL CASCADING BILLING - 255 DAYS CCBILL COOKIE LIFETIME
      EMAIL: [email protected]

      Comment

      • adult-help
        Confirmed User
        • Mar 2008
        • 2450

        #4
        left aligned to what? without code is just guessing but you have to set parent element to text-align:left like machinegunkelly said.Could not work in some cases - you gave us too little..
        Adult web templates, Adult WordPress Themes, TGP, MGP..
        also Complete Wordpress PaySite Development - Adult WordPress Blog Themes - Free FHG Templates - Free PaySite Script - Adult Tutorials Directory - Adult Domain Marketplace - Adult Jobs

        Comment

        • KickAssJesse
          Confirmed User
          • Jul 2008
          • 942

          #5
          Originally posted by machinegunkelly
          .logo {
          text-align:left;}

          Should likely do it ?

          Would have to see the code you're working with man.
          Agreed; it can be one of many things, however, based on what was provided, this makes the most sense.

          Originally posted by mc-nudes
          float: left;
          Somewhat correct, however you must clear floats after the div or it'll run into other position/spacing issues.

          Contact - email: jesse~AT~atkcash~DOT~com - Skype: kickassjesse - ICQ: 386185547
          ATK Cash $$$

          Comment

          • machinegunkelly
            Confirmed User
            • Jun 2003
            • 3304

            #6
            Originally posted by KickAssJesse
            Agreed; it can be one of many things, however, based on what was provided, this makes the most sense.



            Somewhat correct, however you must clear floats after the div or it'll run into other position/spacing issues.
            Yeah I wasn't gonna suggest a float, it will lead him to a nightmare if he's not versed on clear's etc.

            We need the header code to give the best answer.
            Last edited by machinegunkelly; 03-17-2011, 08:44 AM. Reason: evading grammar police
            dead.

            Comment

            • Juicy D. Links
              So Fucking Banned
              • Apr 2001
              • 122992

              #7
              Sec lololol let me get you DATA!!!!!!!!! lolol

              Comment

              • Juicy D. Links
                So Fucking Banned
                • Apr 2001
                • 122992

                #8
                Code:
                <div class="line1">
                  <div class="logo">
                    <a href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/xlogo.gif" alt="" align="left"></a>
                  </div>
                  {include file="customer/tabs.tpl"}
                  {include file="customer/phones.tpl"}
                </div>

                Thats in the template

                Comment

                • machinegunkelly
                  Confirmed User
                  • Jun 2003
                  • 3304

                  #9
                  Yeah, I'd try the CSS I put above then.
                  dead.

                  Comment

                  • KickAssJesse
                    Confirmed User
                    • Jul 2008
                    • 942

                    #10
                    Code:
                    <div class="line1">
                      <div class="logo" style="text-align:left;">
                        <a href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/xlogo.gif" alt=""></a>
                      </div>
                      {include file="customer/tabs.tpl"}
                      {include file="customer/phones.tpl"}
                    </div>
                    I would removed the align="left" from the image unless you have content to the right of it.
                    Adding the style of text-align: left should solve your problem.

                    Contact - email: jesse~AT~atkcash~DOT~com - Skype: kickassjesse - ICQ: 386185547
                    ATK Cash $$$

                    Comment

                    • Davy
                      Confirmed User
                      • Apr 2006
                      • 4323

                      #11
                      Float left and then a clearing div afterwards.
                      ---
                      ICQ 14-76-98 <-- I don't use this at all

                      Comment

                      • Juicy D. Links
                        So Fucking Banned
                        • Apr 2001
                        • 122992

                        #12
                        Originally posted by Davy
                        Float left and then a clearing div afterwards.
                        float:right; didnt do the trick

                        Comment

                        • Juicy D. Links
                          So Fucking Banned
                          • Apr 2001
                          • 122992

                          #13
                          Originally posted by KickAssJesse
                          Code:
                          <div class="line1">
                            <div class="logo" style="text-align:left;">
                              <a href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/xlogo.gif" alt=""></a>
                            </div>
                            {include file="customer/tabs.tpl"}
                            {include file="customer/phones.tpl"}
                          </div>
                          I would removed the align="left" from the image unless you have content to the right of it.
                          Adding the style of text-align: left should solve your problem.
                          text-align: left didnt help either

                          Comment

                          • redwhiteandblue
                            Bollocks
                            • Jun 2007
                            • 2793

                            #14
                            Originally posted by Juicy D. Links
                            text-align: left didnt help either
                            It should be the CSS machinegunkelly posted. But maybe in IE anchors don't inherit their text alignment from the parent or something, so it might be

                            Code:
                            .logo a 
                            { 
                            text-align:left;
                            }
                            Interserver unmanaged AMD Ryzen servers from $73.00

                            Comment

                            • Juicy D. Links
                              So Fucking Banned
                              • Apr 2001
                              • 122992

                              #15
                              Originally posted by redwhiteandblue
                              It should be the CSS machinegunkelly posted. But maybe in IE anchors don't inherit their text alignment from the parent or something, so it might be

                              Code:
                              .logo a 
                              { 
                              text-align:left;
                              }
                              I am gonna look at the CSS for the admin section which is working

                              it shows

                              Code:
                              .HeadLogo {
                              	PADDING-LEFT: 27px;
                              	TEXT-ALIGN: left;
                                HEIGHT: 65px;

                              Comment

                              • redwhiteandblue
                                Bollocks
                                • Jun 2007
                                • 2793

                                #16
                                Maybe set the width and height of the containing div:

                                Code:
                                .logo 
                                {
                                width:100%;
                                height:auto;
                                text-align:left;
                                }
                                Interserver unmanaged AMD Ryzen servers from $73.00

                                Comment

                                • machinegunkelly
                                  Confirmed User
                                  • Jun 2003
                                  • 3304

                                  #17
                                  With IE, it could be fuckin' anything... god damned browser.
                                  the chances of us solving this over a message board are likely slim.

                                  I sent you an ICQ juicy, I'll take a look at the code for ya if you link me.
                                  dead.

                                  Comment

                                  Working...