Dimensioni immagini e css

[diegoctn]

Ciao ragazzi, un consiglio per favore: io ho questa pagina http://www.castellocanevaro.it/paganina/galleria.html
che è frutto di un copia ed incolla. Dovrei mettere a posto ( programmo in asp ma in quanto a css vado malissimo) la grandezza delle immagini in modo da evitare quella spiacevole banda nera. Il codice è questo:

.mf * {
	outline:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	border:none;
	padding:0;
	margin:0
}
.mf.load {
	background:red url(skin/ajax_loader.gif) no-repeat 50%;
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10;
	margin:1em auto;
	top:1%;
	width:1%;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:1px;
	width:1%;
}
.mf div.MooFlowNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:1%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:100%;
	padding-left:3%;
	height:100px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{background:url(skin/play.gif) no-repeat;}
.mf a.stop{background:url(skin/stop.gif) no-repeat;}

.mf div.resizeCon{
	float:right;
	width:100%;
	padding-right:3%;
	height:240px;
}
.mf a.resize{
	width:170px;
	height:120px;
	float:right;
	cursor:pointer;
	background:url(skin/resize.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf div.slider{
	background:url(skin/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(skin/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(skin/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}
.mf a.sliderNext{background:url(skin/left.gif) no-repeat;}
.mf a.sliderPrev{background:url(skin/right.gif) no-repeat;}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
/* MooFlowViewer */
.mf a.show {
	position:absolute;
	margin-left:-16px;
	width:2px;
	height:2px;
	top:1%;
	left:5%;
	z-index:1;
	cursor:pointer;
}
.mf a.show.image{
	background:url(skin/open_image.png) no-repeat 50%;
}
.mf a.show.viewerload{
	background:url(skin/loader.gif) no-repeat 50%;
}
.mf a.show.link{
	background:url(skin/open_link.png) no-repeat 50%;
}
.mf div.tooltip{
	background:url(skin/tooltip.png) no-repeat 50%;
	width:1px;
	margin-left:-151px;
	height:7px;
	padding:2px;
	position:absolute;
	z-index:1;
	top:0;
	left:50%;
	text-align:center;
}

ma non riesco a capire cosa modificare per ingrandire le immagini.

Grazie mille e a buon rendere in asp

[Gufo]

Le misure delle immagini sono interne al tag <img> width e height

[diegoctn]

Non ci sono, il tutto è richiamato in due file javascript. Forse devo postare li?

[Gufo]

Originariamente inviato da diegoctn
Non ci sono, il tutto è richiamato in due file javascript. Forse devo postare li?

Se di JS si tratta, si!

[Mich_]

Ho dato un'occhiata alla pagina.

E` scritta in un linguaggio obsoleto, in cui e` molto difficile far funzionare i CSS.
Inoltre parti del codice sono create tramite JS, e questo impedisce di capire quali siano gli oggetti su cui agiscono i CSS.

Per poter fare una analisi del problema (almeno per come la vedo io) servirebbe:
1. Trasformare la pagina in una DTD Strict eliminando tutte le formattazioni fatte tremite attributi HTML.
2. Eliminare le tabelle, che sono usate per formattare e che sono contrarie alla buona progettazione delle pagine.

3. Creare una pagina HTML "come dovrebbe essere" una volte che i JS hanno funzionato e hanno inserito i blocchi mancanti: questa e` una condizione necessaria per poter lavorare seriamente sui CSS e per poter condividere i problemi con altri utenti. Infatti per verificare i CSS occorre capire su quali oggetti (della pagina HTML) agiscono e se tali oggetti sono creati "al volo" lato client non e` possibile impostare una discussione.
Anche spostare la discussione nel forum JS puo` aiutare a capire come funziona il JS, ed evantualmente correggerlo, ma non porta aiuto per correggere il CSS.