Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Logo needs centering


themuir

Recommended Posts

Posted

http://www.gamingpc-guys.co.uk/

 

I have tried to centre the logo at top within the header and I dont know how to.

 

The only way I can get it to fit inside the grey area is by making the logo really small but its still not centred. It's more like half way down.

 

Can anyone assist please?

 

Thanks v much (",).

Posted

for vertical alinment the values are 'top', 'middle' & 'bottom', not 'center'

 

use valign="" within the column

Sam

 

Remember, What you think I ment may not be what I thought I ment when I said it.

 

Contributions:

 

Auto Backup your Database, Easy way

 

Multi Images with Fancy Pop-ups, Easy way

 

Products in columns with multi buy etc etc

 

Disable any Category or Product, Easy way

 

Secure & Improve your account pages et al.

Posted

for vertical alinment the values are 'top', 'middle' & 'bottom', not 'center'

 

use valign="" within the column

 

Hey thanks v much. I'm a proper newb when it comes to this. Where exactly do I find this to change?

 

Sorry if this annoys you for being so blatent

Posted

Find the file includes/header.php and open it

Then find this line in the file

<td class="logo"><a href="http://www.gamingpc-guys.co.uk/index.php"><img src="images/logo.gif" border="0" alt="" width="80" height="90"></a></td>

insert here the valign="middle" definition

Posted

Your padding is set up in stylesheet.css - on line 222 .logo change the padding values to 0 75px

My store is currently running Phoenix 1.0.3.0

I'm currently working on 1.0.7.2 and hope to get it live before 1.0.8.0 arrives (maybe 🙄 )

I used to have a list of add-ons here but I've found that with the ones that supporters of Phoenix get any other add-ons are not really neccessary

Posted

Your padding is set up in stylesheet.css - on line 222 .logo change the padding values to 0 75px

 

Thanks for the message!

 

I cant find a line 222 in my stylesheet ..?

Posted

Thanks for the message!

 

I cant find a line 222 in my stylesheet ..?

 

Load up your stylesheet and do a search for ' .logo ' it's just underneath the header styles and directly above the footer styles.

Posted

Load up your stylesheet and do a search for ' .logo ' it's just underneath the header styles and directly above the footer styles.

 

 

I have been through the stylesheets on the site and there is no .logo anywhere :-(

Posted

I have been through the stylesheets on the site and there is no .logo anywhere :-(

 

below is a chunk from your stylesheet.css.

 

/* ************************************************************************************* */
.header		 		{margin:auto;padding:0px 0px 0px 0px;}
.header td 		 	{color:#000000; font-size:11px; line-height:12px; font-weight:normal; font-family:tahoma;white-space:nowrap; vertical-align:middle;}
.header .header_td	{text-align:center;padding:0px 0px 1px 0px; vertical-align:middle;}
.header img			{vertical-align:middle;}
.header	strong		{display:block;text-transform:uppercase;padding:0px 0px 3px 0px; font-size:12px;}
.header .z1 	 {background:url(images/z1.gif) 128px 2px no-repeat; text-align:left;height:41px;padding:0px 0px 7px 0px;}
.header .z1 span {color:#000000; font-size:11px; line-height:12px; font-weight:normal;}
.header a 		 {color:#000000; font-size:11px; line-height:12px; font-weight:normal; font-family:tahoma; text-decoration:none}
.header a:hover  {color:#000000; text-decoration:underline;}
.header a b		 {color:#ffffff; font-size:11px; line-height:12px; font-weight:normal; font-family:tahoma; text-decoration:none}
.header a:hover b  {color:#ffffff; text-decoration:underline;}

.header_separator	{width:50%; text-align:center;}

.header form 	{width:100%;}
.select			{width:100%;border:1px solid #b1b1b1; border-left:1px solid #4f4f4f; border-top:1px solid #4f4f4f; background:#8c8b8b; color:#000000;vertical-align:middle;margin:0px 0px 0px 0px;padding:2px 2px 2px 0px;}
.select2 		{margin:0px 0px 3px 0px;}	
.select2 td		{padding:17px 0px 17px 0px; height:36px; vertical-align:middle;}			 
.select2 select	{width:70%; border:1px solid #969595; border-left:1px solid #4f4f4f; border-top:1px solid #4f4f4f; background:#8c8b8b; color:#000000;vertical-align:middle;margin:0px 10px 2px 10px;}
.go				{width:100%;border:1px solid #969595; border-left:1px solid #4f4f4f; border-top:1px solid #4f4f4f; background:#8c8b8b; color:#000000;vertical-align:middle;height:21px;padding:2px 2px 0px 3px;}
/* ************************************************************************************* */
.banner_02			{padding:0px 0px 5px 0px;}
/* ************************************************************************************* */
.logo						{padding:21px 0px 0px 25px; height:97px; width:100%;}
.header_languages			{text-align:right;padding:2px 2px 0px 0px; height:31px; vertical-align:top;}
.header_languages table		{width:88px;}
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
.footer 			{padding:0px 0px 0px 0px; height:32px;} 
.footer_td			{height:32px;}
.footer2_td			{width:100%;padding:24px 15px 24px 12px; text-align:center;}

.footer		  	  {color:#1e1e20; font-size:11px; line-height:16px; font-weight:normal; font-family:Arial; vertical-align:middle;}	
.footer td 		  {color:#1e1e20; font-size:11px; line-height:16px; font-weight:normal; font-family:Arial; vertical-align:middle;}			
.footer a 		  {color:#1e1e20; font-size:11px; line-height:16px; font-weight:normal; font-family:Arial; text-decoration:none;} 			
.footer a:hover   {color:#1e1e20;text-decoration:underline;}

 

if you can't find it, pm me a copy of your stylesheet and i'll have a look for you.

Posted

But I can find it. Below a part of your catalog/stylesheet.css. You have only one for the store

/* ************************************************************************************* */
.logo						{padding:21px 0px 0px 25px; height:97px; width:100%;}
.header_languages			{text-align:right;padding:2px 2px 0px 0px; height:31px; vertical-align:top;}
.header_languages table		{width:88px;}
/* ************************************************************************************* */

Posted

But I can find it. Below a part of your catalog/stylesheet.css. You have only one for the store

/* ************************************************************************************* */
.logo						{padding:21px 0px 0px 25px; height:97px; width:100%;}
.header_languages			{text-align:right;padding:2px 2px 0px 0px; height:31px; vertical-align:top;}
.header_languages table		{width:88px;}
/* ************************************************************************************* */

 

 

Thanks guys - busy office here. Found it now. I owe you all beers. You are the best x x x

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...