Forum Moderators: not2easy
My websites looks well in firefox.In explorer, instead, when the image to display is too large, the image is resized.
I want the image resize only along horizontal, but not in vertical, because the image contain the title of the site's section. Can somebody help me, please? I tried every way to obtain this, acting on css, html, fixed sizes in pixel and so on but I really don't understand how to solve this.
Thanks in advance!
lore
(sorry for my english)
[edited by: limbo at 6:57 pm (utc) on June 27, 2008]
<html>
<head>
<style>
#x-axis {
background: #000 url(aaa.jpg) repeat-x; height: 75px;
}
</style>
</head>
<body>
<div id="x-axis"></div>
</body>
</html>
I want to add that I tried to add a similar workaround with fixed height and auto width...butt without results. Consider that I use this in conjunction with css sprites to decrease http image transfers.
Lore
[edited by: tedster at 6:57 pm (utc) on June 27, 2008]
I would suggest you rethink the way the page is coded - maybe slicing the image would help?
Lore
The website admin don't permits to post url, I respect this policy, so to describe better the problem I try to put inline all the code parts that could be involved in problem solution.
Thanks.
lore
=============================== part of html=====================
Description:
this code generates a table in which the first line contains
the image that describes the block.
the other lines represents textual contents got from a database
(in substance:
line 1: image large like a banner
line 2...N textual contents.
)
<?php
/*
*/
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$query_var_appoggio="SELECT * FROM #__ultime_offerte_new";
$database->setQuery($query_var_appoggio);
$risultato=$database->loadObjectList();
$ii=0;
while(($risultato[$ii]->testo_offerta) != null)
{
$offerta[$ii]=$risultato[$ii]->testo_offerta;
$ii++;
}
#echo"<table class=\"ldgtable\" width=\"100%\" border=\"2\" frame=\"below\" cellpadding=\"0\" cellspacing=\"0\">";
#
echo"<table class=\"ldgtable\" width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"100%\">";
echo"<tr> <img class=\"LDG-LARGE ldg-large-ultime_segnalazioni_box_bg_02\" src =\"images/transparent.gif\" title=\"Ultime offerte inserite dallo Staff e dagli utenti del sito\" border=\"0\" value=\" \"></tr>";
echo"<tr>";
$nome_browser_corrente = mosGetBrowser( $agent );
$nome_browser_corrente =mosGetBrowser($_SERVER["HTTP_USER_AGENT"]);
$numero_linee_explore=10;
for($indic=0;$indic < $numero_linee_explore; $indic++)
{
echo"•".$offerta[$indic]."<br />";
}
echo"</tr>";
echo"<tr><img class=\"LDG-LARGE ldg-large-bordo_inferiore_cornice\" height=\"100%\" src =\"images/transparent.gif\" border=\"0\" ></tr>";
echo"</table>";
?>
=============================== main page structure ==================
<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[ 1 ] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
$collspan_offset = ( mosCountModules( 'right' ) + mosCountModules( 'user2' ) ) ? 2 : 1;
//script to determine which div setup for layout to use based on module configuration
$user1 = 0;
$user2 = 0;
$user4 = 0;
$colspan = 0;
$right = 0;
$left = 0;
// banner combos
//user1 combos
if ( mosCountModules( 'user4' ) ) {
$user4 = 1;
}
if ( mosCountModules( 'user1' ) + mosCountModules( 'user2' ) == 2) {
$user1 = 2;
$user2 = 2;
$colspan = 3;
} elseif ( mosCountModules( 'user1' ) == 1 ) {
$user1 = 1;
$colspan = 1;
} elseif ( mosCountModules( 'user2' ) == 1 ) {
$user2 = 1;
$colspan = 1;
}
//right based combos
//if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) ¦¦ $_REQUEST['task'] != 'edit' ) ) {
//$right = 1;
//}
/*
<td><a href="http://www. .com"><img class="LDG-MEDIUM ldg-medium-logo_banner" src ="images/transparent.gif" ></a></td>
<td><a href="http://www. .com"><img src="<?php echo $mosConfig_live_site;?>/templates/la_dritta_giusta_fast/images/logo_banner.png" border="0"></a></td>
*/
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/la_dritta_giusta_fast/css/template_css.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div align="center" class="pagina">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img class="LDG-LARGE ldg-large-bordo_superiore_cornice" src="images/transparent.gif" ></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="outline">
<div class="clr"></div>
<div id="header_outer">
<div id="header">
<table width="100%%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="http://www. .com"><img class="LDG-MEDIUM ldg-medium-logo_banner" src="../images/transparent.gif" ></a></td>
</tr>
</table>
</div>
<div id="buttons_outer">
<div id="buttons_inner">
<div id="buttons">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" height="21"> </td>
<td background="<?php echo $mosConfig_live_site;?>/templates/la_dritta_giusta_fast/images/menutop_bg_02.png">
<?php mosLoadModules ( 'user3', -1); ?>
</td>
<td width="10" height="21"> </td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="content_outer">
<div id="content_inner">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr valign="top">
<?php if (mosCountModules('left')) {?>
<td>
<div id="left_outer">
<div id="left_inner">
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
</div>
</td>
<?php }?>
<td width="99%">
<?phpif ( mosCountModules ('banner') ) {?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr>
<td align="center">
<div id="banner_inner">
<?php mosLoadModules( 'banner', -1 ); ?><br />
</div>
</td>
</tr>
</table>
<?php}?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<?phpif ( $user4 > 0 ) {?>
<tr>
<td colspan="<?php echo $colspan; ?>">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="user4">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
</td>
</tr>
</table>
</td>
</tr>
<?php} ?>
<?phpif ($colspan > 0) {?>
<tr valign="top">
<?phpif ( $user1 > 0 ) {?>
<td width="50%">
<div class="user1_inner">
<?php mosLoadModules ( 'user1', -1 ); ?>
</div>
</td>
<?php}if ( $colspan == 3) { ?>
<td width="2">
<img class="LDG-MEDIUM ldg-medium-spacer" src ="images/transparent.gif" alt="" title="spacer" border="0" height="10" width="2"/>
</td>
<?php}if ( $user2 > 0 ) {?>
<td width="50%">
<?php mosLoadModules ( 'user2', -1 ); ?>
</td>
<?php}?>
</tr>
<tr>
<td colspan="<?php echo $colspan; ?>">
<img class="LDG-MEDIUM ldg-medium-spacer" src ="images/transparent.gif" alt="" title="spacer" border="0" height="2" width="100"/>
</td>
</tr>
<?php } ?>
<tr>
<td colspan="<?php echo $colspan; ?>" class="body_outer">
<?php mosMainBody(); ?>
</td>
</tr>
</table>
</td>
<?php
if (mosCountModules('right')) {
?>
<td>
<div id="right_outer">
<div id="right_inner">
<?php mosLoadModules ( 'right', -2 ); ?>
</div>
</div>
</td>
<?php
}
?>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" >
<p align="center"><h4><?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
<?php mosLoadModules( 'debug', -1 );?></h4></p>
</td>
</tr>
<tr>
<td><img class="LDG-LARGE ldg-large-bordo_inferiore_pagina_cornice" src="images/transparent.gif" ></td>
</tr>
</table>
</div>
</body>
</html>
=============================== entire css ======================
/* CSS Document */
/*
Current Sub-Domains
ldgfastimages. .com (public_html/ldgfastimages)
ldgfastimageslarge. .com (public_html/ldgfastimageslarge)
ldgfastimagesmascotte. .com (public_html/ldgfastimagesmascotte)
ldgfastimagesmedium. .com (public_html/ldgfastimagesmedium)
ldgfastimagessmall. .com (public_html/ldgfastimagessmall)*/
html {
height: 100%;
}
body {
height: 100%;
margin-bottom: 1px;
}
.clr {
clear: both;
}
.outline { /*stile contorno sito*/
/* border: 1px solid #cccccc; */
background: #ffffff;
padding-left: 0px;
padding-right: 0px;
margin: 0px;
}
#buttons_outer { /*stile bottoni menu top esterno*/
width: 100%;
margin-bottom: 2px;
margin-right: 2px;
float: left;
}
#buttons_inner { /*stile bottoni menu top interno*/
border-top: 0px solid #000000;
border-bottom: 0px solid #bfbfbf;
height: 18px !important;
/*background: url(../images/menu_top_bg.png) no-repeat;*/
}
#path_inner { /*stile path interno*/
padding-left: 16px;
}
#pathway_text { /*stile percorso*/
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
/*border: 1px solid #ccc;*/
margin-bottom: 2px;
}
#pathway_text img { /*stile percorso immagine*/
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}
#buttons { /*stile bottoni scritte*/
float: left;
margin: 0px;
padding: 0px;
width: auto;
}
ul#mainlevel-nav {
list-style: none;
padding-left: 0px;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li { /*stile pulsanti di navigazione*/
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 19px;
white-space: nowrap;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #666666;
}
ul#mainlevel-nav li a {
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}
#buttons>ul#mainlevel-nav li a { width: auto; }
ul#mainlevel-nav li a:hover { /**/
color: #B80101;
background: url(../images/menutop_bg_02_over.png) repeat-x;
}
#search_outer { /*stile ricerca esterno*/
float: left;
width: 165px;
}
#search_inner { /*stile ricerca interno*/
border: 1px solid #cccccc;
padding: 0px;
height: 21px !important;
height: 23px;
overflow: hidden;
}
#search_inner form {
padding: 0;
margin: 0;
}
#search_inner .inputbox {
border: 0px;
padding: 3px 3px 3px 5px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #B80101;
}
#header_outer {
text-align: left;
border: 0px;
margin: 0px;
}
#header { /*stile header*/
float: left;
padding: 0px;
margin-right: 0px; /*2*/
width: 100%;
height: 120px;
background: url(../images/logo_banner_bg.png) repeat-x;
}
#top_outer{ /*stile esterno tabella top*/
float: left;
width: 802px;
}
#top_inner { /*stile interno tabella top*/
/*border: 1px solid #ffffff;*/
padding: 0px; /*2*/
height: 120px !important;
height: 802px;
overflow: hidden;
float: none !important;
float: left;
}
#left_outer { /*stile esterno tabella sinistra*/
float: left;
margin-top: 2px;
width: 165px;
}
#left_inner { /*stile esterno tabella destra*/
/*border: 1px solid #cccccc;*/
padding: 0px;
float: none !important;
float: left;
}
#content_outer { /*stile esterno tabella contenuti*/
padding: 0px;
margin-top: 10px;
margin-left: 0px;
/** border: 1px solid #cccccc; **/
float: left;
width: 100%; /*width: 635px;*/
max-width: 100%;
}
#content_inner { /*stile interno tabella contenuti*/
float: none !important;
float: left;
padding: 0;
padding-top: 2px;
margin: 0;
}
#immagine_ldg {
width: auto;
height: 39px;
}
table.content_table {
max-width:100%; /*Correzione IE*/
/*padding: 0px;
margin: 0px;*/
}
table.content_table td {
max-width:100%; /*Correzione IE*/
/*padding: 0px;
margin: 0px;*/
}
#banner_inner { /*stile interno banner*/
float: left;
padding: 0px;
height: 70px;
}
#poweredby_inner {
float: right;
padding: 0px;
margin-left: 0px;
height: 70px;
}
#right_outer { /*stile esterno tabella destra*/
margin-left: 2px;
width: 165px;
}
#right_inner { /*stile interno tabella destra*/
float: none !important;
float: left;
/*border: 1px solid #cccccc;*/
padding: 2px;
}
.user1_inner { /*stile interno ultime news*/
/*border: 1px solid #cccccc;*/
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}
.user2_inner { /*stile interno i pił letti*/
/*border: 1px solid #cccccc;*/
float: none !important;
float: left;
margin: 0px;
padding: 0px;
}
table td.body_outer { /*stile tabella centrale*/
max-width:100%;
/*Correzione IE*/
/*padding: 2px;*/
/*border: 1px solid #cccccc;*/
}
.maintitle {
color: #ffffff;
font-size: 40px;
padding-left: 15px;
padding-top: 20px;
}
.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}
/** old stuff **/
.back_button { /*bottone torna indietro mod ;-)*/
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
background: url(../images/button.png);
/*padding: 0px 10px;*/
height: 28px;
line-height: 28px;
width: 83px;
margin: 1px;
}
.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
background: url(../images/button.png);
/*padding: 0px 10px;*/
height: 28px;
line-height: 28px;
width: 83px;
margin: 1px;
}
.pagenavbar {
margin-right: 0px; /*10*/
float: right;
}
#footer {
text-align: center;
padding: 3px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}
td {
text-align: left;
font-size: 13px; /*Correzione IE font-size = body.font_size*/
}
body {
margin: 0px;
height: 100%;
padding: 0px;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
line-height: 120%;
color: #333333;
background: #e0e0e0; /*Sfondo Pagina*/
}
/* Joomla core stuff */
a:link, a:visited {
color: #B80101; text-decoration: none;
font-weight: bold;
}
a:hover {
color: #B80101;
text-decoration: underline;
font-weight: bold;
}
table.contentpaneopen { /*Stile Tabella Contenuto Centrale*/
max-width:100%; /*Correzione IE*/
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpaneopen td {
max-width:100%; /*Correzione IE*/
padding-right: 5px;
}
table.contentpaneopen td.componentheading {
max-width:100%; /*Correzione IE*/
padding-left: 4px;
}
table.contentpane {
max-width:100%; /*Correzione IE*/
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
max-width:100%; /*Correzione IE*/
margin: 0px;
padding: 0px;
}
table.contentpane td.componentheading {
max-width:100%; /*Correzione IE*/
padding-left: 4px;
}
table.contentpaneopen fieldset {
max-width:100%; /*Correzione IE*/
border: 0px;
border-bottom: 1px solid #eee;
}
.button { /*Stile Bottoni*/
/*color: #B80101;*/
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: normal;
/*padding: 0px 10px;*/
/*border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px; */
}
.inputbox {
padding: 2px;
border:solid 1px #cccccc;
background-color: #ffffff;
}
.componentheading {
height: 21px; /*21*/
font-weight: bold;
font-size: 11px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
background: url(../images/subhead_bg.png) no-repeat;
height: 21px;
padding-left: 8px;
padding-top: 4px;
/*subhead_bg.png*/
text-align: left;
/*padding-top: 0px; /*4*/
/*padding-left: 0px; /*4*/
/*height: 21px; /*21*/
/*font-weight: bold;
font-size: 10px;
text-transform: uppercase;*/
}
.contentcolumn {
padding-right: 5px;
}
.contentheading {
height: 30px;
color: #B80101;
font-weight: bold;
font-size: 14px;
white-space: nowrap;
}
.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:left;
}
table.searchinto {
max-width:100%; /*Correzione IE*/
width: 100%;
}
table.searchintro td {
max-width:100%; /*Correzione IE*/
font-weight: bold;
}
/*------------------------------------Bordatura tonda moduli sinistra e destra*/
#left_inner div.moduletable {
max-width:100%; /*Correzione IE*/
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../images/module_bottom.png) bottom left no-repeat;
}
#left_inner div.moduletable h3 {
max-width:100%; /*Correzione IE*/
padding: 5px 0px 0px 0px;
margin-bottom: 0px;
text-align: center;
color: #fff;
background: url(../images/module_top.png) top left no-repeat;
font-weight: bold;
}
#right_outer div.moduletable {
max-width:100%; /*Correzione IE*/
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../images/module_bottom.png) bottom left no-repeat;
}
#right_outer div.moduletable h3 {
max-width:100%; /*Correzione IE*/
padding: 5px 0px 0px 0px;
margin-bottom: 0px;
text-align: center;
color: #fff;
background: url(../images/module_top.png) top left no-repeat;
font-weight: bold;
}
#left_inner div.corpo {
max-width:100%; /*Correzione IE*/
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../images/module_bottom.png) bottom left no-repeat;
}
/*------------------------------------Bordatura tonda moduli sinistra e destra*/
table.moduletable {
max-width:100%; /*Correzione IE*/
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
div.moduletable {
max-width:100%; /*Correzione IE*/
padding: 0;
margin-bottom: 2px;
}
table.moduletable th, div.moduletable h3 { /*stile titolo user1 user2*/
max-width:100%; /*Correzione IE*/
background: url(../images/user_bg_01.png) repeat-x;
color: #666666;
text-align: left;
/*padding-left: 4px;*/
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 2px 0;
}
/*-----------------------------------------Spaziatura interna contenuti moduli*/
div.moduletable td {
max-width:100%; /*Correzione IE*/
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
font-weight: normal;
}
div.moduletable h3 {
max-width:100%; /*Correzione IE*/
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
font-weight: bold;
}
/*----------------------------------------------------------------------------*/
table.moduletable td {
max-width:100%; /*Correzione IE*/
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}
table.pollstableborder td { /*Stile Sondaggio*/
max-width:100%; /*Correzione IE*/
padding: 2px;
background: #DCDCDC;
}
.sectiontableheader {
max-width:100%; /*Correzione IE*/
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}
.sectiontablefooter {
max-width:100%; /*Correzione IE*/
}
.sectiontableentry1 {
max-width:100%; /*Correzione IE*/
background-color : #ffffff;
}
.sectiontableentry2 {
max-width:100%; /*Correzione IE*/
background-color : #f9f9f9;
}
.small {
color: #999999;
font-size: 11px;
}
.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}
.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}
table.contenttoc {
max-width:100%; /*Correzione IE*/
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.contenttoc td {
max-width:100%; /*Correzione IE*/
padding: 2px;
}
table.contenttoc th {
max-width:100%; /*Correzione IE*/
background: url(../images/subhead_bg.png) repeat-x;
color: #333333;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited { /*stile menu principale*/
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #333333;
text-align: left;
padding-top: 5px;
padding-left: 0px;
padding-left: 18px;
height: 20px !important;
height: 25px;
width: 149px;
text-decoration: none;
}
a.mainlevel:hover {
background-position: 0px -25px;
text-decoration: none;
color: #B80101;
}
a.mainlevel#active_menu {
color:#B80101;
font-weight: bold;
}
a.mainlevel#active_menu:hover {
color: #B80101;
}
a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #B80101;
text-align: left;
}
a.sublevel:hover {
color: #900;
text-decoration: none;
}
a.sublevel#active_menu {
color: #333;
}
.highlight {
background-color: Yellow;
color: Blue;
padding: 0;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}
form {
/* removes space below form elements */
margin: 0;
padding: 0;
}
div.mosimage {
border: 1px solid #ccc;
}
.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}
span.article_seperator {
display: block;
height: 1.5em;
}
h1 {
font-size: 20px;
color: #000000;
font-weight: normal;
}
h2 {
font-size: 15px;
color: #B80101;
font-weight: normal;
}
h3 {
font-size: 15px;
color: #000000;
font-weight: normal;
}
h4 {
font-size: 10px;
color: #000000;
}
table.ldgtable { /*Stile Tabella generica LDG*/
max-width:100%; /*Correzione IE*/
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
border-color: #ffffff;
}
table.ldgtable td{
padding: 1px;
}
.testata{ /*correzione altezza immagine header tabella*/
height: 39px;
}
.LDG-MEDIUM {display:block; max-width:100%; background-color:#FFF; background-image:url(../images/medium/ldg_medium_small.png); background-repeat:no-repeat; overflow:hidden;}
.ldg-medium-spacer_bad { width:1px; height:1px; background-position: -312px -1297px; }
.ldg-medium-advertisement { width:468px; height:8px; border:0px; background-position: 0px -447px -119px; }
.LDG-LARGE {display:block; max-height:100%; max-width:100%; background-color:#FFF; background-image:url(../images/large/csg-482c9f2adbb43.png); background-repeat:no-repeat; overflow:hidden;}
.ldg-large-ultime_segnalazioni_box_bg_02 { height:39px; max-width:100%; width:1840px; background-position: 0px -408px; }
[edited by: tedster at 1:38 pm (utc) on June 28, 2008]
[edit reason] fix format [/edit]
And "image slicing" is pretty much what it sounds like. What you show on the page looks like one big image, but it's really made up of several pieces of the big image that are bumped up against each other.
What have I to do to force the height of the image to 39 pixels
(that is the real height I want...)
Please note that I tried with everycombination possible of height, resize, or other paramenters either in css or html...
Thanks in advance.
This problem is exausting me...
lore
.box {
min-height: 200px;
height: auto !important;
height: 200px;
}
Thanks to everibody tryed to help me.
lore
It remains the last trouble: firefox resizes in horizontal
randomly seems, the page showing and hiding the right column of the template and adding horizontal scrollbar.(explorer is ok, instead)
