Forums / Templates, Stylesheets, Page Layout / Center the Content of a Blank Sidebox

Center the Content of a Blank Sidebox

Locked

Views: 857

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
30 Jun 2010, 2:30 PM
#1
jack0r avatar

jack0r

New Zenner

Join Date:
Jul 2009
Posts:
5
Plugin Contributions:
0

Center the Content of a Blank Sidebox

Hi,

i want to center the Button of HelpZilla Live Support in my Sidebox..

i tried everything with <center> </center and <div align="center">

I hope someone of you professional out there has a anser for me...

Thanks in advance...

Here is the Code of the tpl_blank_box.php

$content = '<div class="sideBoxContent">';

$blank_box_content .= '<!-- <http://www.LiveZilla.net> Chat Button Link Code --><a href="http://www.meineseitee.com/store/livezilla/livezilla.php" target="_blank"><center><img src="http://www.meineseite/store/livezilla/image.php?id=03" width="179" height="51" border="0" alt="LiveZilla Live Help"></a></center><a href="http://www.livezilla.net"></a><!-- <http://www.LiveZilla.net> Chat Button Link Code --></center><br/>';

$content .= $blank_box_content;

$content .= '</div>';

30 Jun 2010, 3:01 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Center the Content of a Blank Sidebox

The image is specified as width="179". How wide is your sidebar? In what way is the content not centering? We need to see it live to give the right answer.

30 Jun 2010, 3:16 PM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Center the Content of a Blank Sidebox

Center tags are deprecated, i.e. no longer valid html and browsers are not obligated to support them, so not a good idea if you want a solution that works in all browsers and will continue to do so.

As Glenn says, we really need to see the problem in context to advise on the most appropriate solution.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

30 Jun 2010, 3:22 PM
#5
jack0r avatar

jack0r

New Zenner

Join Date:
Jul 2009
Posts:
5
Plugin Contributions:
0

Re: Center the Content of a Blank Sidebox

Thanks for your fast answers ! you can see it live at http://174.121.182.162/~iphon117/i4_store/

its just a fresh store.. we want to launch it next month !

you find the supportbox where i want to center the button/image on the left !

30 Jun 2010, 3:33 PM
#6
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Center the Content of a Blank Sidebox

I'm afraid that you're going to have no end of trouble wrestling that template into submission.

The box that you're working on appears to have 12 levels of nested divs most of which do nothing except get in the way.

There are two main obstacles to centering the image. The padding on the padding on "#blankbox .box-body" pushes everything to the right, and the image you are using is bigger than the width available so also overflows to the right.

You may want to discuss with your template vendor how all the unnecessary divs can be stripped out to make the template manageable.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

30 Jun 2010, 3:34 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Center the Content of a Blank Sidebox

In your stylesheet_boxes.css, you have duplicated the padding that is applied to other boxes when you don't want it here.```
/* ----------------------- LISTING BOXES ------------------------- */

#blankbox .box-body{ padding:11px 20px 16px 31px;}

/* change to */
#blankbox .box-body{ padding:11px 0 16px;}

30 Jun 2010, 3:45 PM
#8
jack0r avatar

jack0r

New Zenner

Join Date:
Jul 2009
Posts:
5
Plugin Contributions:
0

Re: Center the Content of a Blank Sidebox

gjh42:

In your stylesheet_boxes.css, you have duplicated the padding that is applied to other boxes when you don't want it here.```
/* ----------------------- LISTING BOXES ------------------------- */

#blankbox .box-body{ padding:11px 20px 16px 31px;}

/* change to */
#blankbox .box-body{ padding:11px 0 16px;}






Wow, Thanks !!! you are amazing ! It worked like a charm :clap::clap:

Now i noted a nother very big failure... i know thats the wrong thread.. but now i´m a little bit on panic, because i invested so many hours in the shop !  

when im cklick on one of the product categories like <http://174.121.182.162/~iphon117/i4_store/index.php?main_page=index&cPath=34>


It shows me only a blank page :( i installed ultimate seo urls.. but all worked fine after installation)i disabled now seo urls.. but i get the same result! a blank page...
30 Jun 2010, 4:22 PM
#9
jack0r avatar

jack0r

New Zenner

Join Date:
Jul 2009
Posts:
5
Plugin Contributions:
0

Re: Center the Content of a Blank Sidebox

I got the failure, it was the ebay sidebox ! Thanks everybody for the great support with the help button ! :clap: