homepage Welcome to WebmasterWorld Guest from 54.196.198.213
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
How to disable vertical image resizing in explorer?
I need to force explorer to not resize vertical images.
mrnabla




msg:3683421
 7:47 pm on Jun 25, 2008 (gmt 0)

Hi all,

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]

 

D_Blackwell




msg:3684783
 2:25 am on Jun 27, 2008 (gmt 0)

Really need to see that HTML & CSS code that replicates the problem, otherwise just guessing at understanding the question, but I would figure this to be a CSS solution.

<html>
<head>
<style>
#x-axis {
background: #000 url(aaa.jpg) repeat-x; height: 75px;
}
</style>
</head>
<body>
<div id="x-axis">

</div>
</body>
</html>


mrnabla




msg:3685274
 4:44 pm on Jun 27, 2008 (gmt 0)

Sorry, I think it is not possible to insert my site url here. Thanks for your Help, D_Blackwell.

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]

tedster




msg:3685426
 7:27 pm on Jun 27, 2008 (gmt 0)

I've researched this question several times over the years since IE introduced this, ahem, "feature". As far as I know, there is nothing the webmaster can do to turn off auto resizing for their page -- only the end user. You can trun off that Image Toolbar nuisance but I don't think that affects auto-resize.

I would suggest you rethink the way the page is coded - maybe slicing the image would help?

mrnabla




msg:3685491
 8:30 pm on Jun 27, 2008 (gmt 0)

Thanks for answer, tedster.
Mmm... i'm not yet so sure to have understood what image slicing
means.
Don't you have any link or simple tutorial to signal to me?
Thanks.

Lore

mrnabla




msg:3685857
 9:09 am on Jun 28, 2008 (gmt 0)

Hi D_Blackwell,
I report down here some part of html code, the php code that defines the main page structure and down the css used to generate it.

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"&bull;".$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>
&nbsp;
</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"> &nbsp;</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"> &nbsp;</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]

tedster




msg:3685947
 1:48 pm on Jun 28, 2008 (gmt 0)

So where is the problematic image in all that code?

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.

mrnabla




msg:3686159
 11:57 pm on Jun 28, 2008 (gmt 0)

Hi tedster,
in the first part of my cut & paste, the image called
class=\"LDG-LARGE ldg-large-ultime_segnalazioni_box_bg_02
(a css sprite used as banner for a section),
appears ALSO resized vertically when the width of the image is resized
in the browser page too small.
This phenomenon happens only in internet explorer.
In firefox all is ok.

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

mrnabla




msg:3688204
 6:25 am on Jul 2, 2008 (gmt 0)

Image resizing By IE solved applying min-height tip
to images to force of a defined height:

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved