Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Increase padding to the Infobox header


Guest

Recommended Posts

When I increase the Font size the font runs too close to the box upper edge ( especially in Asian fonts ).

I need to increase the infobox header height or add padding.

I'm not sure about how to do this. Can someone advise me?

Link to comment
Share on other sites

When I increase the Font size the font runs too close to the box upper edge ( especially in Asian fonts ).

I need to increase the infobox header height or add padding.

I'm not sure about how to do this. Can someone advise me?

 

 

I do that in the stylesheet for chinese with line-height.

But be carefull that the images are not smaller than that.

And still it looks a little different in MSIE and FF and.....

Treasurer MFC

Link to comment
Share on other sites

I do that in the stylesheet for chinese with line-height.

But be carefull that the images are not smaller than that.

And still it looks a little different in MSIE and FF and.....

 

 

like this:

 

.infoBoxHeading { color: white; font-weight: normal; font-size: 12px; line-height: 14px; background-image: url(../../images/infobox/corner_right_left.gif); text-align: left; vertical-align: middle }

 

mind you, I use separate stylesheets for english and chinese just for that reason.

Treasurer MFC

Link to comment
Share on other sites

like this:

 

.infoBoxHeading            { color: white; font-weight: normal; font-size: 12px; line-height: 14px; background-image: url(../../images/infobox/corner_right_left.gif);  text-align: left; vertical-align: middle }

 

mind you, I use separate stylesheets for english and chinese just for that reason.

 

Separate Stylesheets; that's what I thought I needed to do. Each language needs to know what stylesheet to call. Sorry if I sound dumb, I'm not sure how assign a stylesheet to the pages for a different language. Or am I thinking too much and Japanese pages will automatically call up the stylesheet coded in EUC_JP?

Link to comment
Share on other sites

Separate Stylesheets; that's what I thought I needed to do. Each language needs to know what stylesheet to call. Sorry if I sound dumb, I'm not sure how assign a stylesheet to the pages for a different language. Or am I thinking too much and Japanese pages will automatically call up the stylesheet coded in EUC_JP?

 

very easy:

 

 

You could simply say in english.php :

 

define('STYLESHEET', 'my_english_stylesheet.css');

 

and in japanese.php :

 

define('STYLESHEET', 'my_japanese_stylesheet.css');

 

then in the top of your pages use :

 

<link rel="stylesheet" type="text/css" href="<?php echo STYLESHEET; ?>">

Treasurer MFC

Link to comment
Share on other sites

very easy:

You could simply say in english.php :

 

define('STYLESHEET', 'my_english_stylesheet.css');

 

and in japanese.php :

 

define('STYLESHEET', 'my_japanese_stylesheet.css');

 

then in the top of your pages use :

 

<link rel="stylesheet" type="text/css" href="<?php echo STYLESHEET; ?>">

 

 

I myself use this as I have different stylesheets per language/resolution and font size.

 

$css_filename = 'css/';

if (isset($_SESSION['c_size'])) {

switch ($_SESSION['c_size']) {

case 'N' : $css_filename .= 'N/'; break;

case 'L' : $css_filename .= 'L/'; break;

default : $css_filename .= 'N/';

}

} else {

$css_filename .= 'N/';

}

 

if (isset($_SESSION['res'])) {

switch ($_SESSION['res']) {

case '800' : $css_filename .= 'en_800.css'; break;

case '1024' : $css_filename .= 'en_1024.css'; break;

default : $css_filename .= 'en_800.css'; break;

}

} else {

$css_filename .= 'en_800.css';

}

define('STYLESHEET', $css_filename);

Treasurer MFC

Link to comment
Share on other sites

Thanks Amanda. I noticed these things you do when I visited you site, v nice.

The style sheet tip is good. I tried to increase the line-height but the boxheader vanished so I need to study this a bit more.

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...