Need CSS help pleaseee

[Juicy D. Links]

Logo is left aligned in FF and Chrome but not IE


CSS is below:

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

What can i add to make it left aligned for a image?

[machinegunkelly]

.logo {
text-align:left;}

Should likely do it ?

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

[mc-nudes]

float: left;

[adult-help]

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..

[KickAssJesse]

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.

[machinegunkelly]

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.

[Juicy D. Links]

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

[Juicy D. Links]

<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

[machinegunkelly]

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

[KickAssJesse]

<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.

[Davy]

Float left and then a clearing div afterwards.

[Juicy D. Links]

Originally Posted by Davy

Float left and then a clearing div afterwards.

float:right; didnt do the trick

[Juicy D. Links]

Originally Posted by KickAssJesse

<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

[redwhiteandblue]

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

.logo a 
{ 
text-align:left;
}

[Juicy D. Links]

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

.logo a 
{ 
text-align:left;
}

I am gonna look at the CSS for the admin section which is working

it shows

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

[redwhiteandblue]

Maybe set the width and height of the containing div:

.logo 
{
width:100%;
height:auto;
text-align:left;
}

[machinegunkelly]

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.